/* Theme controls remain visible when the other header badges collapse. */
:root{color-scheme:light;--ink:var(--text)}
.topActions{display:flex;align-items:center;gap:12px;min-width:0}
.themeToggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-height:42px;font-size:12px;padding:9px 12px;flex-shrink:0}
.themeToggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.themeState{font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;background:var(--panel2);color:var(--muted)}
.themeToggle[aria-pressed="true"] .themeState{background:#223f68;color:#c9dfff}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1220;--panel:#141f32;--panel2:#1c2b43;
  --text:#e8effa;--muted:#a8b9d1;--line:#34455e;
  --blue:#8bb7ff;--blue2:#a7caff;--cyan:#62ccfa;
  --green:#6ee7a0;--red:#ff93ab;--amber:#ffd17d;
  --navy:#e8effa;--navy2:#c7dcff;--soft:#18263d;--soft-blue:#1b3150;
  --focus:0 0 0 4px rgba(139,183,255,.3);
  --shadow:0 14px 38px rgba(0,0,0,.18);--shadow-lg:0 26px 60px rgba(0,0,0,.25);
}
html[data-theme="dark"]{background:var(--bg)}
[data-theme="dark"] body{background:radial-gradient(900px 600px at -8% -10%,rgba(37,99,235,.12),transparent 55%),linear-gradient(180deg,#0b1220,#101a2b);color:var(--text)}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .mobileNav{background:rgba(15,25,42,.96);border-color:var(--line)}
[data-theme="dark"] :is(.brand strong,.topTitle,.hero h1,.sectionHead h2,.kpi .value,.testCard h3,.drop h2,.notice h3,.qTitle,.sideCard h3,.timer,.scoreRing span,.bankItem h4,.quickCard strong,.previewTop strong,.previewStats b){color:var(--text)}
[data-theme="dark"] :is(.hero p,.trustRow,.explain p,.barLabel,.miniBars,.miniBars b,.previewLabel,.previewFoot,.previewStats span,.previewTop small,.topKicker){color:var(--muted)}
[data-theme="dark"] .hero h1 span{color:var(--blue)}
[data-theme="dark"] :is(.hero,.quickCard,.notice,.resultsHero){background:linear-gradient(135deg,#141f32,#192a43);border-color:var(--line);box-shadow:var(--shadow)}
[data-theme="dark"] :is(.heroPreview,.previewStats>div){background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
[data-theme="dark"] .previewBadge{background:#123827;color:var(--green);border-color:#3b7954}
[data-theme="dark"] :is(.previewLine,.miniBars i,.progressTrack,.barTrack){background:#2b3c55}
[data-theme="dark"] .previewFoot{border-color:var(--line)}
[data-theme="dark"] .quickCard .num{color:rgba(139,183,255,.13)}
[data-theme="dark"] .nav button:hover{background:#1b2d48;color:var(--blue2);border-color:var(--line)}
[data-theme="dark"] :is(.nav button.active,.mobileNav button.active){background:#1c3659;color:var(--blue2);border-color:#4a6e9d}
[data-theme="dark"] :is(.privacy,.toggleRow,.sessionFields,#resumeSessionBox){background:var(--soft);border-color:var(--line)}
[data-theme="dark"] :is(.privacyIcon,.dropIcon){background:#1c3659;color:var(--blue2);border-color:var(--line)}
[data-theme="dark"] .dropIcon svg{stroke:var(--blue)}
[data-theme="dark"] .pill{background:var(--panel);border-color:var(--line)}
[data-theme="dark"] .btn{background:var(--panel2);color:var(--text);border-color:var(--line)}
[data-theme="dark"] :is(.btn:hover,.btn.secondary:hover){background:#263b59;border-color:#6c90be}
[data-theme="dark"] .btn.secondary{background:var(--panel2);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#477bf0}
[data-theme="dark"] .btn.primary:hover{background:linear-gradient(135deg,#2458d6,#173fae)}
[data-theme="dark"] .btn.danger{color:var(--red);background:#3a1e30;border-color:#89415b}
[data-theme="dark"] :is(.badge,.chip){background:#1b3150;color:var(--blue2);border-color:#47688f}
[data-theme="dark"] .drop{background:linear-gradient(145deg,#141f32,#182a43);border-color:#527bab}
[data-theme="dark"] .drop.drag{background:#1b3150;border-color:var(--blue)}
[data-theme="dark"] :is(.input,select,.sessionFields select,.sessionFields .input){background-color:var(--panel);color:var(--text);border-color:#4a6080}
[data-theme="dark"] input::placeholder{color:var(--muted);opacity:1}
[data-theme="dark"] select option{background:var(--panel);color:var(--text)}
[data-theme="dark"] :is(.sessionFields select:disabled,.sessionFields .input:disabled){background-color:#223049;color:var(--muted);border-color:var(--line)}
[data-theme="dark"] :is(.sessionFields small,.sessionFields #sourceNote){color:var(--muted)}
[data-theme="dark"] :is(.input:focus-visible,select:focus-visible,.sessionFields .input:focus-visible,.sessionFields select:focus-visible){border-color:var(--blue);box-shadow:var(--focus)}
[data-theme="dark"] .sessionFields select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238bb7ff' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
[data-theme="dark"] .switch{background:#435775}
[data-theme="dark"] .switch.on{background:linear-gradient(90deg,#2563eb,#0891b2)}
[data-theme="dark"] .mode{background:var(--panel);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .mode:hover{background:#1c2f4b;border-color:#6c90be}
[data-theme="dark"] :is(.mode.active,.mode.active:hover,.mode[aria-pressed="true"]){background:#1d4ed8;border-color:#81b0ff;color:#fff}
[data-theme="dark"] .mode.active small{color:#e7efff}
[data-theme="dark"] :is(.examNotice,.examNote){background:#1b3150;color:#d6e6ff;border-color:#527bab}
[data-theme="dark"] .choice{background:var(--panel);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .choice:hover{background:#20334f;border-color:#6c90be}
[data-theme="dark"] .choice .letter{background:#243957;color:var(--blue2)}
[data-theme="dark"] .choice.selected{background:#1d3657;border-color:#8bb7ff;box-shadow:inset 0 0 0 1px #8bb7ff}
[data-theme="dark"] .choice.selected .letter{background:#2563eb;color:#fff}
[data-theme="dark"] .choice.correct{background:#123827;border-color:#6ee7a0;box-shadow:none}
[data-theme="dark"] .choice.wrong{background:#3a1e30;border-color:#ff93ab;box-shadow:none}
[data-theme="dark"] .choice.correct .letter{background:#20553a;color:#b8f7cd}
[data-theme="dark"] .choice.wrong .letter{background:#642c43;color:#ffd3dd}
[data-theme="dark"] .explain{background:var(--soft);border-color:var(--line)}
[data-theme="dark"] .qDot{background:var(--panel);color:var(--muted);border-color:var(--line)}
[data-theme="dark"] .qDot.done{background:#123827;color:var(--green);border-color:#3b7954}
[data-theme="dark"] .qDot.current{background:#1c3659;color:var(--blue2);border-color:#8bb7ff}
[data-theme="dark"] .qDot.flag{border-color:var(--amber);box-shadow:inset 0 0 0 2px rgba(255,209,125,.3)}
[data-theme="dark"] .scoreRing{background:conic-gradient(var(--blue) 0 var(--scoreDeg),#2b3c55 var(--scoreDeg) 360deg)}
[data-theme="dark"] .scoreRing:before{background:var(--panel)}
[data-theme="dark"] :is(.bankItem,.historyRow){border-color:var(--line)}
[data-theme="dark"] .bankItem:hover{background:var(--soft)}
[data-theme="dark"] dialog{background:var(--panel);color:var(--text);border-color:var(--line)}
[data-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.65)}
[data-theme="dark"] .toast{background:#243957;color:var(--text);border:1px solid var(--line)}
[data-theme="dark"] :is(.toast.bad,.toast.error){background:#642c43;color:#fff}
[data-theme="dark"] a{color:var(--blue2)}
@media(max-width:600px){.topActions{gap:6px}.themeToggle{min-height:40px;padding:8px 10px}.topMeta #bankPill{display:none}}
@media(max-width:520px){.themeToggle{width:auto}.topActions{flex-shrink:0}}