:root{--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--width: 1200px;color-scheme:light;--background: oklch(.975 .004 100);--surface: oklch(.945 .005 100);--foreground: oklch(.18 .01 250);--card: oklch(.99 .003 100);--primary: oklch(.58 .15 120);--primary-foreground: oklch(.98 .01 110);--muted: oklch(.93 .005 100);--muted-foreground: oklch(.48 .015 250);--destructive: oklch(.6 .17 22);--success: oklch(.58 .12 150);--border: oklch(.88 .006 250);--code-bg: oklch(.945 .005 100)}.dark{color-scheme:dark;--background: oklch(.155 .006 250);--surface: oklch(.2 .009 250);--foreground: oklch(.955 .006 110);--card: oklch(.225 .01 250);--primary: oklch(.91 .17 120);--primary-foreground: oklch(.155 .006 250);--muted: oklch(.25 .01 250);--muted-foreground: oklch(.67 .017 250);--destructive: oklch(.72 .13 22);--success: oklch(.77 .1 150);--border: oklch(.32 .012 250);--code-bg: oklch(.185 .008 250)}*,*:before,*:after{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--background);color:var(--foreground);font:16px/1.7 var(--font-sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.05;letter-spacing:0}h1{font-size:clamp(40px,7vw,72px);margin:18px 0;font-weight:600}h2{font-size:clamp(28px,4vw,44px);font-weight:600}code,.mono,.eyebrow,.tag,nav,.meta,.terminal,.back,.arrow,.toc{font-family:var(--font-mono)}::selection{background:var(--primary);color:var(--primary-foreground)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--width),calc(100% - 40px));margin:auto}.accent{color:var(--primary)}.eyebrow{color:var(--muted-foreground);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.eyebrow .hash{color:var(--primary)}.site-header{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--background) 92%,transparent);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:16px;min-height:64px}.brand{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono);font-size:14px;white-space:nowrap}.brand b{font-family:var(--font-display);font-size:16px;color:var(--foreground)}.brand span{color:var(--muted-foreground)}.status{display:none;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground)}.dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-dot 2.4s ease-in-out infinite}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px}.site-header nav a{padding:8px 10px;border-radius:6px;color:var(--muted-foreground);white-space:nowrap}.site-header nav a:hover{color:var(--foreground);background:var(--muted)}.site-header nav a[aria-current=page]{color:var(--primary)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer}.theme-toggle:hover{background:var(--muted);color:var(--foreground)}.theme-toggle svg{width:16px;height:16px}.dark .theme-toggle .moon,.theme-toggle .sun{display:none}.dark .theme-toggle .sun,.theme-toggle .moon{display:block}.hero{position:relative;overflow:hidden;padding:96px 0 64px;border-bottom:1px solid var(--border)}.hero .grid-texture{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in oklab,var(--border) 45%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--border) 45%,transparent) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 20%,black 20%,transparent 75%)}.hero .wrap{position:relative}.terminal{display:inline-block;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font-size:12px}.lede{color:var(--muted-foreground);font-size:clamp(17px,2vw,21px);max-width:720px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.filters a{padding:8px 14px;border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}.filters a:hover{color:var(--foreground)}.filters a[aria-current=page]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:60px 0 22px}.section-head h2{margin:0}.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-card{display:flex;flex-direction:column;min-height:275px;padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--card);transition:transform .3s,border-color .3s}.post-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--primary) 60%,transparent);color:inherit}.post-card h3{font-size:26px;margin:14px 0 8px;font-weight:600}.post-card p{margin:0;color:var(--muted-foreground)}.featured{grid-column:span 2}.featured h3{font-size:clamp(30px,4vw,44px);max-width:650px}.meta{color:var(--muted-foreground);font-size:11px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted-foreground);font-size:11px}.arrow{margin-top:auto;padding-top:26px;color:var(--primary);font-size:12px}.empty{padding:45px;border:1px dashed var(--border);border-radius:14px;color:var(--muted-foreground)}.post-header{padding:80px 0 48px;border-bottom:1px solid var(--border)}.post-header h1{max-width:920px;font-size:clamp(36px,6vw,64px)}.post-description{color:var(--muted-foreground);font-size:20px;max-width:760px}.article-grid{display:grid;grid-template-columns:minmax(0,740px) 220px;gap:80px;padding-top:55px}.prose{min-width:0;font-size:17px;line-height:1.85;color:color-mix(in oklab,var(--foreground) 90%,var(--background))}.prose h2,.prose h3{color:var(--foreground);scroll-margin-top:100px;margin-top:2.1em}.prose h2{font-size:30px}.prose h3{font-size:23px}.prose p{margin:1.3em 0}.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.prose code:not(pre code){padding:2px 5px;border:1px solid var(--border);border-radius:4px;background:var(--code-bg);font-size:.88em}.prose blockquote{margin:30px 0;padding:2px 24px;border-left:3px solid var(--primary);background:var(--surface);color:var(--foreground)}.prose img{max-width:100%;border-radius:10px}.prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.prose td,.prose th{padding:8px 12px;border:1px solid var(--border)}.prose hr{border:0;border-top:1px solid var(--border)}.prose ul,.prose ol{padding-left:1.2em}.prose li::marker{color:var(--primary)}.code-block{position:relative}.prose pre{margin:0;padding:24px;border:1px solid var(--border);border-radius:12px;overflow-x:auto;font-size:13px;line-height:1.7}.copy-code{position:absolute;top:10px;right:10px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted-foreground);font:11px var(--font-mono);cursor:pointer;opacity:0;transition:opacity .2s}.code-block:hover .copy-code,.copy-code:focus-visible{opacity:1}.copy-code:hover{color:var(--primary);border-color:var(--primary)}.dark .astro-code,.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.toc{position:sticky;top:110px;align-self:start;font-size:12px;line-height:1.9}.toc p{margin:0 0 15px;color:var(--primary)}.toc a{display:block;padding:5px 0;color:var(--muted-foreground)}.toc a:hover{color:var(--primary)}.toc .depth3{padding-left:12px}.back{color:var(--primary);font-size:12px}.article-bottom{margin-top:75px;padding-top:30px;border-top:1px solid var(--border)}.site-footer{margin-top:100px;padding:34px 0;border-top:1px solid var(--border);color:var(--muted-foreground);font:12px var(--font-mono)}.foot-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@media(min-width:1100px){.status{display:flex}}@media(max-width:800px){.article-grid{grid-template-columns:1fr;gap:12px}.toc{position:static;grid-row:1}.posts{grid-template-columns:1fr}.featured{grid-column:auto}.hero{padding:70px 0 52px}.copy-code{opacity:1}}@media(max-width:520px){.wrap{width:calc(100% - 30px)}.site-header nav{gap:0;font-size:11px}.site-header nav a{padding:8px 6px}.post-card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}