@scope(#challenge-root){:scope .hidden.hidden{display:none}:scope{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);font-family:var(--type-family-ui)}:scope .ch-head{display:flex;align-items:center;gap:var(--space-3)}:scope .ch-head-mark{color:var(--t-tone-amber);display:inline-flex}:scope .ch-head-text{min-width:0}:scope .ch-eyebrow{font-family:var(--type-family-mono);font-size:var(--type-size-2xs);letter-spacing:var(--type-track-widest);text-transform:uppercase;color:var(--t-tone-amber);margin:0}:scope .ch-date{font-family:var(--type-family-mono);font-size:var(--type-size-xs);color:var(--t-fg-subtle);margin:var(--space-1) 0 0}:scope .ch-streak{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}:scope .ch-streak-value{font-family:var(--type-family-mono);font-size:var(--type-size-2xl);font-weight:var(--type-weight-semibold);line-height:1;color:var(--t-tone-amber)}:scope .ch-streak-label{font-family:var(--type-family-mono);font-size:var(--type-size-2xs);letter-spacing:var(--type-track-wide);text-transform:uppercase;line-height:1.15;color:var(--t-fg-subtle)}:scope .ch-tally{font-family:var(--type-family-mono);font-size:var(--type-size-2xs);letter-spacing:var(--type-track-wider);text-transform:uppercase;color:var(--t-fg-subtle);margin:calc(var(--space-4) * -1) 0 0}:scope .ch-rule{border:0;border-top:1px solid var(--t-border-hairline);margin:0}:scope .ch-mode{display:inline-flex;align-items:center;padding:3px var(--space-2);border:1px solid var(--t-border-hairline);border-radius:var(--radius-xs);font-family:var(--type-family-mono);font-size:var(--type-size-2xs);letter-spacing:var(--type-track-widest);text-transform:uppercase;color:var(--t-fg-muted)}:scope .ch-question{font-size:var(--type-size-sm);line-height:1.6;color:var(--t-fg-primary);margin:0}:scope .ch-question .q-star{color:var(--t-tone-amber);font-weight:var(--type-weight-medium)}:scope .ch-question .q-from{color:oklch(from var(--t-tone-amber) l c h / .62);font-weight:var(--type-weight-regular)}:scope .ch-question .q-figure{color:var(--t-tone-sky);font-weight:var(--type-weight-medium)}:scope .ch-hint{font-size:var(--type-size-xs);line-height:1.6;color:var(--t-fg-subtle);margin:var(--space-2) 0 0}:scope .ch-choice{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);text-align:left;background:var(--t-bg-surface);border:1px solid var(--t-border-hairline);border-radius:var(--radius-sm);color:var(--t-fg-muted);font-family:var(--type-family-ui);font-size:var(--type-size-sm);cursor:pointer;transition:background var(--motion-duration-quick) var(--motion-easing-standard),border-color var(--motion-duration-quick) var(--motion-easing-standard),color var(--motion-duration-quick) var(--motion-easing-standard)}:scope .ch-choice+.ch-choice{margin-top:var(--space-2)}:scope .ch-choice:hover:not(:disabled){background:var(--t-bg-elevated);border-color:oklch(from var(--t-tone-amber) l c h / .35);color:var(--t-fg-primary)}:scope .ch-choice:focus-visible{outline:2px solid var(--t-border-focus);outline-offset:2px}:scope .ch-choice:disabled{cursor:default}:scope .ch-distance{display:flex;flex-direction:column;gap:var(--space-3)}:scope .ch-distance-head{display:flex;align-items:center;justify-content:space-between}:scope .ch-distance-title{font-family:var(--type-family-mono);font-size:var(--type-size-2xs);letter-spacing:var(--type-track-widest);text-transform:uppercase;color:var(--t-fg-subtle)}:scope .ch-distance-value{font-family:var(--type-family-mono);font-size:var(--type-size-xs);color:var(--t-fg-muted)}:scope .ch-distance-track{height:6px;border-radius:var(--radius-full);background:var(--t-bg-surface);overflow:hidden}:scope .ch-distance-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--t-tone-ember),var(--t-tone-amber));transition:width var(--motion-duration-moderate) var(--motion-easing-standard),background var(--motion-duration-moderate) var(--motion-easing-standard)}:scope .ch-distance-note{font-family:var(--type-family-mono);font-size:var(--type-size-2xs);text-align:center;color:var(--t-fg-subtle);margin:0}:scope .ch-verdict{--verdict: var(--t-fg-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);text-align:center;border:1px solid oklch(from var(--verdict) l c h / .22);background:oklch(from var(--verdict) l c h / .06);border-radius:var(--radius-lg);animation:ch-scale-in var(--motion-duration-moderate) var(--motion-easing-standard) both}:scope .ch-verdict--quiet{padding:var(--space-5);gap:var(--space-2)}:scope .ch-verdict[data-outcome=win]{--verdict: var(--t-tone-sage)}:scope .ch-verdict[data-outcome=miss]{--verdict: var(--t-tone-amber)}:scope .ch-verdict-mark{color:var(--verdict);display:inline-flex}:scope .ch-verdict-glyph{display:none}:scope .ch-verdict[data-outcome=win] .ch-verdict-glyph--win{display:inline-flex}:scope .ch-verdict[data-outcome=miss] .ch-verdict-glyph--miss{display:inline-flex}:scope .ch-verdict-title{font-family:var(--type-family-mono);font-size:var(--type-size-sm);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-track-wide);text-transform:uppercase;color:var(--verdict);margin:0}:scope .ch-verdict-sub{font-size:var(--type-size-sm);color:var(--t-fg-muted);margin:0}:scope .ch-verdict-streak{font-family:var(--type-family-mono);font-size:var(--type-size-sm);color:var(--t-tone-amber)}:scope .ch-link{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:0;padding:var(--space-1) 0;font-family:var(--type-family-mono);font-size:var(--type-size-xs);color:var(--t-fg-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}:scope .ch-link:hover{color:var(--t-fg-primary)}:scope .ch-action{width:100%}:scope .ch-loading{font-family:var(--type-family-mono);font-size:var(--type-size-xs);letter-spacing:var(--type-track-wide);text-align:center;color:var(--t-fg-subtle);padding:var(--space-7) 0;margin:0;animation:ch-pulse var(--motion-duration-slow) var(--motion-easing-standard) infinite alternate}}@keyframes ch-scale-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ch-pulse{0%{opacity:.35}to{opacity:.85}}