:root,[data-theme=dark]{color-scheme:dark;--bg: oklch(.165 .006 256);--bg-elev: oklch(.19 .007 256);--surface: oklch(.205 .008 256);--surface-2: oklch(.235 .009 256);--surface-hover: oklch(.26 .01 256);--border: oklch(.305 .01 256);--border-strong: oklch(.42 .012 256);--text: oklch(.97 .004 256);--text-muted: oklch(.74 .009 256);--text-faint: oklch(.575 .011 256);--accent: oklch(.84 .17 138);--accent-hover: oklch(.885 .165 138);--accent-press: oklch(.795 .17 138);--accent-fg: oklch(.175 .04 138);--accent-soft: oklch(.84 .17 138 / .12);--accent-border: oklch(.84 .17 138 / .34);--success: oklch(.8 .15 150);--warn: oklch(.825 .13 82);--danger: oklch(.705 .175 25);--info: oklch(.78 .11 230);--code-key: oklch(.8 .095 250);--code-str: oklch(.835 .115 150);--code-num: oklch(.825 .1 62);--code-punct: var(--text-faint);--code-comment: oklch(.6 .018 256);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 22px -8px rgba(0,0,0,.55);--shadow-lg: 0 20px 56px -16px rgba(0,0,0,.62);--shadow-glow: 0 0 0 1px var(--accent-border), 0 12px 44px -10px oklch(.84 .17 138 / .28)}[data-theme=light]{color-scheme:light;--bg: oklch(.992 .003 256);--bg-elev: oklch(.985 .004 256);--surface: oklch(.972 .005 256);--surface-2: oklch(.952 .006 256);--surface-hover: oklch(.93 .007 256);--border: oklch(.9 .008 256);--border-strong: oklch(.815 .01 256);--text: oklch(.215 .012 256);--text-muted: oklch(.455 .013 256);--text-faint: oklch(.585 .013 256);--accent: oklch(.56 .15 142);--accent-hover: oklch(.51 .15 142);--accent-press: oklch(.47 .15 142);--accent-fg: oklch(.995 .02 142);--accent-soft: oklch(.56 .15 142 / .1);--accent-border: oklch(.56 .15 142 / .3);--success: oklch(.56 .14 150);--warn: oklch(.62 .13 70);--danger: oklch(.56 .18 25);--info: oklch(.52 .12 250);--code-key: oklch(.52 .13 255);--code-str: oklch(.48 .13 150);--code-num: oklch(.56 .12 50);--code-punct: var(--text-faint);--code-comment: oklch(.64 .02 256);--shadow-sm: 0 1px 2px rgba(16,22,30,.06);--shadow-md: 0 8px 26px -12px rgba(16,22,30,.16);--shadow-lg: 0 24px 60px -20px rgba(16,22,30,.22);--shadow-glow: 0 0 0 1px var(--accent-border), 0 14px 44px -12px oklch(.56 .15 142 / .22)}:root{--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: clamp(2.75rem, 1.6rem + 4.6vw, 4.5rem);--leading-tight: 1.08;--leading-snug: 1.28;--leading-body: 1.62;--tracking-tight: -.02em;--tracking-mono: .04em;--tracking-label: .14em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-full: 999px;--maxw: 1200px;--maxw-prose: 720px;--gutter: clamp(1.25rem, .6rem + 3vw, 2.5rem);--section-y: clamp(4rem, 2.5rem + 7vw, 7.5rem);--dur-fast: .12s;--dur: .2s;--dur-slow: .36s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.stack>*+*{margin-top:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.focus-ring:focus-visible,.btn:focus-visible,.input:focus-visible,.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-mono);color:var(--accent);text-transform:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn{--_bg: transparent;--_fg: var(--text);--_bd: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;line-height:1;padding:.7em 1.15em;border-radius:var(--r-md);border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out),color var(--dur) var(--ease)}.btn:active{transform:translateY(1px)}.btn-sm{font-size:var(--text-sm);padding:.55em .9em;border-radius:var(--r-sm)}.btn-lg{font-size:var(--text-md);padding:.8em 1.4em}.btn-primary{--_bg: var(--accent);--_fg: var(--accent-fg);--_bd: var(--accent)}.btn-primary:hover{--_bg: var(--accent-hover);--_bd: var(--accent-hover)}.btn-primary:active{--_bg: var(--accent-press);--_bd: var(--accent-press)}.btn-secondary{--_bg: var(--surface-2);--_fg: var(--text);--_bd: var(--border-strong)}.btn-secondary:hover{--_bg: var(--surface-hover);--_bd: var(--border-strong)}.btn-ghost{--_bg: transparent;--_fg: var(--text-muted);--_bd: transparent}.btn-ghost:hover{--_bg: var(--surface-2);--_fg: var(--text)}.btn[disabled]{opacity:.5;pointer-events:none}.input{display:block;width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:.7em .85em;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--text-faint)}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.input-mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-interactive{transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease)}.card-interactive:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;line-height:1;padding:.4em .7em;border-radius:var(--r-full);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.badge-accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.badge-mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);border-radius:var(--r-sm)}.code{font-family:var(--font-mono);font-size:var(--text-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.code-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-elev);font-size:var(--text-sm);color:var(--text-faint)}.code-body{padding:var(--space-5);overflow-x:auto;line-height:var(--leading-body)}.code .tok-key{color:var(--code-key)}.code .tok-str{color:var(--code-str)}.code .tok-num{color:var(--code-num)}.code .tok-punct{color:var(--code-punct)}.code .tok-comment{color:var(--code-comment);font-style:italic}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:64px;padding-inline:var(--gutter);background:color-mix(in oklab,var(--bg-elev) 82%,transparent);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border)}.nav a{color:var(--text-muted);text-decoration:none;font-size:var(--text-base);transition:color var(--dur) var(--ease)}.nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);background:var(--bg-elev);padding:var(--space-8) var(--gutter) var(--space-6);color:var(--text-muted)}.site-footer a{color:var(--text-muted);text-decoration:none;font-size:var(--text-base)}.site-footer a:hover{color:var(--text)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;min-height:100vh;max-width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}pre{max-width:100%}img{max-width:100%;display:block}h1,h2,h3,h4,p,ul,ol,figure{margin:0}*::selection{background:var(--accent-soft);color:var(--text)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}