:root{--color-bg:#f6f1e4;--color-paper-deep:#ebe4d2;--color-surface:#fffcf5;--color-surface-sunken:color-mix(in srgb,var(--color-paper-deep) 55%,var(--color-surface));--color-border:#e4dcc8;--color-ink:#111c40;--color-muted:#6b6558;--color-primary:#1b7a72;--color-success:var(--color-primary);--color-accent:var(--color-primary);--color-accent-hover:#15665f;--color-accent-light:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));--color-success-bg:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));--color-reward:#c99a3b;--color-reward-bg:color-mix(in srgb,var(--color-reward) 16%,var(--color-surface));--color-stamp:#8b3a3a;--color-stamp-bg:color-mix(in srgb,var(--color-stamp) 12%,var(--color-surface));--color-stamp-border:color-mix(in srgb,var(--color-stamp) 42%,var(--color-border));--color-stamp-hover:color-mix(in srgb,var(--color-stamp) 88%,#000);--color-error:#c45c3a;--color-error-bg:color-mix(in srgb,var(--color-error) 14%,var(--color-surface));--color-text:var(--color-ink);--color-text-muted:var(--color-muted);--color-skeleton-mid:color-mix(in srgb,var(--color-surface) 70%,var(--color-border));--color-overlay:color-mix(in srgb,var(--color-ink) 45%,transparent);--color-shadow:color-mix(in srgb,var(--color-ink) 12%,transparent);--color-rank-1:var(--color-reward);--color-rank-2:#8a867c;--color-rank-3:#b87333;--font-display:var(--font-fraunces),"Fraunces",Georgia,serif;--font-ui:var(--font-inter),"Inter",system-ui,sans-serif;--font-mono:var(--font-plex),"IBM Plex Mono",ui-monospace,monospace;--font:var(--font-ui);--font-display-xl:3.052rem;--font-display-lg:2.441rem;--font-display-md:1.953rem;--font-body-lg:1.25rem;--font-body-md:1rem;--font-body-sm:0.875rem;--font-mono-score:2rem;--font-mono-timer:1.5rem;--font-hero:var(--font-display-xl);--font-card-title:1.25rem;--font-meta:0.8125rem;--font-label:0.6875rem;--lh-hero:1.12;--lh-card-title:1.25;--lh-meta:1.4;--lh-label:1.3;--tracking-hero:-0.025em;--tracking-card-title:-0.015em;--tracking-meta:0.02em;--tracking-label:0.08em;--radius-sm:8px;--radius-card:16px;--radius-button:12px;--radius-badge:999px;--radius:var(--radius-card);--shadow-card:0 1px 2px color-mix(in srgb,var(--color-ink) 4%,transparent);--shadow-elevated:0 4px 12px color-mix(in srgb,var(--color-ink) 8%,transparent);--shadow-postcard:0 2px 8px color-mix(in srgb,var(--color-ink) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--color-ink) 4%,transparent);--shadow-stamp:0 1px 0 color-mix(in srgb,var(--color-stamp) 18%,transparent),0 2px 6px color-mix(in srgb,var(--color-ink) 6%,transparent);--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasized:cubic-bezier(0.2,0,0,1);--duration-fast:120ms;--duration-normal:200ms;--duration-stamp:280ms;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--page-pad-x:var(--space-4);--page-pad-y:var(--space-5);--section-gap:var(--space-6);--stack-gap:var(--space-3);--touch-min:44px;--touch-comfort:48px;--touch-lg:56px;--touch-cta:var(--touch-lg);--touch-gap:var(--space-2);--color-on-primary:#fffcf5;--safe-top-inset:env(safe-area-inset-top,0px);--safe-right-inset:env(safe-area-inset-right,0px);--safe-bottom-inset:env(safe-area-inset-bottom,0px);--safe-left-inset:env(safe-area-inset-left,0px);--max-width:37.5rem;--z-base:1;--z-sticky:40;--z-overlay:80;--z-sheet:100;--z-toast:120;color-scheme:light}[data-theme=dark]{--color-bg:#1a1712;--color-paper-deep:#221e16;--color-surface:#242018;--color-surface-sunken:color-mix(in srgb,var(--color-paper-deep) 70%,var(--color-surface));--color-border:#3a3428;--color-ink:#f6f1e4;--color-muted:#a89f8e;--color-primary:#23968c;--color-success:var(--color-primary);--color-accent:var(--color-primary);--color-accent-hover:#2aada2;--color-accent-light:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface));--color-success-bg:color-mix(in srgb,var(--color-success) 22%,var(--color-surface));--color-reward:#e8b86d;--color-reward-bg:color-mix(in srgb,var(--color-reward) 22%,var(--color-surface));--color-stamp:#c97a7a;--color-stamp-bg:color-mix(in srgb,var(--color-stamp) 18%,var(--color-surface));--color-stamp-border:color-mix(in srgb,var(--color-stamp) 48%,var(--color-border));--color-stamp-hover:color-mix(in srgb,var(--color-stamp) 82%,#fff);--color-error-bg:color-mix(in srgb,var(--color-error) 22%,var(--color-surface));--color-text:var(--color-ink);--color-text-muted:var(--color-muted);--color-skeleton-mid:color-mix(in srgb,var(--color-surface) 60%,var(--color-border));--color-overlay:color-mix(in srgb,#000 55%,transparent);--color-shadow:color-mix(in srgb,#000 35%,transparent);--color-rank-1:var(--color-reward);--color-rank-2:#c4bba8;--color-rank-3:#d4a574;--shadow-card:0 1px 2px color-mix(in srgb,#000 25%,transparent);--shadow-elevated:0 4px 12px color-mix(in srgb,#000 35%,transparent);--shadow-postcard:0 2px 8px color-mix(in srgb,#000 30%,transparent),0 0 0 1px var(--color-border);--shadow-stamp:0 1px 0 color-mix(in srgb,var(--color-stamp) 28%,transparent),0 2px 8px color-mix(in srgb,#000 28%,transparent);--color-on-primary:#fffcf5;color-scheme:dark}@media (prefers-reduced-motion:reduce){:not(.answer-stamp-mark),:not(.answer-stamp-mark):after,:not(.answer-stamp-mark):before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.answer-stamp-mark,.answer-stamp-mark:after,.answer-stamp-mark:before{animation-duration:.16s!important;animation-delay:0s!important;transition-duration:.16s!important}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);background:var(--color-bg);color:var(--color-ink);line-height:1.5}.font-display,h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.text-hero{font-size:var(--font-hero);line-height:var(--lh-hero);letter-spacing:var(--tracking-hero)}.text-card-title,.text-hero{font-family:var(--font-display);font-weight:600;color:var(--color-ink)}.text-card-title{font-size:var(--font-card-title);line-height:var(--lh-card-title);letter-spacing:var(--tracking-card-title)}.text-meta{font-size:var(--font-meta);font-weight:500;line-height:var(--lh-meta);letter-spacing:var(--tracking-meta)}.text-label,.text-meta{font-family:var(--font-ui);color:var(--color-muted)}.text-label{font-size:var(--font-label);font-weight:600;line-height:var(--lh-label);letter-spacing:var(--tracking-label);text-transform:uppercase}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button,summary,input,select,textarea,[role=button],[role=tab],[role=option],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.page{min-height:100dvh;display:flex;flex-direction:column;max-width:var(--max-width);margin:0 auto;padding:calc(var(--page-pad-y) + var(--safe-top-inset)) calc(var(--page-pad-x) + var(--safe-right-inset)) calc(var(--page-pad-y) + var(--safe-bottom-inset)) calc(var(--page-pad-x) + var(--safe-left-inset))}@media (min-width:480px){:root{--page-pad-x:var(--space-5)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch-min);padding:.75rem 1.1rem;border:1.5px solid transparent;border-radius:var(--radius-button);font-family:var(--font-ui);font-weight:600;font-size:var(--font-body-md);line-height:1.2;letter-spacing:.01em;text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.985)}.btn-primary{min-height:var(--touch-cta);padding:.85rem 1.15rem;background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:700;font-size:1.05rem}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));color:var(--color-ink)}.btn-quiet{min-height:var(--touch-min);padding:.45rem .65rem;background:transparent;color:var(--color-muted);border-color:transparent;font-weight:550;font-size:.875rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--color-muted) 45%,transparent)}.btn-quiet:hover:not(:disabled){color:var(--color-ink);background:transparent;text-decoration-color:var(--color-ink)}.btn-quiet:active:not(:disabled){transform:none}.btn-icon{width:var(--touch-comfort);min-width:var(--touch-comfort);height:var(--touch-comfort);min-height:var(--touch-comfort);padding:0;gap:0;background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-icon:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.btn-icon svg{display:block;flex-shrink:0}.btn-block{display:flex;width:100%}.btn--compact{padding:.55rem 1rem}.btn--compact,.btn-primary.btn--compact{min-height:2.75rem;font-size:.9rem}.ad-slot{min-height:2px;margin:1.5rem 0}