:root{--bg: oklch(98.5% .007 70);--bg-deep: oklch(93% .014 70);--surface: oklch(100% 0 0);--text: oklch(20% .015 65);--text-mid: oklch(42% .012 65);--text-dim: oklch(58% .008 65);--border: oklch(87% .016 70);--brand: oklch(63% .2 45);--brand-dk: oklch(53% .2 45);--brand-lt: oklch(93% .05 70);--success: oklch(56% .18 150);--success-lt: oklch(93% .06 150);--error: oklch(54% .2 25);--error-lt: oklch(96% .05 25);--opt-0: oklch(57% .2 25);--opt-1: oklch(52% .18 225);--opt-2: oklch(52% .17 155);--opt-3: oklch(57% .17 80);--text-xs: clamp(.875rem, .82rem + .275vw, 1rem);--text-sm: clamp(1rem, .95rem + .25vw, 1.1rem);--text-base: clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-lg: clamp(1.3rem, 1.15rem + .75vw, 1.6rem);--text-xl: clamp(1.6rem, 1.35rem + 1.25vw, 2.1rem);--text-2xl: clamp(2.1rem, 1.7rem + 2vw, 3rem);--text-3xl: clamp(2.8rem, 2.2rem + 3vw, 4.5rem);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-sm: 0 1px 3px oklch(40% .01 65 / .1), 0 1px 2px oklch(40% .01 65 / .06);--shadow-md: 0 4px 14px oklch(40% .01 65 / .1), 0 2px 6px oklch(40% .01 65 / .06);--shadow-lg: 0 8px 28px oklch(40% .01 65 / .12), 0 4px 12px oklch(40% .01 65 / .06);--focus-ring: 0 0 0 3px oklch(63% .2 45 / .4);--duration-fast: .15s;--duration-normal: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--text-base);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page-center{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background:var(--bg)}.card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid var(--border)}.answers-grid{display:grid;grid-template-columns:1fr;gap:.875rem}@media(min-width:520px){.answers-grid{grid-template-columns:1fr 1fr}}.answers-grid-host{display:grid;grid-template-columns:1fr 1fr;gap:1rem}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--brand-dk)}button:not([disabled]){transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform 80ms var(--ease-out)}button:not([disabled]):hover{opacity:.88}button:not([disabled]):active{opacity:.75;transform:scale(.97)}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes slide-up-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rank-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.answers-grid>button{animation:slide-up-in .35s cubic-bezier(.16,1,.3,1) both}.answers-grid>button:nth-child(1){animation-delay:0ms}.answers-grid>button:nth-child(2){animation-delay:65ms}.answers-grid>button:nth-child(3){animation-delay:.13s}.answers-grid>button:nth-child(4){animation-delay:195ms}.code-input{padding:.875rem 1rem;font-size:var(--text-xl);font-weight:800;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;width:100%;text-align:center;letter-spacing:.3em;font-family:inherit;outline:none;caret-color:#fff;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.code-input::placeholder{color:#ffffff73;letter-spacing:.3em}.code-input:focus{border-color:#ffffffbf;background:#ffffff38}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#bfb6ab;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}