:root{--paper:#f6f1e7;--card:#fffdf8;--ink:#16213a;--muted:#5d6680;--line:#ddd5c4;--delft:#1d3a6e;--delft-soft:#e3e9f4;--orange:#e8620c;--good:#1f7a4d;--good-soft:#e2f2e9;--bad:#b3261e;--bad-soft:#f9e4e2;--almost:#a54800;--almost-soft:#fde6cf;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#0f1626;--card:#172036;--ink:#eef0f6;--muted:#9aa3bb;--line:#2a3552;--delft:#8fb0ea;--delft-soft:#1f2d4d;--orange:#ff8a3d;--good:#5fd39a;--good-soft:#15342a;--bad:#ff8b84;--bad-soft:#3a1d1f;--almost:#ffab66;--almost-soft:#3d2614;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.shell{max-width:560px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.masthead{justify-content:space-between;align-items:center;padding:8px 0 20px;display:flex}.brand{letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;font-size:1rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--delft);width:24px;height:24px;color:var(--paper);font-family:var(--serif);border-radius:7px;place-items:center;font-size:1rem;font-weight:700;line-height:1;display:inline-grid}.score{font-variant-numeric:tabular-nums;color:var(--delft);font-size:1.1rem;font-weight:700}.score small{color:var(--muted);font-weight:500}main{flex-direction:column;flex:1;display:flex}.panel.empty code{background:var(--delft-soft);border-radius:4px;padding:1px 6px}.panel.empty .primary{border-radius:10px;margin-top:16px;padding:10px 18px;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.lede{color:var(--muted);margin:0 0 28px}.primary,.ghost{border-radius:12px;min-height:52px;padding:14px 18px;font-size:1rem;font-weight:700}.primary{background:var(--orange);color:#fff;border:0;box-shadow:0 2px #0000001f}.primary:not(:disabled):active{transform:translateY(1px)}.ghost{border:1.5px solid var(--line);background:0 0}.big{width:100%;margin-top:auto;font-size:1.1rem}.actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-top:18px;display:grid}.actions.stacked{grid-auto-flow:row}.group{border:0;margin:0 0 24px;padding:0}.group legend{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0;font-size:.75rem;font-weight:700}.group legend small{font-size:inherit;letter-spacing:.04em;text-transform:none;opacity:.8;font-weight:500}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;min-height:40px;padding:8px 14px;font-size:.95rem;font-weight:600}.chip span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px;font-weight:500}.chip[aria-pressed=true]{background:var(--delft);border-color:var(--delft);color:var(--paper)}.chip[aria-pressed=true] span{color:inherit;opacity:.75}.hero{font-family:var(--serif);letter-spacing:-.02em;margin:8px 0 10px;font-size:clamp(2.2rem,9vw,3.1rem);font-weight:600;line-height:1.02}.hero em{color:var(--orange)}.segmented{background:var(--card);border:1.5px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:8px;padding:10px 0;font-weight:600}.segmented button[aria-pressed=true]{background:var(--delft);color:var(--paper)}.notice{background:var(--almost-soft);color:var(--almost);border-radius:8px;margin:-16px 0 24px;padding:8px 12px;font-size:.9rem}.link{color:inherit;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.panel.empty .notice{margin:16px 0 0}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress div{background:var(--delft);height:100%;transition:width .3s}.meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;font-size:.85rem;display:flex}.tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tags span{background:var(--delft-soft);color:var(--delft);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.tags span.coll{background:var(--delft);color:var(--paper)}.tags span.cat{box-shadow:inset 0 0 0 1.5px var(--delft-soft);background:0 0}.question{font-family:var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere;margin:36px 0 28px;font-size:clamp(1.7rem,7vw,2.3rem);font-weight:600;line-height:1.15}.answer-form input{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);font-size:1.25rem;font-family:var(--sans);border-radius:14px;padding:16px}.answer-form input:focus{border-color:var(--delft);outline:none}.answer-form input.is-good{border-color:var(--good)}.answer-form input.is-almost{border-color:var(--almost);background:var(--almost-soft)}.answer-form input.is-bad{border-color:var(--bad)}.choices{gap:10px;margin:0;padding:0;list-style:none;display:grid}.choice{text-align:left;border:2px solid var(--line);background:var(--card);overflow-wrap:anywhere;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;font-size:1.15rem;transition:border-color .12s,background-color .12s,opacity .12s;display:flex}.choice:not([aria-disabled=true]):hover{border-color:var(--delft)}.choice[aria-disabled=true]{cursor:default}.choice-key{background:var(--delft-soft);width:28px;height:28px;color:var(--delft);border-radius:8px;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.choice.picked.good{border-color:var(--good);background:var(--good-soft)}.choice.picked.almost{border-color:var(--almost);background:var(--almost-soft)}.choice.picked.bad{border-color:var(--bad);background:var(--bad-soft)}.choice.answer{border-color:var(--good);border-style:dashed}.choice.dim{opacity:.5}.feedback{border-radius:14px;margin-top:14px;padding:14px 16px;animation:.18s ease-out rise}.feedback.good{background:var(--good-soft)}.feedback.bad{background:var(--bad-soft)}.feedback.almost{background:var(--almost-soft)}.feedback.almost strong{color:var(--almost)}.feedback strong{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;display:block}.feedback.good strong{color:var(--good)}.feedback.bad strong{color:var(--bad)}.feedback .expected{font-family:var(--serif);margin:6px 0 0;font-size:1.4rem}.feedback .also{color:var(--muted);margin:6px 0 0;font-size:.9rem}.meta-end{align-items:center;gap:8px;min-width:0;display:flex}.mute{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.mute:hover{color:var(--delft);border-color:var(--delft)}.mute[aria-pressed=true]{color:var(--bad)}.mute:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.feedback{align-items:center;gap:12px;display:flex}.feedback-body{flex:1;min-width:0}.play{background:var(--delft);width:44px;height:44px;color:var(--card);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .1s;display:grid}.play svg{margin-left:3px}.play:hover{transform:scale(1.06)}.play:active{transform:scale(.95)}.play:focus-visible{outline:3px solid var(--orange);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.quit{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:28px auto 0;padding:8px;text-decoration:underline}.kicker{font-family:var(--serif);color:var(--orange);margin:16px 0 0;font-size:1.5rem}.big-score{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:4px 0 6px;font-size:clamp(4rem,22vw,6rem);line-height:1}.big-score span{color:var(--muted);font-size:.45em}.missed h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.missed ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.missed li{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 0;display:flex}.missed .q{color:var(--muted);font-size:.9rem}.missed .a b{font-family:var(--serif);font-size:1.15rem}.missed s{color:var(--bad);margin-right:6px}.summary .actions{margin-top:28px}