.quiz-page{max-width:760px;padding:32px var(--gutter,16px) 64px;min-height:70vh;margin:0 auto}.quiz-progress{color:var(--muted);margin:0 0 8px;font-size:.85rem}.quiz-bar{background:var(--border);height:3px;margin-bottom:16px}.quiz-bar i{background:var(--accent-fill);transform-origin:0;height:100%;transition:transform .5s cubic-bezier(.32,.72,0,1);display:block}.quiz h1,.quiz-result h1{font-family:var(--font-display);outline:none;margin:0 0 20px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:500}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;animation:.45s cubic-bezier(.32,.72,0,1) quiz-in;display:grid}.quiz-options button{text-align:left;font:inherit;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:16px;transition:background .25s,transform .25s cubic-bezier(.32,.72,0,1);display:flex}.quiz-options button:hover:not(:disabled){background:var(--surface);transform:translateY(-2px)}.quiz-options button.on{background:var(--surface);border-color:var(--accent);border-width:2px;padding:15px}.quiz-options button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.quiz-options button:disabled{opacity:.6;cursor:wait}.quiz-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.quiz-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.relaxed{background:var(--surface);border-left:3px solid var(--accent);padding:10px 14px}@keyframes quiz-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quiz-options,.quiz-bar i,.quiz-options button{transition:none;animation:none}}