@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format('woff2')}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format('woff2')}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format('woff2')}@font-face{font-family:jetbrains mono;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format('woff2')}:root{--bg:#0a0e13;--panel:#0f151c;--line:#1d2833;--line-soft:#161f28;--ink:#e8eef2;--muted:#8b9daa;--dim:#61717e;--green:#7fd4a3;--teal:#5eb8c9;--copper:#c9915e;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{max-width:880px;margin:0 auto;padding:0 28px}a{color:var(--green);text-decoration:none;border-bottom:1px solid rgba(127,212,163,.28);transition:border-color .15s,color .15s}a:hover{border-bottom-color:var(--green)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}header{padding:64px 0 12px}.banner{width:100%;border-radius:6px;border:1px solid var(--line);display:block}h1{font-size:clamp(38px,7vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:44px 0 0}.role{font-family:var(--mono);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-top:18px}.lede{font-size:clamp(19px,2.4vw,22px);color:var(--muted);margin-top:24px;max-width:62ch}.lede b{color:var(--ink);font-weight:600}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.links a{font-family:var(--mono);font-size:14px;border:1px solid var(--line);border-radius:999px;padding:9px 18px;color:var(--ink);background:var(--panel)}.links a:hover{border-color:var(--green);color:var(--green)}section{padding:64px 0 0}h2{font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-weight:400;padding-bottom:14px;border-bottom:1px solid var(--line)}.intro{color:var(--muted);margin-top:20px}.proj{display:block;border:none;padding:26px 0;border-bottom:1px solid var(--line);color:inherit}.proj:hover .name{color:var(--green)}.ptop{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.name{font-size:24px;font-weight:700;letter-spacing:-.01em;transition:color .15s}.stack{font-family:var(--mono);font-size:13px;color:var(--teal)}.desc{color:var(--muted);margin-top:8px;max-width:66ch}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-family:var(--mono);font-size:12.5px;color:var(--ink);border:1px solid rgba(127,212,163,.26);background:rgba(127,212,163,5%);border-radius:999px;padding:5px 13px;white-space:nowrap}.chip.warm{border-color:rgba(201,145,94,.3);background:rgba(201,145,94,6%);color:var(--copper)}ul.posts{list-style:none;margin-top:8px}ul.posts li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:20px}ul.posts a{border:none;font-size:17.5px}ul.posts a:hover{color:var(--teal)}ul.posts time{font-family:var(--mono);font-size:13px;color:var(--dim);white-space:nowrap;flex-shrink:0}.note{color:var(--dim);font-size:15px;margin-top:22px}.entry{padding:30px 0;border-bottom:1px solid var(--line)}.entry time{font-family:var(--mono);font-size:13px;color:var(--dim)}.entry h2{font-family:var(--sans);font-size:25px;font-weight:700;letter-spacing:-.015em;text-transform:none;color:var(--ink);border:none;padding:0;margin-top:8px;line-height:1.25}.entry h2 a{color:inherit;border:none}.entry h2 a:hover{color:var(--green)}.meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:14px;font-family:var(--mono);font-size:12.5px;color:var(--dim)}.tag{border:1px solid var(--line);border-radius:999px;padding:3px 11px;color:var(--muted)}.tag:hover,.chip:hover{border-color:var(--green);color:var(--green)}.page-head{padding:56px 0 0}.back{font-family:var(--mono);font-size:14px;color:var(--muted);border:none}.back:hover{color:var(--green)}.page-head h1{font-size:clamp(30px,5.2vw,44px);margin-top:22px;line-height:1.12}.page-head .meta{margin-top:20px}.feature{width:100%;height:auto;margin-top:40px;border-radius:6px;border:1px solid var(--line);display:block}.toc{margin:40px 0 0;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:16px 20px}.toc summary{cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.toc ul{margin:14px 0 0 18px;font-size:15.5px}.toc li{margin:5px 0}.toc a{border:none;color:var(--muted)}.toc a:hover{color:var(--green)}.series{margin-top:56px}.series-toc ol{margin:14px 0 0 22px;font-size:15.5px;color:var(--muted)}.series-toc li{margin:5px 0}.series-toc li.on{color:var(--ink)}.series-toc a{border:none;color:var(--muted)}.series-toc a:hover{color:var(--green)}.series-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.series-link{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:6px;color:var(--ink);transition:border-color .15s}.series-link:hover{border-color:var(--green)}.series-link:hover .t{color:var(--green)}.series-link .dir{font-family:var(--mono);font-size:12.5px;color:var(--dim)}.series-link .t{font-size:16.5px;line-height:1.35;transition:color .15s}.series-link.next{grid-column:2;text-align:right}@media(max-width:640px){.series-nav{grid-template-columns:1fr}.series-link.next{grid-column:1;text-align:left}}.prose{margin-top:44px;font-size:18px;line-height:1.72}.prose>*+*{margin-top:1.35em}.prose h2,.prose h3,.prose h4{font-family:var(--sans);color:var(--ink);text-transform:none;letter-spacing:-.015em;border:none;padding:0;line-height:1.3}.prose h2{font-size:29px;font-weight:700;margin-top:2.2em;padding-bottom:.35em;border-bottom:1px solid var(--line-soft)}.prose h3{font-size:22px;font-weight:600;margin-top:1.9em}.prose h4{font-size:18.5px;font-weight:600;margin-top:1.6em;color:var(--muted)}.prose p{color:#d3dde4}.prose strong{color:var(--ink);font-weight:600}.prose em{color:var(--muted)}.prose ul,.prose ol{padding-left:1.4em;color:#d3dde4}.prose li{margin:.45em 0}.prose li::marker{color:var(--dim)}.prose blockquote{border-left:2px solid var(--copper);padding:2px 0 2px 22px;color:var(--muted);font-style:normal}.prose hr{border:0;border-top:1px solid var(--line);margin:2.6em 0}.prose img,.prose video{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}.prose figure figcaption{font-size:14.5px;color:var(--dim);margin-top:10px;text-align:center}.prose table{width:100%;border-collapse:collapse;font-size:15.5px;font-variant-numeric:tabular-nums}.prose thead th{text-align:left;font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:400;padding:0 14px 10px;border-bottom:1px solid var(--line)}.prose tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);color:#d3dde4}.prose tbody tr:hover td{background:rgba(127,212,163,3%)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.prose code{font-family:var(--mono);font-size:.87em;background:var(--panel);border:1px solid var(--line-soft);border-radius:4px;padding:.14em .4em;color:var(--green)}.prose pre{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px 20px;overflow-x:auto;font-size:14.5px;line-height:1.6;-webkit-overflow-scrolling:touch}.prose pre code{background:0 0;border:none;padding:0;font-size:inherit;color:#cfdae2}.highlight{margin:0}.chroma{color:#cfdae2;background:0 0}.chroma .err{color:#e06c75}.chroma .c,.chroma .c1,.chroma .cm,.chroma .cs,.chroma .cp,.chroma .cpf,.chroma .ch{color:#5f7183;font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt{color:var(--green)}.chroma .nf,.chroma .nx,.chroma .na,.chroma .nd{color:var(--teal)}.chroma .nc,.chroma .nn,.chroma .no,.chroma .ne{color:#9ecbb5}.chroma .nt,.chroma .nl{color:#9ecbb5}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .nb,.chroma .bp{color:#a8c7d6}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .ss,.chroma .sa,.chroma .dl{color:var(--copper)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .il{color:#d9a679}.chroma .o,.chroma .ow,.chroma .p{color:#8b9daa}.chroma .gd{color:#e06c75;background:rgba(224,108,117,8%)}.chroma .gi{color:var(--green);background:rgba(127,212,163,8%)}.chroma .gu{color:var(--dim)}.chroma .gs{font-weight:600}.chroma .ge{font-style:italic}.chroma .hl{background:rgba(94,184,201,.1);display:block}.chroma .lnt,.chroma .ln{color:var(--dim);user-select:none}.subscribe{padding-top:64px}.subscribe p{color:var(--muted);margin-top:20px;max-width:56ch}.sub-form{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.sub-form input{flex:1 1 260px;min-width:0;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:12px 20px}.sub-form input::placeholder{color:var(--dim)}.sub-form input:focus{outline:none;border-color:var(--green)}.sub-form button{font-family:var(--mono);font-size:14px;cursor:pointer;color:var(--bg);background:var(--green);border:1px solid var(--green);border-radius:999px;padding:12px 26px;transition:opacity .15s}.sub-form button:hover{opacity:.86}.fineprint{font-size:14.5px;color:var(--dim);margin-top:16px}footer{padding:72px 0 64px;color:var(--dim);font-family:var(--mono);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:64px;border-top:1px solid var(--line-soft)}footer a{color:var(--muted);border:none}footer a:hover{color:var(--green)}.colophon{display:inline-flex;align-items:center;gap:11px}.turtle{width:auto;height:auto}h1 .turtle{height:.78em;margin-right:.36em;vertical-align:-.13em}footer .turtle{height:32px;flex:none}@media(prefers-reduced-motion:no-preference){h1 .turtle{transition:transform .2s}h1:hover .turtle{transform:translateY(-2px)}}.notfound{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.notfound .code{font-family:var(--mono);font-size:15px;letter-spacing:.2em;color:var(--teal)}.notfound h1{margin-top:20px}.notfound p{color:var(--muted);margin-top:18px;max-width:44ch}.notfound .rule{width:64px;height:2px;background:var(--copper);margin:32px auto}.sidebar{padding-top:28px}.side-block+.side-block{margin-top:22px}.sidebar h2{font-size:12px;padding-bottom:10px}.side-list{list-style:none}.side-list,.side-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.side-list a,.side-tags a{font-family:var(--mono);font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}.side-list a:hover,.side-tags a:hover{border-color:var(--green);color:var(--green)}.side-list a.on,.side-tags a.on{border-color:var(--green);color:var(--green);background:rgba(127,212,163,6%)}.side-list .n{color:var(--dim);margin-left:6px}@media(min-width:1140px){.wrap{max-width:1136px;display:grid;grid-template-columns:200px minmax(0,824px);column-gap:56px;justify-content:center;align-items:start}.sidebar{grid-column:1;grid-row:1;align-self:start;position:sticky;top:40px;padding-top:64px;max-height:calc(100vh - 64px);overflow-y:auto}.content{grid-column:2;grid-row:1;min-width:0}footer{grid-column:2;grid-row:2}.side-list{display:block;margin-top:12px}.side-list a{display:flex;justify-content:space-between;gap:10px;border:none;border-radius:0;padding:6px 0;font-size:13.5px;white-space:normal}.side-list a.on{background:0 0}}@media(max-width:560px){body{font-size:16.5px}header{padding-top:36px}section{padding-top:48px}.prose{font-size:17px}ul.posts li{flex-direction:column;gap:6px}footer .turtle{height:26px}}