:root{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-pixel:"Departure Mono", var(--font-mono);--fs-base:1.0625rem;--fs-sm:0.8125rem;--fs-xs:0.6875rem;--lh-base:1.7;--lh-tight:1.15;--measure:46rem;--wrap:80vw;--pad:clamp(1rem, 4vw, 2.5rem);--radius:4px;--radius-pill:999px;--header-h:3.5rem;--accent:#e11d2a;--accent-fg:#ffffff;--accent-weak:rgba(225, 29, 42, 0.12);--bg:#ffffff;--bg-elevated:#fafafa;--surface:#f4f4f5;--fg:#0a0a0a;--fg-muted:#52525b;--fg-subtle:#71717a;--border:#e4e4e7;--border-strong:#d4d4d8;--link:var(--accent);--selection:var(--accent-weak);--code-bg:#f6f6f7;--code-fg:#0a0a0a;--code-border:#e4e4e7;--dither-fg:#0a0a0a;--shadow:0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);--grid-size:1.75rem;--grid-line:rgba(9, 9, 11, 0.04);color-scheme:light}[data-theme=dark]{--bg:#0a0a0a;--bg-elevated:#121214;--surface:#17171a;--fg:#f4f4f5;--fg-muted:#a1a1aa;--fg-subtle:#8b8b93;--border:#26262b;--border-strong:#35353c;--link:#ff5c66;--accent:#ff3b47;--accent-fg:#0a0a0a;--accent-weak:rgba(255, 59, 71, 0.16);--selection:rgba(255, 59, 71, 0.24);--code-bg:#121214;--code-fg:#f4f4f5;--code-border:#26262b;--dither-fg:#f4f4f5;--shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.5);--grid-line:rgba(255, 255, 255, 0.04);color-scheme:dark}@media(max-width:34rem){:root{--wrap:90vw}}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overscroll-behavior:none}@media(hover:hover) and (pointer:fine){html{overscroll-behavior-x:auto}}body{min-height:100vh;line-height:var(--lh-base);font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none}img,picture,svg,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-left:1.25rem}::selection{background:var(--selection)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-corner{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:7px solid var(--bg);border-radius:var(--radius-pill);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}@media screen and (min-width:768px){::-webkit-scrollbar{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:200;background:var(--accent);color:var(--accent-fg);padding:.5rem .9rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-sm);transition:top .15s ease}.skip-link:focus{top:.5rem;text-decoration:none}@font-face{font-family:geist;src:url(/fonts/geist-sans.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:geist mono;src:url(/fonts/geist-mono.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:departure mono;src:url(/fonts/departure-mono.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:650;line-height:var(--lh-tight);letter-spacing:-.02em;text-wrap:balance}.label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.mono{font-family:var(--font-mono)}.prose{font-size:var(--fs-base);line-height:var(--lh-base);color:var(--fg)}.prose>*+*{margin-top:1.15em}.prose h2{font-size:1.6rem;margin-top:2.4em;scroll-margin-top:calc(var(--header-h) + 1rem)}.prose h3{font-size:1.3rem;margin-top:2em;scroll-margin-top:calc(var(--header-h) + 1rem)}.prose h4{font-size:1.1rem;margin-top:1.6em;scroll-margin-top:calc(var(--header-h) + 1rem)}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.6em}.prose a{color:var(--link);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--link) 45%,transparent)}.prose a:hover{text-decoration-color:var(--link)}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--fg-subtle)}.prose li:has(>input[type=checkbox]){list-style:none;margin-left:-1.4rem;padding-left:0;display:flex;align-items:baseline;gap:.55em}.prose input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:1.05em;height:1.05em;margin:0;translate:0 .15em;border:1px solid var(--border-strong);border-radius:3px;background:var(--bg);cursor:default;position:relative}.prose input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.prose input[type=checkbox]:checked::after{content:"";position:absolute;left:.32em;top:.12em;width:.28em;height:.55em;border:solid var(--accent-fg);border-width:0 2px 2px 0;rotate:45deg}.prose blockquote{border-left:3px solid var(--border-strong);padding:.2rem 0 .2rem 1.1rem;color:var(--fg-muted);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose img.align-center,.prose img[src$="#center"]{margin-inline:auto}.post-figure{margin:1.8em 0}.post-figure.align-center{text-align:center}.post-figure.align-center img{margin-inline:auto}.post-figure figcaption,.prose figure figcaption{margin-top:.6rem;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-subtle);text-align:center}.post-figure figcaption p{margin:0}.prose :is(h2,h3,h4){position:relative}.heading-anchor{opacity:0;margin-left:.4rem;color:var(--accent);font-weight:400;text-decoration:none;transition:opacity .12s ease}.prose :is(h2,h3,h4):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.prose .table-wrap{margin:1.75rem 0;overflow-x:auto;overscroll-behavior-x:contain}.prose table{width:100%;border-collapse:collapse;font-size:.95em}.prose>table{display:block;overflow-x:auto}.prose th,.prose td{padding:.6rem .9rem;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--border)}.prose thead th{font-family:var(--font-mono);font-size:.72em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap;border-bottom:1px solid var(--border-strong)}.prose tbody td:first-child{color:var(--fg);font-weight:500}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr{transition:background-color .12s ease}.prose tbody tr:hover{background:var(--accent-weak)}.prose td code{white-space:nowrap}.prose sup a{text-decoration:none}.prose kbd{font-family:var(--font-mono);font-size:.85em;background:var(--surface);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:.05em .4em}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:.08em .36em;word-break:break-word}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}.measure{max-width:var(--measure)}body{display:flex;flex-direction:column;background-image:radial-gradient(var(--grid-line) 1px,transparent 1.2px);background-size:var(--grid-size)var(--grid-size);background-position:50% 0}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;mix-blend-mode:soft-light}#main{flex:1 0 auto;width:100%;padding-block:clamp(1.5rem,5vw,3.5rem)}.site-header{position:sticky;top:0;z-index:100;isolation:isolate;background:0 0;transition:background .3s ease,backdrop-filter .3s ease}.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--dither-fg);-webkit-mask-image:var(--dither);mask-image:var(--dither);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat;opacity:0;transition:opacity .3s ease}.site-header.is-scrolled{background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:saturate(1.4)blur(10px);-webkit-backdrop-filter:saturate(1.4)blur(10px)}.site-header.is-scrolled::before{opacity:.06}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-h)}.brand{display:inline-flex;align-items:baseline;font-family:elms sans,var(--font-sans);font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--fg);white-space:nowrap}.brand::before{content:"";width:.5em;height:.5em;margin-right:.45em;background:var(--accent);transform:translateY(.02em)}.brand:hover{text-decoration:none}.brand .brand__accent{color:var(--accent);font-weight:700}.site-nav{display:flex;align-items:center;gap:.35rem}.site-nav a{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-muted);padding:.35rem .6rem;border-radius:var(--radius);letter-spacing:.02em}.site-nav a:hover{color:var(--fg);background:var(--surface);text-decoration:none}.site-nav a[aria-current=page],.site-nav a.is-active{color:var(--accent)}.header-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius);color:var(--fg-muted)}.header-btn:hover{color:var(--fg);background:var(--surface)}.header-btn svg{width:1.1rem;height:1.1rem}.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.site-footer{background:0 0;padding-block:2rem;color:var(--fg-subtle);font-size:var(--fs-sm)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.site-footer a{color:var(--fg-muted)}.intro{max-width:var(--measure);margin-bottom:2.5rem}.intro h1{font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:.5rem}.intro p{color:var(--fg-muted);font-size:1.05rem}.intro--home{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,4vw,3rem);flex-wrap:wrap}.intro--home .intro__text{max-width:var(--measure);flex:1 1 22rem}.pixel-strip{flex:none;display:block;width:300px;max-width:100%;height:auto;image-rendering:pixelated;cursor:pointer}.featured{margin-bottom:2.75rem}.feature-list{margin-top:1rem;border-top:1px solid var(--border)}.feature-item{display:flex;align-items:baseline;gap:.85rem;padding:.7rem .75rem;color:var(--fg);border-bottom:1px solid var(--border);transition:background-color .12s ease,color .12s ease}.feature-item:hover{text-decoration:none;background:var(--accent);color:var(--accent-fg)}.feature-item__label{flex:none}.feature-item__title{font-weight:600;font-size:1rem;line-height:1.3;letter-spacing:-.01em}.feature-item:hover .feature-item__title{color:var(--accent-fg)}.feature-item:hover .pill{color:var(--accent-fg);background:0 0;border-color:var(--accent-fg)}.section-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1rem}.section-head h1,.section-head h2{font-size:clamp(2rem,7vw,3.4rem);font-weight:700}.section-head .count{font-family:var(--font-mono);color:var(--accent);font-size:1rem}[data-kind=home] .intro h1{font-size:clamp(1.2rem,3vw,1.55rem)}[data-kind=home] .section-head h2{font-size:clamp(1rem,2.5vw,1.3rem)}.post-list{list-style:none;padding:0;margin:0}.post-list__row{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;align-items:baseline;padding:.85rem .4rem;border-bottom:1px solid var(--border);transition:background .12s ease,padding .12s ease}.post-list__row:hover{background:var(--surface)}.post-list__date{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-subtle);white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.post-list__date::before{content:"";width:.5rem;height:.5rem;background:var(--accent);flex:none}.post-list__title{font-size:1.15rem;font-weight:550;color:var(--fg);letter-spacing:-.01em}.post-list__row:hover .post-list__title{color:var(--accent)}.post-list__title a{color:inherit}.post-list__title a:hover{text-decoration:none}.post-list__link::after{content:"";position:absolute;inset:0}.post-list__row{position:relative}.post-list__series{display:inline-block;margin-left:.55rem;font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:.08rem .5rem .02rem;vertical-align:.12em;white-space:nowrap}@media(max-width:34rem){.post-list__row{grid-template-columns:1fr;gap:.25rem}}.series-layout{display:grid;grid-template-columns:minmax(0,1fr)22rem;gap:clamp(1.5rem,5vw,3.5rem);align-items:start}.series-tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.series-detail .post-hero{padding-block:clamp(1rem,4vw,2rem)1rem;margin-bottom:1rem}.series-detail .prose{max-width:var(--measure)}.series-detail .post-hero__desc{font-size:.95rem}.series-panel{position:sticky;top:calc(var(--header-h) + 1.5rem);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.series-panel__head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.series-posts{list-style:none;margin:0;padding:0;max-height:calc(100vh - var(--header-h) - 8rem);overflow-y:auto;scrollbar-width:thin}.series-posts__row{border-bottom:1px solid var(--border)}.series-posts__row:last-child{border-bottom:0}.series-posts__link{display:flex;gap:.8rem;padding:.75rem 1rem;color:var(--fg);align-items:baseline}.series-posts__link:hover{background:var(--surface);text-decoration:none}.series-posts__num{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent);flex:none}.series-posts__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.series-posts__title{font-weight:550;letter-spacing:-.01em;line-height:1.3}.series-posts__link:hover .series-posts__title{color:var(--accent)}.series-posts__date{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-subtle)}@media(max-width:60rem){.series-layout{grid-template-columns:1fr}.series-panel{position:static}.series-posts{max-height:none}}.pagination{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;font-family:var(--font-mono);font-size:var(--fs-sm)}.pagination a{padding:.4rem .8rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-muted)}.pagination a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.pagination__spacer{flex:1}.post-hero{position:relative;padding-block:clamp(1.5rem,6vw,3.5rem);margin-bottom:1.5rem}.post-hero__title{font-size:clamp(2rem,6vw,3.6rem);font-weight:700}.post-hero__desc{margin-top:1rem;font-size:1.15rem;color:var(--fg-muted);max-width:var(--measure)}.post-grid{position:relative;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}.post-meta-rail{position:sticky;top:calc(var(--header-h) + 1.5rem);display:flex;flex-direction:column;gap:1rem;font-size:var(--fs-sm);max-height:calc(100vh - var(--header-h) - 3rem);overflow:hidden}.rail-body{display:flex;flex-direction:column;gap:1.4rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.rail-body::-webkit-scrollbar{width:0;height:0}.post-article{min-width:0}.post-article>.label{display:block;margin-bottom:1.2rem}.rail-toggle{align-self:stretch;display:flex;align-items:center;gap:.65rem;margin-bottom:0;padding:.15rem 0 .1rem;background:0 0;border:0;cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);transition:color .15s}.rail-toggle::after{content:"";flex:1;height:0;border-top:1px solid var(--border);transition:border-color .15s}.rail-toggle:hover::after{border-color:var(--accent)}.rail-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:60.0625rem){[data-rail=collapsed] .post-grid{grid-template-columns:max-content minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem)}[data-rail=collapsed] .rail-body{display:none}[data-rail=collapsed] .rail-toggle{flex-direction:column-reverse;align-items:center;gap:.55rem;padding:.5rem .35rem .6rem}[data-rail=collapsed] .rail-toggle__text{writing-mode:vertical-rl}[data-rail=collapsed] .rail-toggle::after{flex:none;width:0;height:1.5rem;border-top:0;border-left:1px solid var(--border)}}@media(max-width:60rem){.post-grid{grid-template-columns:1fr;gap:1.5rem}.post-meta-rail{position:static;max-height:none;overflow:visible;border-bottom:1px solid var(--border);padding-bottom:1.4rem}.rail-toggle{display:none}}.meta-block{display:flex;flex-direction:column;gap:.4rem}.meta-block__label{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}.meta-block__value{color:var(--fg);font-family:var(--font-mono)}a.meta-block__link{text-decoration:none;transition:color .15s}a.meta-block__link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.meta-pills{display:flex;flex-wrap:wrap;gap:.4rem}.meta-tags{display:flex;align-items:flex-start;gap:.4rem}.meta-tags__list{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0;flex:1}.tags-expand{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;font-family:var(--font-mono);line-height:1;color:var(--fg-muted);border:1px solid var(--border-strong);border-radius:var(--radius)}.tags-expand::before{content:"+";font-size:.95rem}.meta-tags.is-expanded .tags-expand::before{content:"\2212"}.tags-expand:hover{color:var(--accent);border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--fg-muted);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.2rem .55rem;text-transform:uppercase;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.pill:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.pill .count{color:var(--fg-subtle)}.breadcrumbs{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-subtle);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.35rem}.breadcrumbs a{color:var(--fg-muted)}.breadcrumbs .sep{color:var(--border-strong)}.post-meta-line{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-subtle);display:flex;flex-wrap:wrap;gap:.5rem 1rem}.toc{font-size:var(--fs-sm)}.toc summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}.toc nav ul{list-style:none;padding-left:0;border-left:1px solid var(--border)}.toc nav ul ul{padding-left:.8rem}.toc nav li{margin:0}.toc nav a{display:block;padding:.22rem 0 .22rem .8rem;margin-left:-1px;color:var(--fg-muted);border-left:2px solid transparent;line-height:1.35}.toc nav a:hover{color:var(--fg);text-decoration:none}.toc nav a.is-active{color:var(--accent);border-left-color:var(--accent)}.callout{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:var(--radius);padding:.9rem 1.1rem;margin:1.5em 0}.callout>*:first-child{margin-top:0}.callout__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.callout--note{border-left-color:var(--accent)}.callout--tip{border-left-color:#16a34a}.callout--tip .callout__label{color:#16a34a}.callout--warning{border-left-color:#d97706}.callout--warning .callout__label{color:#d97706}.callout--important{border-left-color:#7c3aed}.callout--important .callout__label{color:#7c3aed}.callout--caution{border-left-color:#dc2626}.callout--caution .callout__label{color:#dc2626}.expand{border:1px solid var(--border);border-radius:var(--radius);margin:1.5em 0;overflow:hidden}.expand>summary{cursor:pointer;padding:.7rem 1rem;font-weight:550;background:var(--surface);list-style:none}.expand>summary::-webkit-details-marker{display:none}.expand>summary::before{content:"+";font-family:var(--font-mono);color:var(--accent);margin-right:.6rem}.expand[open]>summary::before{content:"\2212"}.expand__body{padding:.4rem 1rem 1rem}.icon-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-muted);transition:color .12s ease,border-color .12s ease,transform .12s ease}.icon-btn:hover{color:var(--accent);border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.icon-btn svg{width:1.15rem;height:1.15rem}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-nav a{display:block;height:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;color:var(--fg)}.post-nav a:hover{border-color:var(--accent);text-decoration:none}.post-nav .dir{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.1em}.post-nav .next{text-align:right}.post-nav .t{display:block;margin-top:.25rem;color:var(--fg-muted)}.post-nav a:hover .t{color:var(--accent)}@media(max-width:34rem){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}}.search{max-width:var(--measure)}.search__box{display:flex;align-items:center;gap:.6rem;border:1px solid var(--border-strong);border-radius:var(--radius);padding:.7rem .9rem;background:var(--bg-elevated)}.search__box:focus-within{border-color:var(--accent)}.search__box svg{width:1.1rem;height:1.1rem;color:var(--fg-subtle);flex:none}.search__input{width:100%;border:none;background:0 0;outline:none;font-size:1.05rem}.search__hint{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-subtle);margin-top:.5rem}.search__results{list-style:none;padding:0;margin:1.5rem 0 0}.search__results li{border-bottom:1px solid var(--border)}.search__results a{display:block;padding:.9rem .4rem;color:var(--fg)}.search__results a:hover,.search__results a.is-active{background:var(--surface);text-decoration:none}.search__results .t{font-weight:550}.search__results .s{color:var(--fg-muted);font-size:var(--fs-sm);margin-top:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search__results mark{background:var(--accent-weak);color:inherit;padding:0 1px;border-radius:2px}.search__empty{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-subtle);padding:1rem .4rem}.search-overlay{position:fixed;inset:0;z-index:250;display:flex;justify-content:center;align-items:flex-start}.search-overlay[hidden]{display:none}.search-overlay__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 30%,transparent);backdrop-filter:blur(1.5px)saturate(1.1);-webkit-backdrop-filter:blur(1.5px)saturate(1.1);opacity:0;transition:opacity .2s ease}.search-overlay__backdrop::after{content:"";position:absolute;inset:0;background-color:var(--dither-fg);-webkit-mask-image:var(--dither);mask-image:var(--dither);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat;image-rendering:pixelated;opacity:.14}.search-overlay.is-open .search-overlay__backdrop{opacity:1}.search-overlay__panel{position:relative;margin-top:12vh;width:min(92vw,40rem);max-height:76vh;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent);backdrop-filter:blur(14px)saturate(1.4);-webkit-backdrop-filter:blur(14px)saturate(1.4);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem;opacity:0;transform:translateY(-10px)scale(.98);transition:transform .2s ease,opacity .2s ease}.search-overlay__panel::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-color:var(--dither-fg);-webkit-mask-image:var(--dither);mask-image:var(--dither);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat;opacity:.05}.search-overlay__panel>*{position:relative;z-index:1}.search-overlay.is-open .search-overlay__panel{opacity:1;transform:none}.search-overlay .search__box{margin:0}.search-overlay__close{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-subtle);border:1px solid var(--border-strong);border-radius:4px;padding:.15rem .45rem;flex:none}.search-overlay__close:hover{color:var(--fg);border-color:var(--fg-subtle)}.search-overlay .search__results{margin-top:.8rem;overflow-y:auto}body.search-open{overflow:hidden}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,150%);z-index:300;display:flex;align-items:center;gap:.7rem;background:var(--fg);color:var(--bg);border-radius:var(--radius);padding:.7rem 1rem;box-shadow:var(--shadow);font-size:var(--fs-sm);max-width:min(92vw,24rem);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .35s ease}.toast.is-visible{transform:translate(-50%,0);opacity:1}.toast .badge{font-family:var(--font-pixel);color:var(--accent);font-size:1.1rem}.toast .toast__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;opacity:.7;display:block}.fab{position:fixed;right:clamp(.9rem,2.5vw,1.5rem);bottom:clamp(.9rem,2.5vw,1.5rem);z-index:200;display:flex;flex-direction:column-reverse;align-items:center;gap:.55rem}.fab__main,.fab__action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:50%;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:blur(8px)saturate(1.2);-webkit-backdrop-filter:blur(8px)saturate(1.2);color:var(--fg-muted);box-shadow:var(--shadow);transition:color .15s ease,border-color .15s ease,transform .15s ease,opacity .18s ease}.fab__main{width:2.85rem;height:2.85rem}.fab__action{width:2.5rem;height:2.5rem}.fab__main svg{width:1.2rem;height:1.2rem}.fab__action svg{width:1.1rem;height:1.1rem}.fab__main:hover,.fab__action:hover,.fab__main:focus-visible,.fab__action:focus-visible{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.fab__actions{display:flex;flex-direction:column;align-items:center;gap:.55rem;opacity:0;visibility:hidden;transform:translateY(.6rem)scale(.9);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.fab:hover .fab__actions,.fab:focus-within .fab__actions,.fab.is-open .fab__actions{opacity:1;visibility:visible;transform:none;pointer-events:auto}.fab.is-open .fab__main{color:var(--accent);border-color:var(--accent)}.fab__mute-off{display:none}.fab.is-muted .fab__mute-on{display:none}.fab.is-muted .fab__mute-off{display:inline-flex}.fab.is-muted .fab__mute{color:var(--fg-subtle)}.notfound{text-align:center;padding-block:clamp(3rem,12vw,8rem)}.notfound__code{font-family:var(--font-pixel);font-size:clamp(4rem,20vw,10rem);color:var(--accent);line-height:1}.notfound p{color:var(--fg-muted);margin-top:1rem}.home-split{display:flex;align-items:stretch;gap:clamp(1rem,3vw,2rem);margin-bottom:2.75rem}.home-split__main{flex:auto;min-width:0}.home-split .featured{margin-bottom:0}.home-split .tag-graph-section{flex:0 0 clamp(14rem,28%,18rem);margin:0;margin-top:2.25rem;display:flex}@media(max-width:52rem){.home-split{flex-wrap:wrap}.home-split .tag-graph-section{flex-basis:100%;min-height:16rem}}.tag-graph{position:relative;flex:auto;margin:0;background:0 0}.tag-graph::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--grid-line) 1px,transparent 1px)0 0/var(--grid-size)var(--grid-size),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px)0 0/var(--grid-size)var(--grid-size);-webkit-mask-image:radial-gradient(ellipse 82% 82% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 82% 82% at 50% 50%,#000 35%,transparent 100%)}.tag-graph__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}:root{--syn-comment:#6e7781;--syn-keyword:#cf222e;--syn-string:#0a7d33;--syn-number:#0550ae;--syn-func:#8250df;--syn-type:#953800;--syn-op:#0a0a0a;--syn-var:#24292f;--syn-err:#cf222e}[data-theme=dark]{--syn-comment:#8b949e;--syn-keyword:#ff7b72;--syn-string:#7ee787;--syn-number:#79c0ff;--syn-func:#d2a8ff;--syn-type:#ffa657;--syn-op:#f4f4f5;--syn-var:#e6edf3;--syn-err:#ff7b72}.code-block{margin:1.6em 0;border:1px solid var(--code-border);border-radius:var(--radius);background:var(--code-bg);overflow:hidden}.code-block__head{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem .4rem .9rem;border-bottom:1px solid var(--code-border);background:var(--surface)}.code-block__lang{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle)}.code-copy{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);padding:.25rem .5rem;border-radius:var(--radius)}.code-copy:hover{color:var(--accent);background:var(--bg-elevated)}.code-copy svg{width:.9rem;height:.9rem}.code-copy.is-copied{color:#16a34a}.code-block pre,.prose pre{margin:0;padding:.9rem 1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;background:var(--code-bg);color:var(--code-fg);-webkit-overflow-scrolling:touch}.code-block pre code,.prose pre code{font-family:inherit;background:0 0;border:none;padding:0;font-size:inherit}.prose>pre{border:1px solid var(--code-border);border-radius:var(--radius)}.code-block--mermaid{position:relative;border-color:transparent;background:0 0}.code-block--mermaid pre.mermaid{text-align:center;line-height:normal;padding:3rem 1.5rem 1.75rem;background:0 0}.code-block--mermaid.is-static pre.mermaid{padding-top:1.75rem}.code-block--mermaid .code-block__head{position:absolute;inset:0 0 auto 0;z-index:3;opacity:0;pointer-events:none;transition:opacity .15s ease}.code-block--mermaid:hover,.code-block--mermaid:focus-within,.code-block--mermaid.is-zoomable{border-color:var(--code-border);background:var(--code-bg)}.code-block--mermaid:hover .code-block__head,.code-block--mermaid:focus-within .code-block__head{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.code-block--mermaid .code-block__head{transition:none}}.code-block--mermaid.is-static{border-color:var(--code-border);background:var(--code-bg)}.code-block--mermaid.is-static .code-block__head{position:static;opacity:1;pointer-events:auto}.code-block--mermaid.is-zoomable pre.mermaid{max-height:70vh;overflow:hidden;cursor:grab;touch-action:none;user-select:none;text-align:left}.code-block--mermaid.is-zoomable.is-panning pre.mermaid{cursor:grabbing}.mermaid-zoom{position:absolute;right:.5rem;bottom:.5rem;display:inline-flex;align-items:stretch;gap:1px;padding:2px;background:var(--surface);border:1px solid var(--code-border);border-radius:var(--radius);opacity:.55;transition:opacity .15s ease;z-index:2}.code-block--mermaid:hover .mermaid-zoom,.code-block--mermaid:focus-within .mermaid-zoom{opacity:1}.mermaid-zoom button{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);min-width:1.75rem;padding:.2rem .45rem;border-radius:calc(var(--radius) - 1px);line-height:1.2}.mermaid-zoom button:hover{color:var(--accent);background:var(--bg-elevated)}.mermaid-zoom button[data-z=reset]{min-width:3rem}@media(prefers-reduced-motion:reduce){.mermaid-zoom{transition:none}}pre.mermaid:not([data-processed]){color:transparent;min-height:2.5rem}pre.mermaid svg{max-width:100%;height:auto}.chroma{background:0 0}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--syn-comment);font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:var(--syn-keyword)}.chroma .kt{color:var(--syn-type)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:var(--syn-string)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--syn-number)}.chroma .nf,.chroma .fm{color:var(--syn-func)}.chroma .nb,.chroma .bp{color:var(--syn-type)}.chroma .nt{color:var(--syn-keyword)}.chroma .nc,.chroma .nn,.chroma .no,.chroma .ne{color:var(--syn-type)}.chroma .na{color:var(--syn-func)}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .nl{color:var(--syn-var)}.chroma .o,.chroma .ow{color:var(--syn-op)}.chroma .p{color:var(--code-fg)}.chroma .gd{color:#cf222e;background:rgba(207,34,46,.12)}.chroma .gi{color:#16a34a;background:rgba(22,163,74,.12)}.chroma .gh,.chroma .gu{color:var(--syn-func);font-weight:600}.chroma .err{color:var(--syn-err)}:root{--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Crect width='1' height='1' x='0' y='0'/%3E%3Crect width='1' height='1' x='2' y='2'/%3E%3C/svg%3E");--plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Crect x='5' y='0' width='1' height='11'/%3E%3Crect x='0' y='5' width='11' height='1'/%3E%3C/svg%3E")}.post-hero{isolation:isolate}.post-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--dither-fg);-webkit-mask-image:var(--dither);mask-image:var(--dither);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat;opacity:.05;-webkit-mask-composite:source-in}.hero-marks{position:absolute;inset:0;pointer-events:none;background-color:var(--border-strong);-webkit-mask:var(--plus)left top no-repeat,var(--plus)right top no-repeat,var(--plus)left bottom no-repeat,var(--plus)right bottom no-repeat;mask:var(--plus)left top no-repeat,var(--plus)right top no-repeat,var(--plus)left bottom no-repeat,var(--plus)right bottom no-repeat;-webkit-mask-size:11px 11px;mask-size:11px 11px}.dither-rule{height:4px;border:0;margin:2.5rem 0;background-color:var(--dither-fg);opacity:.18;-webkit-mask-image:var(--dither);mask-image:var(--dither);-webkit-mask-size:4px 4px;mask-size:4px 4px}.cover{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);margin-top:1.5rem;line-height:0}.cover img{width:100%;filter:url(#tb-duotone)contrast(1.05);transition:filter .45s ease}.cover::after{content:"";position:absolute;inset:0;pointer-events:none;background-color:var(--dither-fg);-webkit-mask-image:var(--dither);mask-image:var(--dither);-webkit-mask-size:3px 3px;mask-size:3px 3px;mix-blend-mode:overlay;opacity:.55;transition:opacity .45s ease}.cover:hover img,.cover:focus-within img{filter:none}.cover:hover::after,.cover:focus-within::after{opacity:0}.pixelated{image-rendering:pixelated}