:root{--bg:#07090d;--bg-soft:#0c1016;--panel:#0f141b;--border:#1d2733;--border-soft:#161d26;--text:#cdd6e0;--text-dim:#8591a0;--muted:#5a6675;--accent:#39e0a0;--accent-dim:#1f8f66;--cyan:#4fd0e3;--warn:#e8b84b;--font-mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--maxw:820px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 80% -10%, #39e0a00f, transparent 60%), radial-gradient(900px 500px at 0% 0%, #4fd0e30d, transparent 55%), var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.65;display:flex}body:before{content:"";background-image:linear-gradient(var(--border-soft) 1px, transparent 1px), linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);opacity:.25;pointer-events:none;z-index:0;background-size:44px 44px;position:fixed;inset:0;mask-image:radial-gradient(100% 70% at 50% 0,#000 40%,#0000 100%)}.scanline{pointer-events:none;z-index:1;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px);position:fixed;inset:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--cyan)}h1,h2,h3{letter-spacing:-.01em;color:#e8eef5;font-weight:650;line-height:1.2}.accent{color:var(--accent)}.muted{color:var(--muted)}.site-header,.site-main,.site-footer{z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px;position:relative}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:26px;display:flex}.brand{font-family:var(--font-mono);color:var(--text);align-items:baseline;gap:9px;font-weight:600;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{color:var(--accent);font-size:1.1rem}.brand-name{letter-spacing:-.02em}.site-nav{font-family:var(--font-mono);flex-wrap:wrap;gap:4px;font-size:.9rem;display:flex}.nav-link{color:var(--text-dim);border:1px solid #0000;border-radius:6px;padding:5px 10px}.nav-link:before{content:"/";color:var(--muted);margin-right:1px}.nav-link:hover{color:var(--text);background:var(--bg-soft)}.nav-link.current{color:var(--accent);border-color:var(--border);background:var(--bg-soft)}.site-main{flex:1 0 auto;padding-top:18px;padding-bottom:80px}.site-footer{border-top:1px solid var(--border-soft);flex-shrink:0;margin-top:40px;padding-top:22px;padding-bottom:40px}.footer-inner{font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.88rem;display:flex}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--text-dim)}.footer-links a:hover{color:var(--accent)}.footer-meta{color:var(--muted);margin:14px 0 0;font-size:.8rem}.cursor{color:var(--accent);animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dim);margin:0 0 10px;font-size:.78rem}.tag{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);background:#ffffff04;border-radius:999px;padding:2px 9px;font-size:.72rem;display:inline-block}.prose{font-size:1.02rem}.prose p,.prose ul,.prose ol{margin:0 0 1.1em}.prose h2{margin:1.9em 0 .6em;font-size:1.4rem}.prose h3{margin:1.5em 0 .5em;font-size:1.15rem}.prose a{text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--accent-dim)}.prose code{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:5px;padding:1px 6px;font-size:.86em}.prose pre{border:1px solid var(--border);border-radius:10px;padding:16px 18px;font-size:.86rem;line-height:1.5;overflow-x:auto;background:var(--bg-soft)!important}.prose pre code{background:0 0;border:0;padding:0}.prose blockquote{border-left:2px solid var(--accent-dim);color:var(--text-dim);margin:1.2em 0;padding:2px 0 2px 18px}.prose img{border:1px solid var(--border);border-radius:10px;max-width:100%}.prose hr{border:0;border-top:1px solid var(--border-soft);margin:2em 0}@media (width<=560px){.site-header{padding-top:20px}body{font-size:15px}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}html{scroll-behavior:auto}}
