.quiz-main{padding-block:clamp(7rem, 13vh, 8.5rem) var(--space-3xl)}.quiz-shell{max-width:42rem;margin-inline:auto}.quiz-progress{justify-content:space-between;align-items:baseline;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-muted);margin-block-end:var(--space-xs);display:flex}.quiz-progress[hidden],.quiz-bar[hidden]{display:none}.quiz-bar{border-radius:var(--radius-pill);background:var(--color-paper-3);height:4px;margin-block-end:var(--space-lg);overflow:hidden}.quiz-bar__fill{background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--dur-long) var(--ease-out);transform:scaleX(0)}.quiz-card{background:var(--color-paper-2);border-radius:var(--radius-md);padding:clamp(var(--space-lg), 4.5vw, var(--space-xl))}.quiz-card--enter{animation:qswap var(--dur-short) var(--ease-out) backwards}@keyframes qswap{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.quiz-card h1,.quiz-card h2{font-size:var(--text-lg);max-width:24ch}.quiz-card [data-focus]:focus{outline:none}.quiz-intro__lede{max-width:32rem;color:var(--color-ink-2);margin-block-start:var(--space-md)}.quiz-intro__soft{font-size:var(--text-sm);color:var(--color-muted);margin-block-start:var(--space-sm)}.quiz-intro .btn{margin-block-start:var(--space-lg)}.opts{margin:var(--space-lg) 0 0;gap:var(--space-sm);padding:0;list-style:none;display:grid}.opt{text-align:left;background:var(--color-paper);width:100%;min-height:48px;color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);padding:.85rem 1.1rem;line-height:1.55;display:block}@media (hover:hover){.opt:hover{border-color:var(--color-ink-2);background:var(--color-paper-2)}}.opt:active{transform:scale(.99)}.opt[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 10%, var(--color-paper));font-weight:600}@media (hover:hover){.opt[aria-pressed=true]:hover{border-color:var(--color-accent-deep);background:color-mix(in oklch, var(--color-accent) 16%, var(--color-paper))}}.quiz-nav{justify-content:space-between;align-items:center;margin-block-start:var(--space-lg);display:flex}.btn-quiet{border-radius:var(--radius-sm);min-height:44px;font:inherit;font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease-out);background:0 0;border:none;align-items:center;padding:.6rem 1rem;font-weight:500;display:inline-flex}.btn-quiet:hover{color:var(--color-ink)}.btn-quiet:disabled{opacity:0;pointer-events:none}.result__kicker{font-size:var(--text-sm);color:var(--color-accent-text);font-weight:700}.result h2{font-size:var(--text-xl);margin-block-start:var(--space-2xs)}.result__head{font-family:var(--font-display);font-size:var(--text-md);max-width:26ch;margin-block-start:var(--space-md);font-weight:800;line-height:1.4}.result__body{max-width:34rem;color:var(--color-ink-2);margin-block-start:var(--space-sm)}.result__sub{font-size:var(--text-sm);color:var(--color-muted);margin-block-start:var(--space-sm)}.result__solve{padding:var(--space-md) var(--space-lg);background:var(--color-paper);border-inline-start:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-width:34rem;color:var(--color-ink-2);margin-block-start:var(--space-lg)}.result__solve strong{color:var(--color-ink)}.result__cta{align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-block-start:var(--space-lg);display:flex}.result__soft{font-size:var(--text-sm);color:var(--color-muted);margin-block-start:var(--space-sm)}@media (width<=40rem){.quiz-main{padding-block-start:12.5rem}}