/* Shared neutral surfaces, restrained red actions and consistent status colors. */
:root { --bg:#111113;--surface:#1b1b1e;--surface-2:#252528;--surface-3:#333337;--text:#f5f5f7;--muted:#aaaab2;--line:#ffffff19;--accent:#f06a60;--accent-2:var(--accent);--accent-dim:#f06a6018;--success:#91ddbc; }
html[data-theme=oled] { --bg:#000;--surface:#0d0d0f;--surface-2:#19191c;--surface-3:#29292d;--muted:#a1a1aa;--line:#ffffff1c; }
html[data-theme=light] { --bg:#f5f5f7;--surface:#fff;--surface-2:#f0f0f3;--surface-3:#e5e5ea;--text:#202024;--muted:#65656e;--line:#20202420;--accent:#b93630;--accent-dim:#b9363010;--success:#247854; }
/* The shell never reflows when its active panel changes. Only content scrolls. */
#settings-drawer { height:min(760px,90dvh);max-height:none;display:flex;flex-direction:column;overflow:hidden; }
#settings-drawer .drawer-head { flex:none;padding:24px 28px;background:var(--surface); }
#settings-drawer .account-layout { flex:1;min-height:0;overflow:hidden; }
#settings-drawer .settings-nav { margin:18px 12px; }
#settings-drawer .settings-content { min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:26px 28px;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent; }
#settings-drawer .settings-content::-webkit-scrollbar { width:6px; }
#settings-drawer .settings-content::-webkit-scrollbar-thumb { background:var(--surface-3);border-radius:6px; }
#settings-drawer .settings-label { font-size:18px; }
#settings-drawer .account-picture-row { border:1px solid var(--line);background:var(--surface-2); }
#settings-drawer .account-danger .btn-danger { color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent); }
.settings-description,.section-sub { color:var(--muted); }
.success-msg { color:var(--success); }
.error-msg { color:var(--accent); }
.toggle.on { background:color-mix(in srgb,var(--success) 18%,var(--surface));border-color:var(--success); }
.toggle.on::after { background:var(--success); }
.btn-ghost,.stats-select,.mini-select { background:var(--surface);border-color:var(--line); }
.btn-ghost:hover:not(:disabled) { background:var(--surface-2);border-color:color-mix(in srgb,var(--text) 25%,transparent); }
button:disabled { cursor:not-allowed; }
.search-add-btn { background:var(--text);color:var(--bg); }
#stats-body .stat-card,#stats-body .stats-panel { border:1px solid var(--line);background:var(--surface);border-radius:16px; }
.stats-select,.admin-dialog input,.admin-dialog select { border-radius:10px; }
#stats-body .stats-complete,.ep-checkbox.checked { background:var(--success); }
html[data-theme=light] .ep-checkbox.checked { color:#fff; }
.search-item-row,.season-card { border-color:var(--line); }
.search-item-row:hover { background:var(--surface-2); }
.admin-dialog { border-radius:20px; }
#easter-egg-notice { position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;padding:12px 20px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:100px;box-shadow:0 8px 32px #0004;font-size:13px;font-weight:600;pointer-events:none; }
#sandevistan-trail { position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden; }
#sandevistan-trail span { position:absolute;width:18px;height:25px;opacity:0;clip-path:polygon(0 0,0 85%,24% 66%,43% 100%,59% 93%,41% 59%,75% 59%); }
@media(max-width:650px) {
 #settings-drawer { height:94dvh;max-height:none; }
 #settings-drawer .drawer-head { padding:20px; }
 #settings-drawer .account-layout { min-height:0; }
 #settings-drawer .settings-nav { flex:none;margin:10px; }
 #settings-drawer .settings-content { flex:1;padding:20px 18px; }
}
@media(prefers-reduced-motion:reduce) { #sandevistan-trail { display:none; } }