@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--navy:#1e2761;--navy-deep:#141a4a;--navy-dark:#0b0f2e;--gold:#d4a857;--gold-light:#e8c887;--gold-dark:#a87e2c;--cream:#faf7f2;--paper:#f4f0e8;--paper-2:#ede7da;--ink:#1a1a2e;--slate:#475569;--slate-light:#94a3b8;--border:#e5e0d3;--green:#059669;--red:#dc2626;--amber:#f59e0b;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius:14px;--brand-name:"QuizOps";--bg:var(--navy-dark);--accent:var(--gold);--card:var(--navy);--line:var(--navy-deep);--ok:var(--green)}[data-theme=hirsch]{--navy:#9e2a2a;--navy-deep:#7a1e1e;--navy-dark:#5e1220;--font-display:"Montserrat", system-ui, sans-serif;--font-body:"Montserrat", system-ui, sans-serif;--brand-name:"HIRSCH"}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--cream);color:var(--ink);font:16px/1.55 var(--font-body);-webkit-tap-highlight-color:transparent}.wrap{place-items:center;min-height:100dvh;padding:20px;display:grid}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;padding:26px}h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy);font-weight:400}h1 span{color:var(--gold)}h2{font-family:var(--font-display);color:var(--navy-deep);font-weight:300}.dim{color:var(--slate-light)}button{font:inherit;font-family:var(--font-body);color:var(--navy-dark);background:var(--gold);cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:10px;padding:14px 18px;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:var(--gold-light)}button.ghost{color:var(--navy);border:1px solid var(--border);background:0 0}button.ghost:hover:not(:disabled){background:var(--paper-2)}button:disabled{opacity:.5;cursor:default}input{font:inherit;font-family:var(--font-body);border:1px solid var(--border);background:var(--cream);width:100%;color:var(--ink);border-radius:10px;padding:14px}input:focus{outline:2px solid var(--gold);outline-offset:-1px}.choices{gap:10px;margin-top:14px;display:grid}.choice{text-align:left;background:var(--cream);color:var(--ink);border:1px solid var(--border)}.choice.sel{border-color:var(--gold);background:var(--paper)}.choice.correct{border-color:var(--green);color:var(--green);background:#f0fdf4}.pill{background:var(--paper-2);border:1px solid var(--border);font-family:var(--font-body);color:var(--slate);border-radius:999px;margin:4px;padding:6px 12px;font-size:.875rem;display:inline-block}.bar{background:var(--gold);border-radius:6px;height:10px;transition:width .5s}.timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--navy);font-size:40px;font-weight:600}.big{font-family:var(--font-display);color:var(--navy);font-size:clamp(2rem,6vw,4rem);font-weight:300}.ok{color:var(--green)}.bad{color:var(--red)}#stage{background:var(--navy-dark);color:var(--cream);min-height:100dvh}#stage h1,#stage h2{color:var(--gold-light)}#stage .timer{color:var(--gold)}#stage .bar{background:var(--gold-dark)}#stage .pill{background:var(--navy-deep);border-color:var(--navy);color:var(--cream)}#stage .opt{background:var(--navy);border:1px solid var(--navy-deep);color:var(--cream);border-radius:10px;padding:12px 16px}#stage .opt.correct{border-color:var(--green);color:var(--green)}#stage .grid4{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lbrow{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.pcol{font-family:var(--font-mono);color:var(--gold);text-align:right;min-width:60px;font-weight:600}#view .grid{gap:10px;display:grid}button[data-a]{font-size:.95rem}.status{font-family:var(--font-mono);color:var(--slate-light);padding:4px 0;font-size:.8rem}.brand{font-family:var(--font-display);letter-spacing:.12em;color:var(--navy);font-weight:600}.brand:before{content:var(--brand-name)}.brand-stage{z-index:10;color:var(--accent);font-size:34px;position:fixed;top:28px;left:40px}