@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-base-900: #0e0e10;--color-base-800: #1a1a1d;--color-base-700: #2b2b2b;--color-base-600: #3f3f3f;--color-base-500: #5a5a5a;--color-base-400: #8f8f8f;--color-base-300: #adadb8;--color-base-200: #d1d1d6;--color-base-100: #efeff1;--color-base-50: #ffffff;--color-purple: #6f38c9;--color-purple-light: #8b5fc8;--color-red: #ea3247;--color-red-light: #f0566a;--color-green: #4db332;--color-green-light: #6bc955;--bg: var(--color-base-900);--bg-raised: var(--color-base-800);--bg-surface: var(--color-base-700);--border: var(--color-base-700);--text: var(--color-base-100);--text-muted: var(--color-base-300);--text-faint: var(--color-base-400);--twitch: var(--color-purple);--youtube: var(--color-red);--kick: var(--color-green);--font-mono: "JetBrains Mono", monospace;--font-sans: "Outfit", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:opacity .15s,border-color .2s,color .2s}.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn-primary{color:var(--color-base-50);background:var(--color-purple);border-color:var(--color-purple)}.btn-primary:hover{opacity:.85}.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-outline{color:var(--text-muted);background:transparent;border-color:var(--border)}.btn-outline:hover{border-color:var(--color-purple);color:var(--text)}.container{max-width:60rem;margin:0 auto;padding:0 var(--space-lg)}.error-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-page h1{font-family:var(--font-mono);font-size:4rem;font-weight:800;letter-spacing:-.04em;color:var(--text-faint);margin-bottom:var(--space-sm)}.error-page p{color:var(--text-muted);font-weight:300;margin-bottom:var(--space-xl)}.error-page .error-detail{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-faint);margin-bottom:var(--space-xl)}.section-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-xl)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}main{flex:1}nav{padding:var(--space-lg) 0;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-weight:800;font-size:1.125rem;letter-spacing:-.02em}.logo-dot{color:var(--color-purple)}.nav-links{display:flex;gap:var(--space-sm)}.nav-link{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,color .2s}.nav-link:hover{border-color:var(--color-purple);color:var(--text)}footer{padding:var(--space-xl) 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-faint)}footer a{transition:color .2s}footer a:hover{color:var(--text)}@media(max-width:40rem){.nav-links{gap:var(--space-xs)}.nav-link{font-size:.75rem;padding:.375rem .625rem}footer{flex-direction:column;gap:var(--space-sm);text-align:center}}