.quiz{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.quiz--empty{padding:var(--sp-5);color:var(--muted);font-size:var(--fs-sm);text-align:center;border-style:dashed}.quiz__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-bottom:1px solid var(--border)}.quiz__kind{font-family:var(--mono);font-size:var(--fs-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-right:var(--sp-3)}.quiz__meta{font-family:var(--mono);font-size:var(--fs-xs);color:var(--faint)}.quiz__prior{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.quiz__prior.is-passed{color:var(--accent);border-color:var(--accent-dim)}.quiz__list{list-style:none;margin:0;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);counter-reset:q}.q{border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);background:var(--bg);transition:border-color var(--dur, .2s) ease}.q.is-correct{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.q.is-wrong{border-color:color-mix(in srgb,var(--red) 40%,var(--border))}.q__top{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.q__n{font-family:var(--mono);font-size:var(--fs-xs);color:var(--faint)}.q__diff{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;padding:1px 7px;border-radius:999px;border:1px solid var(--border)}.q__diff--easy{color:var(--accent)}.q__diff--medium{color:var(--amber)}.q__diff--hard{color:var(--red)}.q__mark{margin-left:auto;font-family:var(--mono);font-weight:700}.q.is-correct .q__mark{color:var(--accent)}.q.is-wrong .q__mark{color:var(--red)}.q__prompt{margin:0 0 var(--sp-3);font-size:var(--fs-base);line-height:1.5;color:var(--text)}.q__code{margin:0 0 var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);line-height:1.55;overflow-x:auto;color:var(--text);white-space:pre}.q__opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.q__opts--tf{flex-direction:row}.opt{width:100%;text-align:left;display:flex;align-items:center;gap:var(--sp-3);font:inherit;font-size:var(--fs-sm);color:var(--text);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px;transition:all var(--dur, .2s) ease}.opt:hover:not(:disabled){border-color:var(--faint)}.opt:disabled{cursor:default}.opt__mark{width:15px;height:15px;flex:none;border-radius:50%;border:1.5px solid var(--faint);display:grid;place-items:center}.opt__mark--box{border-radius:4px}.opt.is-chosen{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.opt.is-chosen .opt__mark{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)}.opt.is-answer{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.opt.is-answer .opt__mark{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}.opt.is-badchoice{border-color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface))}.opt.is-badchoice .opt__mark{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 3px var(--surface)}.q__explain{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:var(--muted);line-height:1.55;border-top:1px dashed var(--border);padding-top:var(--sp-3)}.q__explain-tag{font-family:var(--mono);font-size:var(--fs-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--sp-2)}.quiz__result{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);margin:0 var(--sp-4);border-radius:var(--radius)}.quiz__result.is-pass{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--accent-dim)}.quiz__result.is-fail{background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 40%,var(--border))}.quiz__score{font-family:var(--mono);font-size:var(--fs-2xl);font-weight:700}.quiz__result.is-pass .quiz__score{color:var(--accent)}.quiz__result.is-fail .quiz__score{color:var(--amber)}.quiz__verdict{font-size:var(--fs-sm);color:var(--text)}.quiz__actions{padding:var(--sp-4);display:flex;gap:var(--sp-3)}.quiz__btn{font-family:var(--mono);font-size:var(--fs-sm);padding:9px 18px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface-2);cursor:pointer;transition:all var(--dur, .2s) ease}.quiz__btn:hover:not(:disabled){border-color:var(--faint)}.quiz__btn:disabled{opacity:.5;cursor:default}.quiz__btn--primary{background:var(--accent-dim);border-color:var(--accent);color:var(--on-accent)}.quiz__btn--primary:hover:not(:disabled){background:var(--accent)}