:root{--text:oklch(34% .03 282);--text-h:oklch(20% .03 285);--bg:oklch(98% .01 286);--border:oklch(90% .02 286);--accent:oklch(56% .22 301);--accent-border:color-mix(in oklab, var(--accent) 46%, white);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Noto Sans,Arial,sans-serif;font-size:17px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:oklch(84% .02 285);--text-h:oklch(95% .01 285);--bg:oklch(19% .015 285);--border:oklch(32% .02 285);--accent:oklch(72% .2 306);--accent-border:color-mix(in oklab, var(--accent) 48%, black)}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at top right, color-mix(in oklab, var(--accent) 18%, transparent), transparent 40%), var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}.quiz-page{box-sizing:border-box;gap:24px;width:min(860px,100%);margin:0 auto;padding:48px 20px 72px;display:grid}.quiz-header{gap:12px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.quiz-header h1{margin:0;font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.1}.subtitle{color:var(--text);max-width:65ch;margin:0}.question-card,.result-card{border:1px solid var(--border);background:color-mix(in oklab, var(--bg) 92%, var(--accent) 8%);border-radius:20px;gap:16px;padding:24px;display:grid}.question-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.chip{border:1px solid var(--accent-border);color:var(--accent);border-radius:999px;padding:5px 10px;font-size:14px;font-weight:600;display:inline-flex}.progress{color:var(--text);margin:0;font-size:14px}.question-card h2,.result-card h2{margin:0;font-size:clamp(1.3rem,4vw,1.9rem)}.context,.prompt{margin:0}.prompt{color:var(--text-h);font-weight:600}.options,.review-list{gap:10px;display:grid}.option{border:1px solid var(--border);text-align:left;background:var(--bg);color:var(--text-h);font:inherit;cursor:pointer;border-radius:12px;gap:12px;padding:12px;display:flex}.option:hover{border-color:var(--accent-border)}.option.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 24%, transparent)}.option-letter{background:color-mix(in oklab, var(--accent) 16%, var(--bg));border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:700;display:inline-grid}.controls{justify-content:flex-end;display:flex}.answer-feedback{border:1px dashed var(--accent-border);background:color-mix(in oklab, var(--accent) 10%, var(--bg));border-radius:12px;gap:8px;padding:12px;display:grid}.feedback-main,.feedback-text{margin:0}.feedback-main{color:var(--text-h);font-weight:700}.feedback-text{color:var(--text)}.primary{font:inherit;background:var(--accent);color:#f9f7ff;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:600}.primary:disabled{opacity:.45;cursor:not-allowed}.score{color:var(--text-h);margin:0;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700}.review-item{border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:14px}.review-item h3,.review-item p{margin:0}.review-item h3{margin-block:6px 10px}.review-item p+p{margin-top:8px}.status{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.status.ok{color:#14532d;background:#dcfce7}.status.fail{color:#7f1d1d;background:#fee2e2}.explanation{color:var(--text)}@media (width<=768px){.quiz-page{padding:28px 14px 40px}.question-card,.result-card{border-radius:14px;padding:16px}.controls{justify-content:stretch}.primary{width:100%}}