@font-face{font-family:Geist;src:url(/fonts/geist-latin.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;src:url(/fonts/geist-cyrillic.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin.woff2)format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-cyrillic.woff2)format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata;src:url(/fonts/literata-latin.woff2)format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;src:url(/fonts/literata-cyrillic.woff2)format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata;src:url(/fonts/literata-italic-latin.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;src:url(/fonts/literata-italic-cyrillic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}:root{--bg:#f2f3f0;--fg:#141619;--muted:#5a6068;--faint:#7c8289;--line:#d3d6d0;--accent:#e0440e;--accent-ink:#b23400;--code-bg:#e6e8e3;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif:"Literata", ui-serif, Georgia, serif;--code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--1:.8125rem;--step-0:1.0625rem;--step-1:1.375rem;--step-2:1.75rem;--step-3:clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);--step-hero:clamp(2.5rem, 1.4rem + 4.6vw, 4.75rem);--gutter:1.5rem;--pad:clamp(1rem, 4vw, 3rem);--bus:4.5rem}@media (prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}:root{--bg:#121315;--fg:#e9eae5;--muted:#9ca1a8;--faint:#6e737a;--line:#2b2e32;--accent:#ff6b2c;--accent-ink:#ff8a55;--code-bg:#1e2023}}@media (width<=480px){:root{--bus:2.75rem;--gutter:1rem}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--faint) var(--bg)}body{background:var(--bg);color:var(--fg);font:400 var(--step-0)/1.55 var(--sans);caret-color:var(--accent);margin:0}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1.5px}a:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.mono,time{font-family:var(--mono);font-size:var(--step--1);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.wrap{max-width:74rem;padding:0 var(--pad);margin:0 auto}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding:1.25rem 0;display:flex}.bar .home{font-family:var(--mono);font-weight:500;text-decoration:none}.bar nav,.foot nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.bar nav a{color:var(--muted);text-decoration:none}.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--fg)}.bar nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent)}.bar .langs{color:var(--faint)}.bar .langs .current{color:var(--fg)}.foot{border-top:1px solid var(--fg);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding:1.25rem 0 3rem;display:flex}.intro{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:2rem;padding:clamp(3rem,8vw,6rem) 0 clamp(2.5rem,5vw,4rem);display:grid}.intro h1{font-size:var(--step-hero);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;grid-column:1/span 7;margin:0;font-weight:600;line-height:1}.lede{color:var(--muted);font-size:var(--step-1);letter-spacing:-.01em;text-wrap:pretty;grid-column:1/span 6;align-self:start;margin:0;line-height:1.4}.text{max-width:40rem}.text h2{font-size:var(--step-1);letter-spacing:-.02em;margin:2.5rem 0 .75rem;font-weight:600}.legend{border-top:1px solid var(--fg);grid-area:1/8/span 2/span 5;grid-template-columns:max-content 2.5rem 3.5rem minmax(0,1fr);align-self:end;align-items:center;gap:.7rem 1rem;margin:0;padding-top:1rem;display:grid}.legend dt{font-family:var(--mono);font-size:var(--step--1)}.legend dd{margin:0}.legend .n{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.legend .n.zero,.legend .def{color:var(--muted)}.legend .def{font-size:.9375rem}.trace{border-top:2px solid;width:100%;height:0;display:block}.live .trace{border-color:var(--accent)}.building .trace{background:repeating-linear-gradient(90deg, var(--fg) 0 7px, transparent 7px 12px);border-top:0;height:2px}.idea .trace{border-color:var(--faint);border-top-style:dotted}.paused .trace{background:linear-gradient(90deg, var(--faint) 0 40%, transparent 40% 60%, var(--faint) 60%);border-top:0;height:2px}@media (prefers-reduced-motion:no-preference){.building .trace{animation:1.2s linear infinite flow}@keyframes flow{to{background-position:12px 0}}}.bus{margin:0;padding:0;list-style:none;position:relative}.bus:before{content:"";border-left:1px solid var(--fg);position:absolute;top:0;bottom:.9rem;left:0}.bus:after{content:"";background:linear-gradient(var(--fg), var(--fg)) center 0 / 15px 1px no-repeat, linear-gradient(var(--fg), var(--fg)) center 5px / 9px 1px no-repeat, linear-gradient(var(--fg), var(--fg)) center 10px / 3px 1px no-repeat;width:15px;height:.9rem;position:absolute;bottom:0;left:-7px}.wire{--node:11px;height:var(--node);position:relative}.wire .trace{left:0;right:calc(var(--node) + 3px);top:calc(var(--node) / 2 - 1px);width:auto;position:absolute}.wire:after{content:"";width:var(--node);height:var(--node);border:2px solid var(--fg);background:var(--bg);border-radius:50%;position:absolute;top:0;right:0}.live .wire:after{background:var(--accent);border-color:var(--accent)}.idea .wire:after,.paused .wire:after{border-color:var(--faint)}.live .state{color:var(--accent-ink)}.idea .state,.paused .state{color:var(--muted)}pre,code{font-family:var(--code)}pre,:not(pre)>code{font-size:.9em}pre{border:1px solid var(--line);border-radius:4px;padding:.75rem 1rem;overflow-x:auto}:not(pre)>code{background:var(--code-bg);border-radius:4px;padding:.1em .3em}img{max-width:100%;height:auto}@media (width<=860px){.intro h1,.intro .lede,.intro .legend{grid-area:auto/1/auto/-1}.legend{max-width:30rem}}@media (width<=480px){.bar nav{gap:.5rem 1rem}.legend{grid-template-columns:max-content 1.5rem 2.5rem}.legend .def{grid-column:1/-1;margin:-.4rem 0 .3rem;font-size:.875rem}}