.quiz{--quiz-line:1px;border:var(--quiz-line) solid var(--border);border-radius:var(--radius);background:var(--bg-soft);font-family:var(--font-ui);margin-top:2rem;padding:clamp(1rem,3vw,1.5rem);font-size:1rem;line-height:1.5}[data-theme=playful] .quiz{--quiz-line:3px;background:var(--bg);font-size:1.2rem}.quiz :where(p){margin:0}.quiz-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.9em;font-weight:600;display:flex}.quiz-best{margin-left:auto}.quiz-pips{flex-wrap:wrap;gap:.35rem;display:inline-flex}.quiz-pip{border:2px solid var(--border);border-radius:50%;width:.65rem;height:.65rem}.quiz-pip[data-result=now]{border-color:var(--accent)}.quiz-pip[data-result=first]{border-color:var(--success);background:var(--success)}.quiz-pip[data-result=later]{border-color:var(--accent);background:var(--accent-soft)}.quiz[data-stars] .quiz-pip{width:auto;height:auto;color:var(--border);background:0 0;border:0;border-radius:0;font-size:1.5em;line-height:1}.quiz[data-stars] .quiz-pip[data-result=now]{color:var(--accent)}.quiz[data-stars] .quiz-pip[data-result=first]{color:#f5b301}.quiz[data-stars] .quiz-pip[data-result=later]{color:#8c6fe6}.quiz .quiz-question{margin:.75rem 0 1rem;font-size:1.2em;font-weight:700;line-height:1.35}[data-theme=playful] .quiz-question{font-size:1.3em;font-weight:800}.quiz-options{gap:.6rem;display:grid}[data-theme=playful] .quiz-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quiz-option{border:var(--quiz-line) solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;min-height:44px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}[data-theme=playful] .quiz-option{background:var(--bg-soft);text-align:center;justify-content:center;font-size:1.15em;font-weight:800}.quiz-option:not([aria-disabled]):hover{border-color:var(--accent)}.quiz-option:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quiz-option[aria-disabled]{cursor:default}.quiz-key{background:var(--bg-soft);width:1.7rem;height:1.7rem;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.85em;font-weight:700;display:grid}[data-theme=playful] .quiz-option:not([data-state=right],[data-state=wrong]) .quiz-key{display:none}.quiz-option[data-state=right]{border-color:var(--success);background:var(--success);color:#fff}.quiz-option[data-state=right] .quiz-key{color:var(--success);background:#fff}.quiz-option[data-state=wrong]{border-color:var(--danger);color:var(--muted);text-decoration:line-through}.quiz-option[data-state=wrong] .quiz-key{background:var(--danger);color:#fff}.quiz-option[data-state=idle]{opacity:.55}.quiz-feedback{border-left:4px solid var(--success);border-radius:var(--radius);background:var(--bg);margin-top:1rem;padding:.75rem 1rem}[data-theme=playful] .quiz-feedback{background:var(--bg-soft)}.quiz-feedback[data-result=wrong]{border-left-color:var(--danger)}.quiz-feedback p+p{margin-top:.25rem}.quiz-verdict{font-weight:700}.quiz-actions{justify-content:flex-end;margin-top:1rem;display:flex}.quiz-done{text-align:center;justify-items:center;gap:.75rem;display:grid}.quiz-score{font-size:2.6em;font-weight:800;line-height:1}.quiz-score-label{color:var(--muted);margin-top:-.5rem}.quiz-pass{font-weight:700}.quiz-pass[data-passed=true]{color:var(--success)}.quiz-missed{text-align:left;justify-self:stretch}.quiz-missed ul{margin:.4rem 0 0;padding-left:1.2rem}.quiz-missed li+li{margin-top:.3rem}.quiz-legend{color:var(--muted);font-size:.85em}.quiz-entry{--pad-key:3.4rem;justify-items:start;gap:.75rem;display:grid}[data-theme=playful] .quiz-entry{--pad-key:4rem;justify-items:center}.quiz-display{min-width:calc(var(--pad-key,3.4rem) * 2);min-height:calc(var(--pad-key,3.4rem) * 1.2);border:var(--quiz-line,1px) solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:800 calc(var(--pad-key,3.4rem) * .7) / 1 var(--font-ui);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.25em;padding:.1em .5em;display:inline-flex}.quiz-display[data-empty]{color:var(--muted)}.quiz-display[data-state=right]{border-color:var(--success);background:var(--success);color:#fff}.quiz-display[data-nudge]{animation:.3s quiz-nudge}@keyframes quiz-nudge{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.quiz-display[data-nudge]{outline:3px solid var(--accent);animation:none}}.number-pad{grid-template-columns:repeat(3, var(--pad-key,3.4rem));gap:calc(var(--pad-key,3.4rem) * .15);display:grid}.number-pad-key{height:var(--pad-key,3.4rem);border:var(--quiz-line,1px) solid var(--border);border-radius:var(--radius);background:var(--bg-soft);color:var(--fg);font:800 calc(var(--pad-key,3.4rem) * .45) / 1 var(--font-ui);cursor:pointer}.number-pad-key:hover{border-color:var(--accent)}.number-pad-key:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.number-pad-key:active{transform:translateY(2px)}.number-pad-submit{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.quiz-entry-input{flex-wrap:wrap;align-items:center;display:flex}.quiz-input{border:var(--quiz-line) solid var(--border);border-radius:var(--radius);background:var(--bg);width:9rem;min-height:44px;color:var(--fg);font:600 1.1rem var(--font-ui);padding:.5rem .75rem}.quiz-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quiz .quiz-entry-error{color:var(--danger);flex-basis:100%}.quiz .quiz-entry-error:empty{display:none}.quiz-tried{flex-wrap:wrap;flex-basis:100%;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.quiz-tried li{border:2px solid var(--danger);color:var(--muted);border-radius:999px;padding:.15em .6em;font-weight:700}.quiz .quiz-within{color:var(--muted);margin-bottom:.6rem;font-size:.9em}[data-theme=neobrutalism] .quiz{--quiz-line:2.5px;border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:14px}[data-theme=neobrutalism] .quiz-head{color:var(--fg)}[data-theme=neobrutalism] .quiz-pip{border-color:var(--ink);border-radius:3px}[data-theme=neobrutalism] .quiz-pip[data-result=now]{background:var(--accent);border-color:var(--ink)}[data-theme=neobrutalism] .quiz-pip[data-result=first]{background:var(--good);border-color:var(--ink)}[data-theme=neobrutalism] .quiz-pip[data-result=later]{background:var(--warn);border-color:var(--ink)}[data-theme=neobrutalism] .quiz-option{border-color:var(--ink);background:var(--card);box-shadow:2px 2px 0 var(--ink);border-radius:12px}[data-theme=neobrutalism] .quiz-option:not([aria-disabled]):hover{border-color:var(--ink);background:var(--accent-soft)}[data-theme=neobrutalism] .quiz-option:not([aria-disabled]):active{box-shadow:none;transform:translate(2px,2px)}[data-theme=neobrutalism] .quiz-key{border:2px solid var(--ink);background:var(--paper);color:var(--fg);border-radius:7px}[data-theme=neobrutalism] .quiz-option[data-state=right]{border-color:var(--ink);background:var(--good-soft);color:var(--fg)}[data-theme=neobrutalism] .quiz-option[data-state=right] .quiz-key{background:var(--good);color:#000}[data-theme=neobrutalism] .quiz-option[data-state=wrong]{border-color:var(--ink);background:var(--bad-soft);color:var(--fg)}[data-theme=neobrutalism] .quiz-option[data-state=wrong] .quiz-key{background:var(--bad);color:#000}[data-theme=neobrutalism] .quiz-feedback{border:var(--bw) solid var(--ink);background:var(--good-soft);border-radius:12px}[data-theme=neobrutalism] .quiz-feedback[data-result=wrong]{border-color:var(--ink);background:var(--bad-soft)}[data-theme=neobrutalism] .quiz-score{font-stretch:125%}[data-theme=neobrutalism] .quiz-pass[data-passed=true]{border:2.5px solid var(--ink);background:var(--good);color:#000;border-radius:10px;padding:.3em .8em;display:inline-block}[data-theme=neobrutalism] :is(.quiz-input,.quiz-display,.number-pad-key){border-color:var(--ink);background:var(--paper)}@media (prefers-reduced-motion:reduce){[data-theme=neobrutalism] .quiz-option:not([aria-disabled]):active{transform:none}}