:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-micro:.65rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4.5rem;--text-5xl:7rem;--text-6xl:10vw;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--grid-unit:1rem;--nav-height:4rem;--border-thin:1px;--border-bold:4px}[data-theme=dim],:root{--bg:#050505;--bg-inverse:#fff;--text:#eaeaea;--text-muted:#888;--text-inverse:#050505;--border:#222;--border-muted:#111;--surface:#0a0a0a;--surface-hover:#141414;--hover-bg:#eaeaea;--hover-text:#050505;--accent-oss:#00e5ff;--accent-oss-bg:#00e5ff0d;--accent-prop:#ffb300;--accent-prop-bg:#ffb3000d;--noise-opacity:.04;--nav-bg:#050505}[data-theme=default]{--bg:#fff;--bg-inverse:#000;--text:#050505;--text-muted:#666;--text-inverse:#fff;--border:#e0e0e0;--border-muted:#f0f0f0;--surface:#fafafa;--surface-hover:#f5f5f5;--hover-bg:#050505;--hover-text:#fff;--accent-oss:#09a;--accent-oss-bg:#0099aa0d;--accent-prop:#cc8e00;--accent-prop-bg:#cc8e000d;--noise-opacity:.03;--nav-bg:#fff}[data-theme=sepia]{--bg:#f4ecd8;--bg-inverse:#2a2015;--text:#433422;--text-muted:#705b45;--text-inverse:#f4ecd8;--border:#d5c3a5;--border-muted:#e4d5bc;--surface:#ebdabc;--surface-hover:#e2d1b1;--hover-bg:#2a2015;--hover-text:#f4ecd8;--accent-oss:#078;--accent-oss-bg:#0077880d;--accent-prop:#a70;--accent-prop-bg:#aa77000d;--noise-opacity:.04;--nav-bg:#f4ecd8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);font-size:var(--text-base);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:after{content:"";opacity:var(--noise-opacity);pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);font-weight:500;line-height:1.1}h1{font-size:var(--text-6xl);letter-spacing:-.04em;font-weight:800}h2{font-size:var(--text-4xl);letter-spacing:-.03em;font-weight:700}h3{font-size:var(--text-3xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text)}a{color:var(--text);text-decoration:none;transition:color .2s,background .2s}.container{width:100%;padding:0 var(--space-8);max-width:1600px;margin:0 auto}.page{padding-top:var(--nav-height);min-height:100vh}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}hr{border:none;border-top:var(--border-thin) solid var(--border);margin:var(--space-12) 0}@media (width<=1024px){h1{font-size:8vw}}@media (width<=768px){h1{font-size:12vw}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.container{padding:0 var(--space-4)}}@media (width<=480px){h1{font-size:14vw}}