:root{--wt-accent:#e0ad28;--wt-accent-strong:#c89112;--wt-accent-soft:rgba(224,173,40,.16)}

/* Header lockup – uses the real installed WatchTrack app icon */
.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-lockup .app-brand-icon{width:46px;height:46px;border-radius:13px;display:block;flex:0 0 auto;box-shadow:0 7px 18px rgba(0,0,0,.18)}.brand-lockup>div{min-width:0}.brand-lockup h1{white-space:nowrap}

:root[data-theme='light']{color-scheme:light;--bg:#f8f7f2;--panel:#ffffff;--panel2:#f5f3ed;--panel3:#ece9df;--line:#ded9cc;--text:#151515;--muted:#716f68;--accent:var(--wt-accent);--accent2:#f0c85a;--danger:#c74356;--good:#62b94d}
:root[data-theme='light'] body{background:radial-gradient(circle at 86% -8%,rgba(224,173,40,.08),transparent 26%),linear-gradient(180deg,#fbfaf6 0%,#f6f4ed 100%);color:var(--text)}
:root[data-theme='light'] .topbar{background:rgba(250,249,245,.98);border-bottom:1px solid rgba(218,213,200,.45);box-shadow:0 8px 24px rgba(39,34,23,.035);padding-bottom:16px}
:root[data-theme='light'] .topbar h1{color:#171717;letter-spacing:-.045em;font-weight:820}:root[data-theme='light'] .eyebrow{color:#77746c}:root[data-theme='light'] .version-tag{color:#bf8c10}
:root[data-theme='light'] .brand-lockup{gap:13px}:root[data-theme='light'] .brand-lockup .app-brand-icon{width:58px;height:58px;border-radius:16px;box-shadow:0 8px 22px rgba(65,52,18,.17)}
:root[data-theme='light'] .bottom-nav{background:rgba(255,255,253,.96);border-top-color:#d8d5cc;box-shadow:0 -8px 24px rgba(38,34,24,.045)}
:root[data-theme='light'] .icon-btn{background:#fff;border-color:#dedbd2;color:#2a2925;box-shadow:0 6px 18px rgba(35,31,20,.07)}

/* No heavy black controls in light mode */
:root[data-theme='light'] .segmented{background:#fff;border-color:#ddd9cf;box-shadow:0 5px 18px rgba(35,31,20,.05)}
:root[data-theme='light'] .seg{background:transparent;color:#77746d}
:root[data-theme='light'] .seg.active{background:#fff4d3;color:#654900;box-shadow:inset 0 0 0 1px #dfb53d,0 2px 8px rgba(170,120,0,.08)}
:root[data-theme='light'] .chip{background:#fff;color:#4f4d47;border-color:#dedbd2;box-shadow:0 3px 10px rgba(35,31,20,.035)}
:root[data-theme='light'] .chip.active{background:#fff7e2;border-color:#d6aa35;color:#624900;box-shadow:0 3px 10px rgba(166,117,0,.06)}
:root[data-theme='light'] .provider-chip img{box-shadow:none}
:root[data-theme='light'] .card-providers span{background:#f2f0e9;color:#5d5a52;border-color:#ddd9cf}

:root[data-theme='light'] .media-card,:root[data-theme='light'] .settings-card,:root[data-theme='light'] .library-row,:root[data-theme='light'] .season,:root[data-theme='light'] .stat{background:#fff;border-color:#ded9cc;box-shadow:0 8px 24px rgba(24,24,20,.055)}
:root[data-theme='light'] .settings-card{border-radius:22px;padding:18px}
:root[data-theme='light'] input[type=search],:root[data-theme='light'] textarea,:root[data-theme='light'] select{background:#fff;color:var(--text);border-color:#d9d6cd;box-shadow:0 5px 16px rgba(24,24,20,.04)}
:root[data-theme='light'] .primary{color:#17120a;background:linear-gradient(180deg,#efc33f,#dda718);border-color:#d1a01e;text-shadow:none;box-shadow:0 6px 16px rgba(195,140,8,.15)}
:root[data-theme='light'] .secondary{background:#fff;color:var(--text);border-color:var(--line)}
:root[data-theme='light'] .nav-btn{color:#77746d}:root[data-theme='light'] .nav-btn.active{color:#27251f}:root[data-theme='light'] .nav-btn.active span{color:var(--wt-accent-strong)}
:root[data-theme='light'] .progress>span{background:linear-gradient(90deg,#d89d12,#f0c85a)}
:root[data-theme='light'] .next-episode{background:linear-gradient(135deg,rgba(224,173,40,.14),rgba(255,255,255,.88));border-color:#e2c36f}
:root[data-theme='light'] .next-episode span,:root[data-theme='light'] .type-kicker,:root[data-theme='light'] .season-toggle,:root[data-theme='light'] .text-link,:root[data-theme='light'] .provider-attribution a{color:#946900}
:root[data-theme='light'] .hero-gradient{background:linear-gradient(to bottom,rgba(247,247,244,.03) 30%,rgba(247,247,244,.5) 62%,var(--bg) 100%)}
:root[data-theme='light'] #detailDialog{background:var(--bg);color:var(--text)}
:root[data-theme='light'] .overview,:root[data-theme='light'] .hero-content p,:root[data-theme='light'] .facts span{color:#4e4e49}
:root[data-theme='light'] .calendar-date{border-color:#ddd9cf}
:root[data-theme='light'] .library-empty{background:#fff}
:root[data-theme='light'] .manual-dialog{background:#fff;color:var(--text);border-color:#d9d6cd}
:root[data-theme='light'] .manual-dialog input,:root[data-theme='light'] .manual-dialog select,:root[data-theme='light'] .manual-status-select,:root[data-theme='light'] .wt24-dialog input,:root[data-theme='light'] .wt24-dialog select{background:#fff;color:var(--text);border-color:#d9d6cd}
:root[data-theme='light'] .series-option-hint,:root[data-theme='light'] .manual-episodes,:root[data-theme='light'] .manual-episode{background:#f6f4ee;border-color:#dfdcd3}
:root[data-theme='light'] #wtPreference .pref-btn.selected,:root[data-theme='light'] #wtPreference .pref-btn.is-selected{border-color:#d5a62a!important;background:#fff1c5!important;color:#5f4500!important;box-shadow:0 0 0 1px rgba(213,166,42,.15) inset}

/* Theme picker like the light-mode mockup */
.theme-card{display:flex;flex-direction:column}.theme-card h2{display:none}.theme-card .theme-options{order:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.theme-card>p{order:2;margin:12px 4px 0!important}.theme-option{min-height:86px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:16px;padding:12px 8px;font-size:22px;font-weight:750;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.theme-option.active{background:linear-gradient(180deg,#f0c33f,#e3ae1e);color:#322300;border-color:#d5a326;box-shadow:0 7px 18px rgba(190,135,0,.12)}.theme-option small{display:block;font-size:13px;font-weight:720;opacity:.82;margin:0}

/* Shared-list card: clean stacked controls in light mode */
:root[data-theme='light'] .family-sync-card{border-color:#ded9cc}
:root[data-theme='light'] .family-sync-card .status[data-kind='ok']{color:#62b94d;font-weight:650}
:root[data-theme='light'] .family-sync-card .status[data-kind='ok']::before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1.5px solid currentColor;border-radius:50%;font-size:11px;vertical-align:-1px}
:root[data-theme='light'] .family-key-input{background:#fbfaf6!important;color:#20201d!important;border-color:#d9d4c8!important;box-shadow:none!important}
:root[data-theme='light'] .family-sync-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%}
:root[data-theme='light'] .family-sync-actions>button{width:100%;min-height:50px;justify-content:flex-start;padding-left:18px;border-radius:14px;font-size:15px}
:root[data-theme='light'] #familyCreateBtn{justify-content:center;font-weight:800}
:root[data-theme='light'] #familyLeaveBtn{color:#c62f39;border-color:#e5c9c9}
:root[data-theme='light'] .family-key-row{display:grid;grid-template-columns:1fr;gap:9px}
:root[data-theme='light'] #familyConnectBtn{width:100%;min-height:50px;border-radius:14px;font-weight:760}

@media(max-width:430px){.brand-lockup{gap:10px}.brand-lockup .app-brand-icon{width:48px;height:48px;border-radius:13px}.brand-lockup h1{font-size:clamp(27px,7.6vw,34px)}:root[data-theme='light'] .brand-lockup .app-brand-icon{width:52px;height:52px;border-radius:14px}.theme-option{min-height:82px}.settings-card{margin-bottom:14px}}