:root,:root[data-theme=light]{color-scheme:light;--bg: #f7f7f5;--canvas: #e8e7e3;--surface: #ffffff;--surface-subtle: #efeeeb;--surface-track: #eceae6;--border: #e2e1dd;--border-soft: #e7e6e2;--text: #17181a;--text-secondary: #3f3f46;--text-muted: #71717a;--text-faint: #a1a1aa;--text-placeholder: #b8b8be;--inverse-surface: #17181a;--inverse-text: #ffffff;--accent: #159a72;--accent-text: #0e7a5a;--accent-hover: #0e7a5a;--accent-soft: rgba(21, 154, 114, .09);--accent-border: rgba(21, 154, 114, .4);--accent-bar: rgba(21, 154, 114, .35);--on-accent: #ffffff;--secondary: #5560d6;--secondary-text: #4b57cf;--secondary-hover: #4551c4;--secondary-soft: rgba(85, 96, 214, .09);--secondary-border: rgba(85, 96, 214, .35);--secondary-bar: rgba(85, 96, 214, .32);--on-secondary: #ffffff;--reward: #e0a640;--reward-text: #a9741a;--reward-hover: #c98f2e;--reward-soft: rgba(224, 166, 64, .13);--reward-border: rgba(224, 166, 64, .4);--reward-bar: rgba(224, 166, 64, .28);--on-reward: #17181a;--danger: #e0554d;--danger-text: #d64a3f;--danger-hover: #c94438;--danger-soft: rgba(224, 85, 77, .1);--danger-border: rgba(224, 85, 77, .4);--on-danger: #ffffff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .03), 0 8px 20px rgba(0, 0, 0, .045);--shadow-frame: 0 2px 4px rgba(0, 0, 0, .04), 0 18px 44px rgba(0, 0, 0, .1);--shadow-hover: 0 12px 26px rgba(0, 0, 0, .09);--shadow-raised: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 2px rgba(0, 0, 0, .03), 0 12px 28px rgba(0, 0, 0, .05);--shadow-correct: 0 8px 20px rgba(21, 154, 114, .28);--glass-bg: rgba(23, 24, 26, .72);--glass-border: rgba(255, 255, 255, .12);--glass-text: #ffffff;--glass-text-muted: #c4c4c8;--glass-shadow: 0 14px 34px rgba(0, 0, 0, .24)}:root[data-theme=dark]{color-scheme:dark;--bg: #141416;--canvas: #0f0f11;--surface: #1c1c1f;--surface-subtle: #1a1a1d;--surface-track: #2a2a2e;--border: #2a2a2e;--border-soft: #2f2f34;--text: #f2f2f3;--text-secondary: #c4c4c8;--text-muted: #97979e;--text-faint: #6d6d75;--text-placeholder: #6d6d75;--inverse-surface: #f2f2f3;--inverse-text: #141416;--accent: #2dbd8f;--accent-text: #2dbd8f;--accent-hover: #4fd0a3;--accent-soft: rgba(45, 189, 143, .14);--accent-border: rgba(45, 189, 143, .4);--accent-bar: rgba(45, 189, 143, .4);--on-accent: #0d1b15;--secondary: #8b93f0;--secondary-text: #8b93f0;--secondary-hover: #a3aaf4;--secondary-soft: rgba(139, 147, 240, .14);--secondary-border: rgba(139, 147, 240, .4);--secondary-bar: rgba(139, 147, 240, .42);--on-secondary: #171a3a;--reward: #e6b657;--reward-text: #e6b657;--reward-hover: #efc470;--reward-soft: rgba(230, 182, 87, .14);--reward-border: rgba(230, 182, 87, .4);--reward-bar: rgba(230, 182, 87, .25);--on-reward: #17181a;--danger: #f2766e;--danger-text: #f2766e;--danger-hover: #f59189;--danger-soft: rgba(242, 118, 110, .12);--danger-border: rgba(242, 118, 110, .4);--on-danger: #2a0f0c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .22), 0 10px 24px rgba(0, 0, 0, .3);--shadow-frame: 0 2px 4px rgba(0, 0, 0, .2), 0 18px 44px rgba(0, 0, 0, .35);--shadow-hover: 0 14px 30px rgba(0, 0, 0, .45);--shadow-raised: inset 0 1px 0 rgba(255, 255, 255, .045), 0 1px 2px rgba(0, 0, 0, .25), 0 14px 32px rgba(0, 0, 0, .38);--shadow-correct: 0 8px 22px rgba(45, 189, 143, .32);--glass-bg: rgba(28, 28, 31, .6);--glass-border: rgba(255, 255, 255, .09);--glass-text: #f2f2f3;--glass-text-muted: #97979e;--glass-shadow: 0 14px 34px rgba(0, 0, 0, .45)}:root{--font-sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-frame: 16px;--r-card: 14px;--r-tile: 11px;--r-ctrl: 9px;--r-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 56px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-hover: .16s;--dur-enter: .52s;--dur-pop: .64s;--glass-blur: blur(16px) saturate(1.3);--dot-red: #e0605a;--dot-amber: #e4b53f;--dot-green: #4fb865;--fs-display: 66px;--fs-stat: 27px;--fs-h1: 25px;--fs-h2: 23px;--fs-title: 18px;--fs-card-title: 15px;--fs-body: 13px;--fs-label: 12px;--fs-eyebrow: 12px;--tracking-tight: -.02em;--tracking-eyebrow: .16em}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}h1,h2,h3,p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.u-eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.u-display{font-family:var(--font-mono);font-size:var(--fs-display);font-weight:500;letter-spacing:var(--tracking-tight);line-height:1;color:var(--text)}.u-h1{font-family:var(--font-sans);font-size:var(--fs-h1);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text)}.u-h2{font-family:var(--font-sans);font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text)}.u-card-title{font-family:var(--font-sans);font-size:var(--fs-card-title);font-weight:600;color:var(--text)}.u-body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;color:var(--text-muted)}.u-mono{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-muted)}@keyframes sheen{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes glow{0%,to{opacity:.4}50%{opacity:.95}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes floatup{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-64px) scale(1);opacity:0}}@keyframes confetti{0%{transform:translateY(4px) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(-90px) rotate(300deg);opacity:0}}@keyframes toastup{0%{transform:translateY(135%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes risein{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pillpop{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-3deg)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(6px)}54%{transform:translate(-4px)}72%{transform:translate(3px)}88%{transform:translate(-1px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}