:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060a14;--surface:#0d1526;--surface-2:#111b30;--line:#ffffff17;--text:#f2f6fc;--text-dim:#9aa7bd;--blue:#2d9cff;--cyan:#00d1ff;--green:#00e09a;--amber:#ffb020;--red:#ff5c6e;--burst-1:#0082fb;--burst-2:#00d1ff;--burst-3:#00e09a;--burst-4:#ffb020;--burst-5:#fff;--radius-card:14px;--radius-pill:999px;--radius-input:10px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{flex-direction:column;max-width:600px;height:100%;margin-inline:auto;padding:20px 20px 28px;display:flex;position:relative;overflow:clip auto}.bg-wash{pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,#2d9cff24,#0000 70%);position:fixed;inset:0}.topbar{justify-content:space-between;align-items:center;gap:12px;padding-block:4px 14px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:4px;width:12px;height:12px}.pill{color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;padding:5px 12px;font-size:13px;font-weight:700}.pill.accent{color:var(--cyan);border-color:#00d1ff59}.pill.streak-hot{color:var(--amber);border-color:#ffb02073}.stage{flex-direction:column;gap:14px;padding-block-end:12px;display:flex;position:relative}.title{letter-spacing:-.01em;margin:6px 0 0;font-size:34px;font-weight:800;line-height:1.12}.lede{color:var(--text-dim);margin:0;font-size:16px;line-height:1.5}.kicker{color:var(--cyan);margin:0;font-size:13px;font-weight:700}.question{letter-spacing:-.005em;margin:0;font-size:24px;font-weight:750;line-height:1.3}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:12px;padding:18px;display:flex;position:relative;overflow:clip}.hint{color:var(--amber);border-radius:var(--radius-input);background:#ffb02014;border:1px solid #ffb02040;margin:0;padding:10px 12px;font-size:15px;line-height:1.45}.verdict{border-radius:var(--radius-input);margin:0;padding:10px 12px;font-size:16px;font-weight:700;line-height:1.5}.verdict.is-hit{color:var(--green);background:#00e09a14;border:1px solid #00e09a4d}.verdict.is-miss{color:var(--red);background:#ff5c6e14;border:1px solid #ff5c6e4d}.score-row{gap:8px;display:flex}.bar{border-radius:var(--radius-pill);background:#ffffff1a;height:8px;overflow:clip}.bar-fill{border-radius:inherit;height:100%;transition:width .5s;display:block}.bar-fill.is-quiz{background:linear-gradient(90deg, var(--blue), var(--cyan))}.bar-fill.is-timer{background:linear-gradient(90deg, var(--cyan), var(--green))}.bar-fill.is-timer.is-low{background:linear-gradient(90deg, var(--amber), var(--red));animation:1s ease-in-out infinite timer-pulse}.timer-row{justify-content:space-between;align-items:baseline;display:flex}.timer-label{color:var(--text-dim);font-size:13px;font-weight:700}.timer-num{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.timer-num.is-low{color:var(--red)}.paused{color:var(--text-dim);margin:0;font-size:13px}.answers{flex-direction:column;gap:10px;display:flex}.answer{text-align:start;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;align-items:center;gap:13px;padding:13px 15px;font-size:17px;font-weight:650;transition:border-color .15s,background .15s;display:flex}.answer:hover{background:var(--surface-2)}.answer:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.answer.is-dying{border-color:var(--red);color:var(--red);animation:.28s shake}.answer.is-hit{border-color:var(--green);background:#00e09a12}.answer.is-dim{opacity:.45}.answer:disabled{cursor:default}.badge{color:#06101f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:flex}.answer-label{overflow-wrap:anywhere;min-width:0}.seg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);gap:4px;padding:4px;display:flex}.seg-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:11px 0;font-size:15px;font-weight:700}.seg-btn.is-on{color:#06101f;background:linear-gradient(135deg, var(--blue), var(--cyan))}.seg-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.cta-row{gap:10px;display:flex}.btn-primary{color:#06101f;background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:var(--radius-card);cursor:pointer;border:0;flex:1;padding:15px 18px;font-size:17px;font-weight:800}.btn-primary:focus-visible{outline-offset:2px;outline:2px solid #fff}.btn-primary.is-next{margin-block-start:2px}.btn-ghost{color:var(--text);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;background:0 0;padding:13px 16px;font-size:15px;font-weight:700}.btn-ghost:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.meta{border-top:1px solid var(--line);flex-direction:column;margin:0;display:flex}.meta>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-block:9px;display:flex}.meta dt{color:var(--text-dim);font-size:13px;font-weight:700}.meta dd{text-align:end;margin:0;font-size:14px;font-weight:650}.voice{flex-direction:column;gap:8px;display:flex}.voice-label{color:var(--text-dim);font-size:13px;font-weight:700}.voice-row{gap:8px;display:flex}.voice-input{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);flex:1;padding:12px 14px;font-size:16px}.voice-input::placeholder{color:var(--text-dim)}.voice-input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.voice-input:disabled{opacity:.5}.btn-send{color:#06101f;background:var(--green);border-radius:var(--radius-input);cursor:pointer;border:0;padding:12px 18px;font-size:15px;font-weight:800}.btn-send:disabled{opacity:.4;cursor:default}.btn-send:focus-visible{outline-offset:2px;outline:2px solid #fff}.final-score{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:76px;font-weight:850;line-height:1}.final-score span{color:var(--text-dim);font-size:30px;font-weight:700}.toast{inset-block-end:24px;color:#06101f;border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;background:#fff;max-width:min(92vw,480px);padding:11px 20px;font-size:15px;font-weight:700;animation:.25s toast-in;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:clip}.confetti span{border-radius:2px;width:9px;height:13px;animation:1.3s ease-in forwards confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(460px)rotate(540deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.bar-fill,.answer,.toast{transition:none;animation:none}.confetti span,.bar-fill.is-timer.is-low{animation:none}}@media (height<=500px){.title{font-size:27px}.question{font-size:20px}.final-score{font-size:60px}}