:root{--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-serif:"Spectral", "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg:#f4f4f1;--bg-raised:#ebebe7;--ink:#1b1d1c;--ink-soft:#3d413f;--ink-mute:#767b77;--line:#d9dad5;--accent:#4a6a8c;--live:#3f8f5f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#131514;--bg-raised:#1b1e1c;--ink:#e6e8e3;--ink-soft:#b3b8b2;--ink-mute:#7f857f;--line:#2a2e2b;--accent:#a3b9d1;--live:#6fcf97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:48px}body{background:var(--bg);color:var(--ink-soft);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:28px;transition:background-color .2s,color .2s}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}a{color:inherit;text-decoration:none}:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3,p{margin:0}.shell{align-items:flex-start;min-height:100vh;display:flex}.main{flex:auto;min-width:0;padding:72px 48px 120px}.stack{flex-direction:column;gap:112px;max-width:600px;display:flex}.section{flex-direction:column;gap:24px;display:flex}.side{flex-direction:column;flex:0 0 248px;height:100vh;padding:48px 48px 40px;display:flex;position:sticky;top:0}.side-top{justify-content:space-between;align-items:flex-start;display:flex}.side-profile{flex-direction:column;display:flex}.avatar{background:var(--bg-raised);border:1px solid var(--line);width:56px;height:56px;color:var(--ink);font-family:var(--font-serif);letter-spacing:.02em;border-radius:50%;place-items:center;margin-bottom:16px;font-size:22px;font-style:italic;display:grid}.side-name{font-family:var(--font-serif);color:var(--ink);letter-spacing:.01em;font-size:22px;line-height:28px}.side-role{color:var(--ink-mute);margin-top:6px;font-size:14px;line-height:20px}.side-nav{flex-direction:column;gap:6px;margin-top:56px;display:flex}.side-nav a{color:var(--ink-mute);padding-left:18px;font-size:14px;line-height:28px;transition:color .15s;position:relative}.side-nav a:hover,.side-nav a[aria-current]{color:var(--ink)}.side-nav a[aria-current]:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0}.side-foot{border-top:1px solid var(--line);font-family:var(--font-mono);flex-direction:column;gap:16px;margin-top:auto;padding-top:32px;font-size:12px;line-height:18px;display:flex}.side-links{flex-wrap:wrap;gap:4px 16px;display:flex}.side-links a{color:var(--ink-mute)}.side-links a:hover{color:var(--ink)}.side-copy{color:var(--ink-mute)}.btn{appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0}.toggle{font-family:var(--font-mono);align-self:flex-start;align-items:center;gap:8px;font-size:12px;display:inline-flex}.toggle:hover{color:var(--ink)}.toggle-glyph{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1.5px solid;border-radius:50%;width:10px;height:10px}.menu-btn{display:none}h1{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);font-size:44px;font-weight:300;line-height:50px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-head h2{font-family:var(--font-serif);color:var(--ink);font-size:32px;font-weight:300;line-height:40px}.mono-aside{font-family:var(--font-mono);color:var(--ink-mute);white-space:nowrap;font-size:12px;line-height:18px}.mono-line{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px;line-height:20px}.muted{color:var(--ink-mute)}.metric{color:var(--ink)}.sep{color:var(--ink-mute)}.arrow{transition:transform .15s;display:inline-block}.link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .15s}.link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.link:hover .arrow{transform:translate(1px,-1px)}.about-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pills{flex-direction:column;align-items:flex-start;gap:10px;padding-top:8px;display:flex}.pill{border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:3px 14px;font-size:14px;line-height:22px;display:inline-flex}a.pill:hover{border-color:var(--ink-mute)}a.pill:hover .arrow{transform:translate(2px)}.pulse{background:var(--live);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 60%, transparent);border-radius:50%;animation:2.4s ease-out infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:1px 12px;font-size:14px;line-height:24px}.prose{color:var(--ink-soft);flex-direction:column;gap:16px;display:flex}.prose h2{font-family:var(--font-serif);color:var(--ink);margin-top:24px;font-size:24px;font-weight:400;line-height:32px}.prose em{font-family:var(--font-serif);color:var(--ink);font-size:1.06em}.prose code{background:var(--bg-raised);font-family:var(--font-mono);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:.82em}.prose pre{border:1px solid var(--line);background:var(--bg-raised);font-family:var(--font-mono);color:var(--ink);border-radius:8px;margin:4px 0;padding:16px 18px;font-size:13px;line-height:22px;overflow-x:auto}.prose ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.prose li::marker{color:var(--ink-mute)}.prose h3{color:var(--ink);margin-top:12px;font-size:17px;font-weight:500;line-height:26px}.prose strong{color:var(--ink);font-weight:500}.prose ol{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.prose ol li::marker{font-family:var(--font-mono);color:var(--ink-mute);font-size:.85em}.prose blockquote{border-left:2px solid var(--accent);font-family:var(--font-serif);color:var(--ink);margin:4px 0;padding:2px 0 2px 18px;font-size:1.08em;font-style:italic}.table-scroll{margin:4px 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:14px;line-height:22px}.prose th{border-bottom:1px solid var(--ink-mute);font-family:var(--font-mono);letter-spacing:.04em;text-align:left;text-transform:lowercase;color:var(--ink-mute);white-space:nowrap;padding:8px 12px 8px 0;font-size:11px;font-weight:400}.prose td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px 9px 0}.prose td code{white-space:nowrap}.diagram{margin:12px 0;padding:0}.diagram-scroll{border:1px solid var(--line);border-radius:10px;padding:20px 16px;overflow-x:auto}.diagram svg{width:100%;min-width:540px;height:auto;display:block}.diagram figcaption{font-family:var(--font-mono);color:var(--ink-mute);margin-top:10px;font-size:12px;line-height:19px}.dg-node{fill:var(--bg-raised);stroke:var(--line);stroke-width:1px}.dg-node.is-accent{stroke:var(--accent);stroke-width:1.4px}.dg-muted{fill:none;stroke:var(--ink-mute);stroke-dasharray:4 3}.dg-ref{fill:var(--bg);stroke:var(--ink-mute)}.dg-label{fill:var(--ink);font-family:var(--font-sans);font-size:13.5px;font-weight:500}.dg-ref-label,.dg-commit-label{fill:var(--ink);font-family:var(--font-mono);font-size:12px}.dg-sub{fill:var(--ink-mute);font-family:var(--font-mono);font-size:10.5px}.dg-note{fill:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px}.dg-commit{fill:var(--bg-raised);stroke:var(--ink-mute);stroke-width:1.2px}.dg-commit.is-accent{stroke:var(--accent);stroke-width:1.8px}.dg-edge{fill:none;stroke:var(--ink-mute);stroke-width:1.2px}.dg-edge.is-dashed{stroke-dasharray:4 3}.dg-edge.is-accent{stroke:var(--accent);stroke-width:1.5px}.dg-arrow{fill:var(--ink-mute)}.dg-arrow-accent{fill:var(--accent)}.dg-elabel{fill:var(--ink-soft);font-family:var(--font-mono);font-size:10.5px}.dg-elabel-bg{fill:var(--bg)}.dg-group{fill:none;stroke:var(--line);stroke-width:1.2px;stroke-dasharray:2 4}.dg-glabel{fill:var(--ink-mute);font-family:var(--font-mono);font-size:10.5px}.dg-lifeline{stroke:var(--line);stroke-width:1.2px;stroke-dasharray:3 4}.timeline{margin:8px 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:10px;left:4px}.tl-item{grid-template-columns:1fr auto;column-gap:16px;padding:0 0 36px 32px;display:grid;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{border:1.5px solid var(--line);background:var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:0}.tl-item.is-current .tl-dot{border-color:var(--accent)}.tl-role{color:var(--ink);font-weight:500}.tl-when{font-family:var(--font-mono);color:var(--ink-mute);text-align:right;white-space:nowrap;font-size:12px;line-height:28px}.tl-item.is-current .tl-when{color:var(--accent)}.tl-org{font-family:var(--font-serif);color:var(--ink-mute);grid-column:1/-1;font-size:16px;font-style:italic;line-height:24px}.tl-note{color:var(--ink-soft);grid-column:1/-1;margin-top:6px;font-size:15px;line-height:24px}.list{flex-direction:column;gap:36px;display:flex}.entry{flex-direction:column;gap:6px;display:flex}.entry-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.entry h3{color:var(--ink);font-size:17px;font-weight:500;line-height:26px}.entry-body{font-size:15px;line-height:26px}.highlights{color:var(--ink-soft);flex-direction:column;gap:4px;margin:4px 0 2px;padding-left:18px;font-size:14.5px;line-height:24px;display:flex}.highlights li::marker{color:var(--ink-mute)}.entry-links{gap:16px;font-size:14px;display:flex}.entry-link h3{text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.entry-link:hover h3{-webkit-text-decoration-color:var(--ink-mute);text-decoration-color:var(--ink-mute)}.post{flex-direction:column;gap:32px;max-width:640px;display:flex}.post .prose{gap:20px;font-size:17px;line-height:30px}.post-head{flex-direction:column;gap:16px;display:flex}.back{font-family:var(--font-mono);color:var(--ink-mute);align-self:flex-start;font-size:12px}.back:hover{color:var(--ink)}.back:hover .arrow{transform:translate(-2px)}.post-nav{border-top:1px solid var(--line);justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;display:flex}.post-nav a{max-width:48%;color:var(--ink);flex-direction:column;gap:2px;font-size:15px;line-height:22px;display:flex}.post-nav a:hover span:last-child{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-mute);text-decoration-color:var(--ink-mute)}.post-nav-next{text-align:right;margin-left:auto}@media (width<=860px){:root{--gutter:max(16px, calc((100% - 640px) / 2))}html{scroll-padding-top:88px}html.menu-open{overflow:hidden}.shell{flex-direction:column}.side{z-index:10;width:100%;height:auto;padding:12px var(--gutter);padding-top:max(12px, env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--line);flex:none;position:sticky;top:0}.side.is-open{overscroll-behavior:contain;border-bottom:0;height:100dvh;position:fixed;inset:0;overflow-y:auto}.side-top{align-items:center;min-height:44px}.side-profile{flex-direction:row;align-items:center;gap:12px;min-height:44px}.avatar{width:36px;height:36px;margin:0;font-size:15px}.side-name{font-size:18px}.side-role{display:none}.menu-btn{border:1px solid var(--line);min-width:72px;min-height:40px;font-family:var(--font-mono);border-radius:999px;padding:0 16px;font-size:12px;display:block}.side-nav,.side-foot{display:none}.side-nav.is-open{gap:0;margin-top:24px;display:flex}.side-nav.is-open a{border-bottom:1px solid var(--line);min-height:52px;font-family:var(--font-serif);color:var(--ink-soft);align-items:center;padding-left:20px;font-size:24px;display:flex}.side-nav.is-open a[aria-current]{color:var(--ink)}.side-foot.is-open{border-top:0;gap:20px;margin-top:28px;padding-top:0;font-size:13px;display:flex}.side-foot.is-open .toggle{border:1px solid var(--line);border-radius:999px;min-height:44px;padding:0 16px;font-size:13px}.side-foot.is-open .side-links{gap:8px}.side-foot.is-open .side-links a{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:44px;padding:0 14px;display:inline-flex}.main{width:100%;padding:40px var(--gutter) 96px;padding-bottom:max(96px, env(safe-area-inset-bottom))}.stack{gap:80px;max-width:none}.post{gap:24px;max-width:none}h1{font-size:36px;line-height:42px}.post-head h1{font-size:30px;line-height:36px}.back{align-items:center;gap:6px;min-height:40px;display:inline-flex}.post .prose{font-size:16px;line-height:28px}.prose pre{margin-inline:calc(-1 * min(16px, var(--gutter)) + 4px);padding:14px;font-size:12px;line-height:20px}.diagram-scroll{padding:14px 12px}.diagram figcaption:before{content:"swipe to see the whole diagram → ";color:var(--accent)}.tl-item{grid-template-columns:1fr;padding-left:26px}.tl-when{text-align:left;order:-1;line-height:20px}.entry-head{flex-direction:column;gap:0}.entry-links a{align-items:center;min-height:40px;display:inline-flex}.post-nav{flex-direction:column;gap:12px}.post-nav a{max-width:none;padding:12px 0}.post-nav-next{text-align:left;margin-left:0}}@media (width>=640px) and (width<=860px){.diagram figcaption:before{content:none}}@media (width>=861px){.side{scrollbar-width:none;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}