/* Approved app treatment. Both theme choices and day/night preferences remain available. */
html[data-theme]{--town-bg:#071a2c;--town-surface:#0e263b;--town-soft:#142f45;--town-text:#f8ecd8;--town-muted:#c0cbd6;--town-gold:#e3bd7e;--town-edge:#75664e;--app-outline:#e3bd7e47;--app-town-image:url('assets/jericho-town.webp');--glass-tint:14,38,59;--privacy-surface:var(--town-surface);--privacy-text:var(--town-text);--privacy-muted:var(--town-muted);--privacy-accent:var(--town-gold);--privacy-border:var(--town-edge)}
html[data-theme=pink]{--town-bg:#2a1a2a;--town-surface:#3a2638;--town-soft:#493145;--town-muted:#e1cbd7;--town-gold:#edbdc1;--town-edge:#977b80;--app-outline:#edbdc14d;--app-town-image:url('assets/jericho-town-golden-hour.webp');--glass-tint:58,38,56}
html[data-theme][data-appearance=day]{--town-bg:#f4f0e8;--town-surface:#fffcf6;--town-soft:#e9e1d3;--town-text:#20354b;--town-muted:#596778;--town-gold:#795a2e;--town-edge:#b6a58b;--app-outline:#795a2e52;--glass-tint:255,252,246}
html[data-theme=pink][data-appearance=day]{--town-bg:#fff3f3;--town-surface:#fffaf8;--town-soft:#f3e2e5;--town-text:#4d2d43;--town-muted:#775b70;--town-gold:#934d6b;--town-edge:#c9a3b2;--app-outline:#934d6b47;--glass-tint:255,250,248}
html[data-theme][data-appearance] body{background:var(--town-bg);color:var(--town-text)}
html[data-theme][data-appearance] body main{max-width:780px;padding:20px 22px calc(124px + env(safe-area-inset-bottom));padding-top:max(20px,env(safe-area-inset-top))}
html[data-theme][data-appearance] body main>header{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:0 0 16px;padding:0;position:relative}
html[data-theme][data-appearance] body main>header>div:first-child{margin-right:auto;text-align:left}
html[data-theme][data-appearance] body main>header h1{margin:0;text-align:left;font-size:26px;letter-spacing:.15em;color:var(--town-text)!important}
html[data-theme][data-appearance] body main>header #headerAccount{font-size:12px;min-height:42px;border-radius:999px;padding:10px 17px}
html[data-theme][data-appearance] body #home .hero-seat{margin-top:14px}
html[data-theme][data-appearance] body #home .hero-seat .hero{min-height:285px;height:auto;margin:0;display:flex;align-items:flex-start;justify-content:flex-end;gap:0;padding:130px 26px 26px;border:1px solid var(--app-outline);border-radius:14px;background:linear-gradient(0deg,#05182ef5 0%,#05182ec7 32%,#05182e08 75%),var(--app-town-image) center 42%/cover;background-blend-mode:normal;box-shadow:none;animation:glimmer 13s linear infinite}
html[data-theme=pink][data-appearance] body #home .hero-seat .hero{background:linear-gradient(0deg,#301c32f5 0%,#301c32b8 27%,#301c3233 46%,transparent 65%),var(--app-town-image) center 42%/cover;border-color:var(--app-outline)}
html[data-theme][data-appearance] body #home .hero .eyebrow,html[data-theme][data-appearance] body #home .hero p,html[data-theme][data-appearance] body #home .hero::before,html[data-theme][data-appearance] body #home .hero::after{display:none!important}
html[data-theme][data-appearance] body #home .hero h2{font:400 clamp(28px,5vw,36px)/1.15 Georgia,serif;margin:0 0 14px;color:#fff1dc!important;text-shadow:0 2px 12px #0006}
html[data-theme][data-appearance] body #home .hero button{margin:16px 0 0;padding:10px 19px;min-height:44px;font:400 16px/1.25 Georgia,serif;border-radius:999px;background:#102336cc!important;border:1px solid #e3bd7e!important;color:#ffedcd!important;box-shadow:none}
html[data-theme=pink][data-appearance] body #home .hero button{background:#4b283ccc!important;border-color:#f6c6bc!important;color:#fff0e0!important}
html[data-theme][data-appearance] body #home .stats[hidden]{display:none!important}
html[data-theme][data-appearance] body #home .dash-title{display:block;font:400 26px/1.25 Georgia,serif;margin:24px 0 14px}
html[data-theme][data-appearance] body #home .dash-title::after{display:none}
html[data-theme][data-appearance] body #home .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-theme][data-appearance] body #home .quick-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:106px;padding:15px 8px;gap:10px;border:1px solid var(--app-outline)!important;border-radius:17px;background:linear-gradient(140deg,var(--town-soft),var(--town-surface))!important;box-shadow:none!important;min-width:0}
html[data-theme][data-appearance] body #home .quick-card::after,html[data-theme][data-appearance] body #home .quick-card small{display:none}
html[data-theme][data-appearance] body #home .quick-card .symbol{display:flex;align-items:center;justify-content:center;order:0;width:31px;height:31px;min-width:0;padding:0;background:none!important;border:0;box-shadow:none;color:var(--town-gold)!important}
html[data-theme][data-appearance] body #home .quick-card strong{order:1;font:500 12px/1.4 system-ui,sans-serif;color:var(--town-text);padding:0;overflow-wrap:normal}
.symbol svg,#nav svg{width:100%;height:100%;display:block}
.home-next{margin:25px 0}.home-next-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.home-next-heading h2{font:400 26px/1.25 Georgia,serif;margin:0}.home-next-heading>button{font:30px/1 Georgia,serif;min-width:44px;min-height:44px;padding:0}
html[data-theme][data-appearance] body .home-next-event{display:flex;align-items:center;width:100%;min-height:83px;gap:14px;padding:12px 14px;margin:9px 0;border:1px solid var(--app-outline);border-radius:17px;background:var(--town-surface);color:var(--town-text);text-align:left;box-shadow:none}
.home-next-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 48px;align-self:stretch;border-right:1px solid var(--app-outline);padding-right:14px;color:var(--town-gold)}.home-next-date small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.home-next-date strong{font:26px/1.2 Georgia,serif}.home-next-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.home-next-copy strong{font:400 18px/1.3 Georgia,serif;overflow-wrap:anywhere}.home-next-copy small{font:11px/1.4 system-ui,sans-serif;color:var(--town-muted)}.home-next-arrow{margin-left:auto;font-size:25px;color:var(--town-muted)}.home-next-empty{font-size:13px;padding:17px;border:1px solid var(--app-outline);border-radius:17px;color:var(--town-muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.home-next-empty button{font-size:12px;min-height:44px}
/* All four tabs have the same clean icon treatment, with an understated selected pill. */
html[data-theme][data-appearance] body #nav{left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 26px);max-width:738px;padding:6px;border:1px solid var(--app-outline);border-radius:28px;background:rgba(var(--glass-tint),.96);box-shadow:0 6px 30px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:3px}
html[data-theme][data-appearance] body #nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:65px;border-radius:22px;padding:8px 4px!important;font:400 11px/1.2 system-ui,sans-serif;color:var(--town-muted)!important;white-space:nowrap}
html[data-theme][data-appearance] body #nav button>span{display:block;width:25px;height:25px;min-width:0;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:inherit!important}
html[data-theme][data-appearance] body #nav button[aria-current=page]{background:color-mix(in srgb,var(--town-gold) 17%,transparent)!important;color:var(--town-gold)!important;box-shadow:none!important;font-weight:500}
html[data-theme][data-appearance] body #nav button[aria-current=page]::after{display:none}
/* Calendar retains every control, with a compact village banner instead of a tagline. */
html[data-theme][data-appearance] body .calendar-redesign{padding-top:0}
html[data-theme][data-appearance] body .cal-page-heading{margin:0 0 14px;padding:0;min-height:44px}
html[data-theme][data-appearance] body .cal-page-heading h2{font:400 27px/1.25 Georgia,serif;letter-spacing:0;margin:0}
html[data-theme][data-appearance] body .cal-refresh-status:empty{display:none}
html[data-theme][data-appearance] body .calendar-redesign .cal-month-card{border:1px solid var(--app-outline)!important;background:var(--town-surface)!important;border-radius:20px;padding:18px!important}
html[data-theme][data-appearance] body .cal-month-heading #calMonth{font:400 22px/1.3 Georgia,serif;letter-spacing:0}
html[data-theme][data-appearance] body .calendar-redesign .cal-cell .cal-day{border-radius:12px;min-height:53px}
html[data-theme][data-appearance] body .calendar-redesign .cal-day[aria-pressed=true]{background:color-mix(in srgb,var(--town-gold) 18%,var(--town-surface))!important;color:var(--town-text)!important;box-shadow:inset 0 0 0 1px var(--town-gold)!important;border-color:transparent!important}
html[data-theme][data-appearance] body .calendar-redesign .cal-today:not(.cal-picked){border-color:var(--town-gold)}
html[data-theme][data-appearance] body :is(.cal-agenda-event,.plan-game-shell,.vote-options,.vote-mode,.saved-movie-card,.movie-search-top){border-color:var(--app-outline)!important;border-radius:20px;background:var(--town-surface)!important;box-shadow:none}
html[data-theme][data-appearance] body .movie-search-top{margin:0 0 23px;padding:19px!important}
html[data-theme][data-appearance] body .movie-search-top h2{font:400 27px/1.25 Georgia,serif;margin:0 0 16px!important}
html[data-theme][data-appearance] body #plans>.eyebrow,html[data-theme][data-appearance] body #plans>.plan-intro[hidden]{display:none!important}
html[data-theme][data-appearance] body #plans>h2{font:400 27px/1.25 Georgia,serif;margin:5px 0 18px}
html[data-theme][data-appearance] body #plans>.home-return{font-size:12px;margin:0 0 9px}
html[data-theme][data-appearance] body .plan-heading h3{font-size:24px}
html[data-theme][data-appearance] body .vote-mode{border:1px solid var(--app-outline)!important;overflow:hidden}
html[data-theme][data-appearance] body .vote-mode>strong{font:400 24px/1.3 Georgia,serif}
html[data-theme][data-appearance] body .world-sky{opacity:.12}
@media(max-width:520px){html[data-theme][data-appearance] body main{padding-left:16px;padding-right:16px;padding-top:max(16px,env(safe-area-inset-top))}html[data-theme][data-appearance] body main>header{margin-bottom:14px}html[data-theme][data-appearance] body main>header h1{font-size:24px}html[data-theme][data-appearance] body #home .hero-seat .hero{min-height:310px;height:auto;max-height:none;padding:145px 20px 22px}html[data-theme][data-appearance] body #home .quick-card{min-height:96px;padding:13px 5px}html[data-theme][data-appearance] body #home .quick-card strong{font-size:12px}html[data-theme][data-appearance] body #home .quick-grid{gap:9px}html[data-theme][data-appearance] body #home .dash-title,.home-next-heading h2{font-size:24px}html[data-theme][data-appearance] body .calendar-redesign .cal-month-card{padding:14px!important}html[data-theme][data-appearance] body .cal-month-heading #calMonth{font-size:19px}.home-next-copy strong{font-size:17px}}
@media(max-width:350px){html[data-theme][data-appearance] body main{padding-left:12px;padding-right:12px}html[data-theme][data-appearance] body #home .quick-grid{gap:7px}html[data-theme][data-appearance] body #home .quick-card strong{font-size:11px}html[data-theme][data-appearance] body #home .quick-card{min-height:92px}html[data-theme][data-appearance] body #home .hero-seat .hero{min-height:290px;padding:130px 19px 22px}.home-next-empty{display:block}.home-next-copy small{font-size:10px}html[data-theme][data-appearance] body .cal-header-actions{gap:5px}html[data-theme][data-appearance] body .cal-header-actions #calRefresh{padding:8px;font-size:11px}}
@media(prefers-reduced-transparency:reduce){html[data-theme][data-appearance] body #nav{background:var(--town-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){html[data-theme][data-appearance] body #nav button[aria-current=page]{outline:2px solid Highlight;outline-offset:-3px}html[data-theme][data-appearance] body #home .quick-card{border:1px solid ButtonText!important}}

/* Keep secondary actions readable across the retained pink/day/night styles. */
html[data-theme][data-appearance] body .text-button,html[data-theme][data-appearance] body #welcomeGuest{color:var(--town-gold)!important}
#planRound:has(>.vote-mode-grid)>.plan-lobby{display:none}
@media(max-width:350px){.home-next-empty button{display:block;margin-top:7px}}

.app-extra-tools>summary{min-height:44px;line-height:44px}.app-extra-tools .feature-actions{margin-top:12px}
/* Restore the prior banner motion while honoring existing motion preferences. */
html[data-motion=gentle] #home .hero-seat .hero,html[data-motion=off] #home .hero-seat .hero{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-theme][data-appearance] body #home .hero-seat .hero{animation:none!important}}

/* Additional personal palettes. Existing Plum pink stays unchanged. */
html[data-theme=pastel][data-appearance]{--town-bg:#f1dce5;--town-surface:#fff0f6;--town-soft:#f4d7e3;--town-text:#4d2e3e;--town-muted:#765264;--town-gold:#8b3f63;--town-edge:#bc8fa5;--app-outline:#a96b8b66;--glass-tint:255,240,246;--app-town-image:url('assets/jericho-town-golden-hour.webp');color-scheme:light}
html[data-theme=pastel][data-appearance=day]{--town-bg:#fff2f7;--town-surface:#fffafd;--town-soft:#f8dfe9;--glass-tint:255,250,253}
html[data-theme=green][data-appearance]{--town-bg:#132e28;--town-surface:#1c3c33;--town-soft:#294c3e;--town-text:#f0f3df;--town-muted:#c0d2bf;--town-gold:#c3d49b;--town-edge:#84977e;--app-outline:#c3d49b55;--glass-tint:28,60,51}
html[data-theme=green][data-appearance=day]{--town-bg:#f1f5e9;--town-surface:#fbfdf5;--town-soft:#e2ead6;--town-text:#233c30;--town-muted:#526958;--town-gold:#426643;--town-edge:#96ab8a;--app-outline:#42664355;--glass-tint:251,253,245}
html[data-theme=pastel][data-appearance] body #home .hero-seat .hero{background:linear-gradient(0deg,#633d51ed 0%,#633d5177 27%,transparent 65%),var(--app-town-image) center 42%/cover}
html[data-theme=pastel][data-appearance] body #home .hero button{background:#613a50e6!important;border-color:#f8cede!important;color:#fff5f9!important}
html[data-theme][data-appearance] body .theme-pastel{background:#f8dce8!important;color:#63384d!important}
html[data-theme][data-appearance] body .theme-green{background:#284b3b!important;color:#eef4df!important}
.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme][data-appearance] body #home .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0 0}
html[data-theme][data-appearance] body #home .home-stat{display:flex;min-height:84px;gap:6px;margin:0;padding:13px 5px;border:1px solid var(--app-outline);border-radius:16px;background:var(--town-surface)!important;color:var(--town-text)!important;box-shadow:none}
html[data-theme][data-appearance] body #home .home-stat strong{font:400 26px/1.2 Georgia,serif;color:var(--town-gold)!important}
html[data-theme][data-appearance] body #home .home-stat small{font:500 11px/1.3 system-ui,sans-serif;color:var(--town-text)!important}
html[data-theme][data-appearance] body #home .home-stat[hidden],#coupleStats[hidden]{display:none!important}
/* Explicit foreground and background colors beat the legacy generic button skin. */
html[data-theme][data-appearance] body #home #homeUpcoming .home-next-event{background:var(--town-surface)!important;color:var(--town-text)!important;border:1px solid var(--app-outline)!important;box-shadow:none!important}
html[data-theme][data-appearance] body #home #homeUpcoming .home-next-copy strong{color:var(--town-text)!important}
html[data-theme][data-appearance] body #home #homeUpcoming .home-next-copy small{color:var(--town-muted)!important}
html[data-theme][data-appearance] body #home #homeUpcoming .home-next-date{color:var(--town-gold)!important}
html[data-theme][data-appearance] body #home #homeUpcoming .home-next-date small,html[data-theme][data-appearance] body #home #homeUpcoming .home-next-date strong{color:inherit!important}
html[data-theme][data-appearance] body #home #homeUpcoming .home-next-arrow{color:var(--town-gold)!important}

html[data-theme][data-appearance]{--privacy-surface:var(--town-surface);--privacy-text:var(--town-text);--privacy-muted:var(--town-muted);--privacy-accent:var(--town-gold);--privacy-border:var(--town-edge);--glass-edge:var(--app-outline)}
/* Sunset orange replaces the former green palette; retained ID preserves preferences. */
html[data-theme=green][data-appearance]{--town-bg:#2a1612;--town-surface:#43231a;--town-soft:#5a3021;--town-text:#fff1e5;--town-muted:#edc6ad;--town-gold:#ffc18a;--town-edge:#b97a54;--app-outline:#ffc18a66;--glass-tint:67,35,26;--app-town-image:url('assets/jericho-town-golden-hour.webp');color-scheme:dark}
html[data-theme=green][data-appearance=day]{--town-bg:#fff3e7;--town-surface:#fffaf5;--town-soft:#f8ddc6;--town-text:#42281b;--town-muted:#76503d;--town-gold:#93431d;--town-edge:#b97a54;--app-outline:#93431d66;--glass-tint:255,250,245;color-scheme:light}
html[data-theme][data-appearance] body .theme-green{background:#8c422a!important;color:#fff1e5!important}
html[data-theme=green][data-appearance] body #home .hero-seat .hero{background:linear-gradient(0deg,#2a1612f5 0%,#2a1612c7 32%,#2a161208 75%),var(--app-town-image) center 42%/cover}
html[data-theme][data-appearance] body #home .hero-seat .hero{border:0!important;box-shadow:none!important}
#countyZipPanel{margin:16px 0;padding:18px;border:1px solid var(--app-outline);border-radius:16px;background:var(--town-surface)}
#countyZipPanel input{display:block;width:100%;max-width:260px;margin:8px 0;min-height:46px;font-size:18px}
#countyZipChoices{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#countyZipPanel[hidden]{display:none}
html[data-theme=green][data-appearance] body #home .hero button{background:#61311ee8!important;color:#fff2e8!important;border-color:#ffc18a!important}

/* Legacy shortcuts are upgraded before being shown; the Calendar hero is already correct in HTML. */
html:not([data-home-ready]) #home .stats,html:not([data-home-ready]) #home .quick-grid,html:not([data-home-ready]) #home>.dash-title,html:not([data-home-ready]) #home>.dash-panel,html:not([data-home-ready]) #home>.home-note{visibility:hidden}
