:root{--obsidian-900: #0c0c0d;--obsidian-800: #161618;--sand-100: #f4f2ef;--sand-200: #edeae6;--bone-white: #eeecea;--charcoal-900: #111010;--stone-500: #aeaaa6;--stone-800: #3e3b38;--taupe-500: #75716d;--taupe-600: #6e6b68;--terracotta-500: #f54400;--terracotta-700: #c43500;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-base: 18px;--space-lg: 22px;--space-xl: 32px;--space-2xl: 48px;--font-heading: "Inter", sans-serif;--font-text: "Inter", sans-serif;--font-mono: "DM Mono", "JetBrains", monospace;--text-xs: .875rem;--text-sm: .975rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: clamp(1.5rem, 4vw, 2.25rem);--text-xl: clamp(2.2rem, 8vw, 4.5rem);--container-max: 1400px;--article-container-max: 800px;--r-sm: var(--space-sm);--r-md: var(--space-md);--r: var(--space-base);--r-lg: var(--space-lg);--r-full: 9999px;--weight-reg: 400;--weight-bold: 700;--weight-black: 800;--bg: var(--sand-100);--surface: var(--sand-200);--fg: var(--charcoal-900);--subtle: var(--stone-800);--muted: var(--taupe-600);--accent: var(--terracotta-700);--glass: rgba(237, 234, 230, .75);--glass-border: rgba(17, 16, 16, .08)}@media(prefers-color-scheme:light){:root:not(.dark-mode){color-scheme:light;--bg: var(--sand-100);--surface: var(--sand-200);--fg: var(--charcoal-900);--subtle: var(--stone-800);--muted: var(--taupe-600);--accent: var(--terracotta-700);--glass: rgba(237, 234, 230, .75);--glass-border: rgba(17, 16, 16, .08)}}:root.light-mode{color-scheme:light;--bg: var(--sand-100);--surface: var(--sand-200);--fg: var(--charcoal-900);--subtle: var(--stone-800);--muted: var(--taupe-600);--accent: var(--terracotta-700);--glass: rgba(237, 234, 230, .75);--glass-border: rgba(17, 16, 16, .08)}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DMMono-Regular.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--fg);font-family:var(--font-text);font-size:var(--text-base);margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}body{display:flex;flex-direction:column;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1;margin:0;color:var(--fg)}p{color:var(--subtle)}main{min-height:100%;width:100%}a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}img,canvas{display:block;max-width:100%}.container{width:100%;max-width:var(--container-max);margin:0 auto}.accent{color:var(--accent);font-style:italic}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);display:inline-flex;align-items:center;gap:var(--space-sm)}.section-label:before{content:"";width:24px;height:1px;background:var(--accent)}.section-heading{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-reg);line-height:1.1;color:var(--fg);margin-bottom:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);font-family:var(--font-text);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--r-full);text-decoration:none;transition:all .25s ease;border:none;cursor:pointer}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--fg);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass);transform:translateY(-2px)}.pill-badge{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-xs) var(--space-md);background:var(--bg);border:1px solid var(--glass-border);border-radius:var(--r-full);color:var(--fg)}.pill-badge.subtle{background:var(--surface);border:none;color:var(--muted)}
