.quiz[data-astro-cid-srxfab52]{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.quiz__head[data-astro-cid-srxfab52]{margin-bottom:var(--space-4)}.quiz__counter[data-astro-cid-srxfab52]{display:block;font-family:var(--font-mono);font-size:var(--size-meta);color:var(--ink-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.08em}.quiz__bar[data-astro-cid-srxfab52]{height:4px;background:var(--line-faint);border-radius:var(--radius-full);overflow:hidden}.quiz__bar-fill[data-astro-cid-srxfab52]{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .4s var(--ease-out)}.quiz__stage[data-astro-cid-srxfab52] .quiz-q{font-family:var(--font-display);font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);line-height:1.3;color:var(--ink);margin-bottom:var(--space-4);text-wrap:balance}.quiz__stage[data-astro-cid-srxfab52] .quiz-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:0;list-style:none}.quiz__stage[data-astro-cid-srxfab52] .quiz-opt{width:100%;text-align:left;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:56px;color:var(--ink);font-size:var(--size-body)}.quiz__stage[data-astro-cid-srxfab52] .quiz-opt:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong);transform:translate(2px)}.quiz__stage[data-astro-cid-srxfab52] .quiz-opt[data-state=correct]{background:color-mix(in srgb,var(--success) 12%,var(--surface-1));border-color:var(--success);color:var(--success);font-weight:500}.quiz__stage[data-astro-cid-srxfab52] .quiz-opt[data-state=wrong]{background:color-mix(in srgb,var(--error) 12%,var(--surface-1));border-color:var(--error);color:var(--error)}.quiz__stage[data-astro-cid-srxfab52] .quiz-opt[data-state=missed]{border-color:var(--success);color:var(--success)}.quiz__stage[data-astro-cid-srxfab52] .quiz-feedback{padding:var(--space-4);background:var(--accent-tint);border-radius:var(--radius-md);border:1px solid var(--accent-soft);margin-bottom:var(--space-3);line-height:var(--leading-relaxed);color:var(--ink)}.quiz__stage[data-astro-cid-srxfab52] .quiz-feedback strong{color:var(--accent)}.quiz__stage[data-astro-cid-srxfab52] .quiz-actions{display:flex;justify-content:flex-end}.quiz__stage[data-astro-cid-srxfab52] .quiz-result{text-align:center;padding:var(--space-6) var(--space-4)}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__score{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);line-height:1;color:var(--accent);font-weight:500}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__label{font-family:var(--font-mono);font-size:var(--size-small);color:var(--ink-muted);margin-top:var(--space-2);margin-bottom:var(--space-4)}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__msg{font-family:var(--font-display);font-size:var(--size-lead);color:var(--ink);max-width:40ch;margin:0 auto var(--space-5)}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__share-card{margin:0 auto var(--space-4);max-width:480px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow-sm);aspect-ratio:1200/630;display:flex;align-items:center;justify-content:center}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__img[data-ready="1"]{opacity:1}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__share-card[data-state=loading]{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--size-meta);letter-spacing:.08em;text-transform:uppercase}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.quiz__stage[data-astro-cid-srxfab52] .quiz-result__toast{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 auto var(--space-4);max-width:480px;text-align:center}