@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;600&display=swap";:root{--ink-900:#16142b;--ink-800:#272247;--ink-700:#3b3661;--ink-600:#544e82;--ink-500:#6b6693;--ink-400:#8b86ad;--ink-300:#a8a4c4;--ink-200:#cbc8de;--ink-100:#e4e2f0;--ink-050:#f2f0fb;--paper:#fbfaff;--white:#fff;--grape-050:#f5f1ff;--grape-100:#ede6ff;--grape-200:#d8c9ff;--grape-300:#b9a2ff;--grape-400:#9a76ff;--grape-500:#7c4dff;--grape-600:#6a34f5;--grape-700:#5325c4;--grape-800:#3d1a92;--mint-100:#d6f8ec;--mint-200:#a6eed4;--mint-400:#34d9a2;--mint-500:#17c98e;--mint-600:#0ea575;--mint-700:#0a7c58;--sun-100:#fff2cf;--sun-200:#ffe29b;--sun-400:#ffcd5c;--sun-500:#ffc235;--sun-600:#e9a300;--sun-700:#a97400;--coral-100:#ffe2de;--coral-200:#ffc2bb;--coral-400:#ff8a7f;--coral-500:#ff6b5e;--coral-600:#e8463a;--coral-700:#b32d23;--sky-100:#d8f0ff;--sky-200:#aae0ff;--sky-400:#5cc4ff;--sky-500:#35b6ff;--sky-600:#0a8fdb;--sky-700:#0a6ba3;--bg-app:var(--paper);--bg-sunk:var(--ink-050);--surface-card:var(--white);--surface-raised:var(--white);--surface-hover:var(--grape-050);--surface-inverse:var(--ink-900);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-onbrand:var(--white);--text-oninverse:var(--paper);--text-link:var(--grape-600);--text-link-hover:var(--grape-700);--brand:var(--grape-500);--brand-strong:var(--grape-600);--brand-deep:var(--grape-700);--brand-soft:var(--grape-100);--brand-onsoft:var(--grape-700);--border-soft:var(--ink-100);--border-strong:var(--ink-200);--border-brand:var(--grape-300);--success:var(--mint-600);--success-soft:var(--mint-100);--success-onsoft:var(--mint-700);--warning:var(--sun-600);--warning-soft:var(--sun-100);--warning-onsoft:var(--sun-700);--danger:var(--coral-600);--danger-soft:var(--coral-100);--danger-onsoft:var(--coral-700);--info:var(--sky-600);--info-soft:var(--sky-100);--info-onsoft:var(--sky-700);--currency:var(--sun-500);--currency-deep:var(--sun-600);--focus-ring:var(--sky-500);--edge-brand:var(--grape-700);--edge-neutral:var(--ink-200);--edge-dark:#16142b2e}[data-theme=dark]{--bg-app:#14122a;--bg-sunk:#100e22;--surface-card:#1e1b3a;--surface-raised:#272247;--surface-hover:#302a54;--surface-inverse:var(--paper);--text-strong:#f6f4ff;--text-body:#d6d2ee;--text-muted:#9c97bf;--text-onbrand:var(--white);--text-oninverse:var(--ink-900);--text-link:var(--grape-300);--text-link-hover:#d3c4ff;--brand:var(--grape-400);--brand-strong:var(--grape-500);--brand-deep:var(--grape-600);--brand-soft:#2e2557;--brand-onsoft:var(--grape-200);--border-soft:#302a54;--border-strong:#423a6e;--border-brand:var(--grape-600);--success:var(--mint-400);--success-soft:#133f37;--success-onsoft:var(--mint-200);--warning:var(--sun-400);--warning-soft:#453416;--warning-onsoft:var(--sun-200);--danger:var(--coral-400);--danger-soft:#4a2222;--danger-onsoft:var(--coral-200);--info:var(--sky-400);--info-soft:#14354d;--info-onsoft:var(--sky-200);--edge-brand:#2a1670;--edge-neutral:#0e0c1d;--edge-dark:#00000073}:root{--font-display:"Rubik", "Trebuchet MS", system-ui, sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--size-display-xl:64px;--size-display-l:48px;--size-display-m:36px;--size-title-l:28px;--size-title-m:24px;--size-title-s:20px;--size-body-l:18px;--size-body-m:16px;--size-body-s:14px;--size-label:14px;--size-caption:13px;--lh-tight:1.04;--lh-snug:1.18;--lh-normal:1.45;--lh-loose:1.6;--weight-regular:400;--weight-medium:600;--weight-bold:700;--weight-black:800;--tracking-display:-.02em;--tracking-title:-.01em;--tracking-body:0;--tracking-label:.04em;--type-display-xl:var(--weight-black) var(--size-display-xl) / var(--lh-tight) var(--font-display);--type-display-l:var(--weight-black) var(--size-display-l) / var(--lh-tight) var(--font-display);--type-display-m:var(--weight-bold) var(--size-display-m) / var(--lh-snug) var(--font-display);--type-title-l:var(--weight-bold) var(--size-title-l) / var(--lh-snug) var(--font-display);--type-title-m:var(--weight-bold) var(--size-title-m) / var(--lh-snug) var(--font-display);--type-title-s:var(--weight-bold) var(--size-title-s) / var(--lh-snug) var(--font-display);--type-body-l:var(--weight-regular) var(--size-body-l) / var(--lh-normal) var(--font-body);--type-body-m:var(--weight-regular) var(--size-body-m) / var(--lh-normal) var(--font-body);--type-body-s:var(--weight-regular) var(--size-body-s) / var(--lh-normal) var(--font-body);--type-body-strong:var(--weight-bold) var(--size-body-m) / var(--lh-normal) var(--font-body);--type-label:var(--weight-bold) var(--size-label) / 1.2 var(--font-display);--type-mono:var(--weight-regular) var(--size-caption) / 1.4 var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-18:72px;--space-24:96px;--page-max:1280px;--page-gutter:var(--space-6);--grid-gap:var(--space-5);--header-h:72px;--rail-w:88px;--tap-min:48px;--control-h-s:40px;--control-h-m:48px;--control-h-l:56px;--control-h-xl:64px;--icon-s:18px;--icon-m:22px;--icon-l:28px;--radius-xs:6px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--border-width:2px;--border-width-thick:3px;--edge-s:0 3px 0 0;--edge-m:0 4px 0 0;--edge-l:0 6px 0 0;--shadow-pop-brand:0 4px 0 0 var(--edge-brand), 0 8px 18px -6px #6a34f573;--shadow-pop-neutral:0 4px 0 0 var(--edge-neutral), 0 8px 16px -8px var(--edge-dark);--shadow-card:0 2px 0 0 var(--border-soft), 0 12px 24px -16px var(--edge-dark);--shadow-card-hover:0 4px 0 0 var(--border-brand), 0 18px 34px -18px #6a34f559;--shadow-float:0 24px 48px -20px var(--edge-dark);--shadow-inset:inset 0 2px 0 0 #16142b0f;--ring-focus:0 0 0 4px color-mix(in oklab, var(--focus-ring) 45%, transparent);--press-shift:3px;--dur-instant:80ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.22, .86, .3, 1);--ease-in-out:cubic-bezier(.6, 0, .35, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-control:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-bounce), color var(--dur-fast) var(--ease-out);--transition-card:transform var(--dur-base) var(--ease-bounce), box-shadow var(--dur-base) var(--ease-out)}@keyframes sandbox-float{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(-10px)rotate(45deg)}}@keyframes sandbox-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sandbox-shine{0%{background-position:-120% 0}to{background-position:220% 0}}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--text-body);font:var(--type-body-m);letter-spacing:var(--tracking-body);text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{color:var(--text-strong);font-family:var(--font-display);letter-spacing:var(--tracking-title);margin:0}p{margin:0}a{color:var(--text-link);font-weight:var(--weight-bold);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--text-link-hover);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-s);outline:none}::selection{background:var(--grape-200);color:var(--ink-900)}[data-reading=easy]{--font-body:"Atkinson Hyperlegible", "Verdana", "Nunito", sans-serif;--lh-normal:1.65;--tracking-body:.01em;--size-body-m:17px;--size-body-s:15px}.sb-bg-gems{background-color:var(--bg-sunk);background-image:linear-gradient(45deg, color-mix(in oklab, var(--brand) 12%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in oklab, var(--brand) 12%, transparent) 75%), linear-gradient(45deg, color-mix(in oklab, var(--brand) 12%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in oklab, var(--brand) 12%, transparent) 75%);background-position:0 0,24px 24px;background-size:48px 48px}.sb-bg-dots{background-color:var(--bg-sunk);background-image:radial-gradient(color-mix(in oklab, var(--brand) 22%, transparent) 2px, transparent 2px);background-size:22px 22px}.sb-bg-hero{background:radial-gradient(120% 120% at 15% 0%, var(--grape-500) 0%, var(--grape-700) 55%, var(--ink-900) 100%);color:var(--text-onbrand)}.sb-gem{background:var(--brand);border-radius:3px;width:14px;height:14px;display:inline-block;transform:rotate(45deg)}.sb-page{max-width:var(--page-max);padding-inline:var(--page-gutter);margin:0 auto}.sb-mono{font:var(--type-mono);letter-spacing:.02em}.sb-label{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}