*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
:root{--color-bg:#0c0d11;--color-surface:#17181c;--color-surface-2:#1e1f24;--color-surface-3:#26272d;--color-text:#f4f4f5;--color-divider:#ffffff14;--color-neutral-100:#f4f4f5;--color-neutral-400:#a1a1aa;--color-neutral-700:#3f3f46;--color-accent:var(--color-accent-500);--color-accent-100:#e0e7ff;--color-accent-200:#c7d2fe;--color-accent-300:#a5b4fc;--color-accent-400:#818cf8;--color-accent-500:#6366f1;--color-accent-600:#4f46e5;--color-accent-700:#4338ca;--color-accent-800:#3730a3;--color-accent-900:#312e81;--gold:#fbbf24;--color-gold-text:var(--gold);--gold-soft:color-mix(in srgb, var(--gold) 16%, transparent);--status-new:#38bdf8;--status-learning:#f59e0b;--status-strengthening:#818cf8;--status-mastered:#34d399;--status-mastered-soft:color-mix(in srgb, var(--status-mastered) 18%, transparent);--swipe-know:#34d399;--swipe-review:#fb7185;--swipe-save:#38bdf8;--color-info:var(--swipe-save);--heat-0:var(--color-surface-2);--heat-1:var(--color-accent-900);--heat-2:var(--color-accent-700);--heat-3:var(--color-accent-500);--heat-4:var(--color-accent-400);--color-bg-page:var(--color-bg);--color-bg-surface:var(--color-surface);--color-bg-muted:var(--color-surface-2);--color-bg-elevated:var(--color-surface-3);--color-bg-inverse:var(--color-neutral-100);--color-text-primary:var(--color-text);--color-text-secondary:#cbcbd1;--color-text-muted:#97979e;--color-text-inverse:var(--color-bg);--color-text-on-accent:#fff;--color-text-on-error:#fff;--color-text-on-vivid:#fff;--color-border:var(--color-divider);--color-border-strong:#ffffff29;--color-accent-hover:var(--color-accent-400);--color-accent-subtle:color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-text:var(--color-accent-300);--color-success:var(--swipe-know);--color-success-subtle:color-mix(in srgb, var(--color-success) 16%, transparent);--color-warning:var(--status-learning);--color-warning-subtle:color-mix(in srgb, var(--color-warning) 16%, transparent);--color-error:var(--swipe-review);--color-error-hover:#ff8a97;--color-error-subtle:color-mix(in srgb, var(--color-error) 16%, transparent);--color-focus-ring:var(--color-accent);--color-overlay:#000000a8;--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:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-13:56px;--space-14:64px;--space-16:80px;--font-size-eyebrow:.625rem;--letter-spacing-eyebrow:.14em;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-lg:.9375rem;--font-size-xl:1.0625rem;--font-size-2xl:1.375rem;--font-size-3xl:clamp(2.25rem, 5vw, 3.5rem);--font-size-page-title:1.25rem;--font-size-word-hero:2.125rem;--font-size-display-sm:1.1875rem;--font-family-mono:ui-monospace, "SFMono-Regular", "Menlo", monospace;--reading-size:1.125rem;--reading-size-lead:1.25rem;--reading-line-height:1.8;--reading-measure:68ch;--font-size-article-title:1.75rem;--display-1:clamp(2.5rem, 7vw, 4.75rem);--display-2:clamp(1.875rem, 4.2vw, 3rem);--display-3:clamp(1.375rem, 2.4vw, 1.75rem);--display-line-height:1.05;--display-tracking:-.04em;--doc-title:clamp(1.625rem, 2.6vw, 2.25rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:600;--line-height-tight:1.12;--line-height-base:1.5;--line-height-relaxed:1.45;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--radius-slab:20px;--control-height-xs:32px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:44px;--control-height-xl:52px;--control-pad-xs:var(--space-3);--control-pad-sm:var(--space-4);--control-pad-md:var(--space-5);--control-pad-lg:var(--space-6);--touch-target:var(--control-height-md);--tile-sm:var(--space-8);--tile-md:var(--space-9);--tile-lg:var(--space-10);--tile-xl:var(--space-14);--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px #00000080;--shadow-lg:0 24px 72px #000000a8;--shadow-accent:0 12px 30px color-mix(in srgb, var(--color-accent) 30%, transparent);--gradient-accent:linear-gradient(135deg, var(--color-accent-400) 0%, var(--color-accent-500) 52%, var(--color-accent-700) 100%);--transition-fast:.16s;--transition-base:.26s;--transition-slow:.42s;--duration-spin:.8s;--ease-out:cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-popover:250;--z-toast:500;--bottom-nav-item-height:52px;--bottom-nav-height:calc(var(--bottom-nav-item-height) + var(--space-2) + 1px);--bottom-nav-offset:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));--page-header-height:calc(var(--control-height-md) + var(--space-2) * 2 + 1px);--page-gutter:var(--space-4);--marketing-measure:1040px;--landing-measure:1180px;--marketing-top-height:68px;--page-content-gap:var(--space-4);--card-pad-sm:var(--space-3);--card-pad-md:var(--space-4);--card-pad-lg:var(--space-4);--page-pad-top:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:768px){:root{--page-gutter:var(--space-6);--page-pad-top:var(--space-7);--font-size-sm:.875rem;--font-size-md:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.625rem;--font-size-page-title:2rem;--font-size-word-hero:3.25rem;--font-size-display-sm:1.5rem;--control-height-lg:48px;--control-height-xl:64px;--control-pad-md:var(--space-6);--control-pad-lg:var(--space-8);--tile-sm:var(--space-9);--tile-md:var(--space-10);--tile-lg:var(--space-11);--tile-xl:var(--space-16);--card-pad-lg:var(--space-5);--page-content-gap:var(--space-5);--line-height-relaxed:1.7;--reading-size:1.1875rem;--reading-size-lead:1.375rem;--font-size-article-title:2.375rem;--radius-slab:32px}}@media (min-width:1024px){:root{--page-pad-top:var(--space-8)}}:root[data-theme=light]{--color-bg:#edf0f5;--color-surface:#fff;--color-surface-2:#f4f6fa;--color-surface-3:#e8ecf3;--color-text:#0f172a;--color-divider:#0f172a1a;--color-neutral-100:#0f172a;--color-neutral-400:#64748b;--color-neutral-700:#cbd5e1;--color-accent:var(--color-accent-600);--gold:#ca8a04;--status-new:#0284c7;--status-learning:#d97706;--status-strengthening:#7c3aed;--status-mastered:#059669;--status-mastered-soft:color-mix(in srgb, var(--status-mastered) 14%, transparent);--swipe-know:#059669;--swipe-review:#e11d48;--swipe-save:#0284c7;--heat-0:var(--color-surface-2);--heat-1:var(--color-accent-300);--heat-2:var(--color-accent-400);--heat-3:var(--color-accent-500);--heat-4:var(--color-accent-600);--color-bg-inverse:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-inverse:#f8fafc;--color-text-on-accent:#fff;--color-text-on-error:#fff;--color-text-on-vivid:#fff;--color-border-strong:#0f172a38;--color-accent-hover:var(--color-accent-700);--color-accent-text:var(--color-accent-700);--color-error-hover:#be123c;--color-focus-ring:var(--color-accent);--color-overlay:#0f172a6b;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 12px 30px #0f172a1a;--shadow-lg:0 22px 60px #0f172a24;--shadow-accent:0 12px 28px color-mix(in srgb, var(--color-accent) 20%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-accent=indigo]{--color-accent-100:#e0e7ff;--color-accent-200:#c7d2fe;--color-accent-300:#a5b4fc;--color-accent-400:#818cf8;--color-accent-500:#6366f1;--color-accent-600:#4f46e5;--color-accent-700:#4338ca;--color-accent-800:#3730a3;--color-accent-900:#312e81}[data-accent=blue]{--color-accent-100:#dbeafe;--color-accent-200:#bfdbfe;--color-accent-300:#93c5fd;--color-accent-400:#60a5fa;--color-accent-500:#3b82f6;--color-accent-600:#2563eb;--color-accent-700:#1d4ed8;--color-accent-800:#1e40af;--color-accent-900:#1e3a8a}[data-accent=violet]{--color-accent-100:#ede9fe;--color-accent-200:#ddd6fe;--color-accent-300:#c4b5fd;--color-accent-400:#a78bfa;--color-accent-500:#8b5cf6;--color-accent-600:#7c3aed;--color-accent-700:#6d28d9;--color-accent-800:#5b21b6;--color-accent-900:#4c1d95}[data-accent=rose]{--color-accent-100:#ffe4e6;--color-accent-200:#fecdd3;--color-accent-300:#fda4af;--color-accent-400:#fb7185;--color-accent-500:#f43f5e;--color-accent-600:#e11d48;--color-accent-700:#be123c;--color-accent-800:#9f1239;--color-accent-900:#881337}[data-accent=amber]{--color-accent-100:#fef3c7;--color-accent-200:#fde68a;--color-accent-300:#fcd34d;--color-accent-400:#fbbf24;--color-accent-500:#f59e0b;--color-accent-600:#d97706;--color-accent-700:#b45309;--color-accent-800:#92400e;--color-accent-900:#78350f}[data-accent=emerald]{--color-accent-100:#d1fae5;--color-accent-200:#a7f3d0;--color-accent-300:#6ee7b7;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-accent-700:#047857;--color-accent-800:#065f46;--color-accent-900:#064e3b}[data-accent=amber]{--color-text-on-accent:#1c1917}
html{background:var(--color-bg-page);height:100%}html,body{max-width:100vw;overflow-x:clip}body{min-height:100%;font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:-.015em}a,button{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent);color:var(--color-text-primary)}.srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){.tapSafe{position:relative}.tapSafe:after{content:"";width:100%;height:100%;min-width:var(--touch-target);min-height:var(--touch-target);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@keyframes sparkIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sparkIn{animation:sparkIn var(--transition-base) var(--ease-out) both}.noscroll{scrollbar-width:none;-ms-overflow-style:none}.noscroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}