:root{--color-void: #050506;--color-obsidian: #0c0c0e;--color-graphite: #18181b;--color-slate: #27272a;--color-ash: #3f3f46;--color-stone: #71717a;--color-silver: #a1a1aa;--color-mist: #d4d4d8;--color-ivory: #f4f4f5;--color-cream: #fafaf9;--color-accent: #3b82f6;--color-accent-light: #60a5fa;--color-accent-glow: rgba(59, 130, 246, .15);--color-background: var(--color-void);--color-surface: var(--color-obsidian);--color-surface-elevated: var(--color-graphite);--color-text-primary: var(--color-ivory);--color-text-secondary: var(--color-silver);--color-text-muted: var(--color-stone);--color-border: var(--color-slate);--color-border-subtle: rgba(255, 255, 255, .06);--font-display: "Clash Display", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.625rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.25rem);--text-4xl: clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem);--text-5xl: clamp(3rem, 2rem + 5vw, 6.5rem);--text-6xl: clamp(4rem, 2.5rem + 7.5vw, 9rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--max-width: 1440px;--content-width: 1200px;--reading-width: 720px;--gutter: clamp(1.5rem, 4vw, 4rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px var(--color-accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--color-header-scrolled-bg: rgba(5, 5, 6, .82)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;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='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);max-width:65ch}a{color:inherit;text-decoration:none}strong{font-weight:600;color:var(--color-text-primary)}::selection{background-color:var(--color-accent);color:var(--color-cream)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-obsidian)}::-webkit-scrollbar-thumb{background:var(--color-slate);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ash)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--content-width)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in-up{animation:fadeInUp .8s var(--ease-out) forwards;opacity:0}.animate-fade-in{animation:fadeIn .6s var(--ease-out) forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft .8s var(--ease-out) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}html[data-theme=light]{--color-void: #f8f8f6;--color-obsidian: #f0f0ee;--color-graphite: #ffffff;--color-slate: #e4e4e7;--color-ash: #d4d4d8;--color-silver: #52525b;--color-mist: #3f3f46;--color-ivory: #27272a;--color-border-subtle: rgba(0, 0, 0, .07);--color-accent-glow: rgba(59, 130, 246, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07);--shadow-md: 0 4px 12px rgba(0, 0, 0, .09);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .13);--shadow-glow: 0 0 60px var(--color-accent-glow);--color-header-scrolled-bg: rgba(248, 248, 246, .88)}