@font-face{font-family:Public Sans;src:url(./public-sans-DdeTHZLK.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:light;--bg: #fff;--panel: oklch(98% .004 150);--border: oklch(90% .006 150);--text: oklch(21% .012 160);--muted: oklch(46% .012 160);--accent: oklch(48% .14 152);--accent-hover: oklch(42% .13 152);--on-accent: oklch(99% .003 150);--note: oklch(48% .11 65);--note-bg: oklch(97% .025 85);--code-bg: oklch(96.5% .005 150);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Public Sans", system-ui, sans-serif;--code: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--gutter: clamp(1rem, 4vw, 2rem);--radius: .5rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem / 1.6 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:var(--gutter);top:-4rem;background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:var(--radius);z-index:20}.skip:focus{top:.75rem}.wrap{width:min(100% - 2 * var(--gutter),72rem);margin-inline:auto}.nb{white-space:nowrap}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 2rem;padding-block:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.3rem;letter-spacing:-.01em;color:var(--text);text-decoration:none}.brand img{width:2.75rem;height:2.75rem;border-radius:.65rem}.site-nav{display:flex;flex-wrap:wrap;gap:.2rem 1.5rem;margin-left:auto}.site-nav a{color:var(--muted);text-decoration:none;font-size:.95rem;padding-block:.2rem;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--text)}.site-nav a[aria-current=page]{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}@media(max-width:40rem){.site-nav{margin-left:0;width:100%}}.site-footer{border-top:1px solid var(--border);margin-top:2rem;padding-block:2rem 3rem;font-size:.9rem;color:var(--muted)}.site-footer .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem}.site-footer p{max-width:52ch;margin:0 0 .7em}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-content:start}.site-footer a{color:var(--muted)}@media(max-width:44rem){.site-footer .wrap{grid-template-columns:1fr}}h1,h2,h3{font-weight:700;line-height:1.15;margin:0;text-wrap:balance}h1{font-size:clamp(2.2rem,1.4rem + 3.6vw,3.6rem);line-height:1.08;letter-spacing:-.02em;max-width:20ch}h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);letter-spacing:-.01em}h3{font-size:1.15rem;line-height:1.3}p{margin:0 0 1em;max-width:65ch;text-wrap:pretty}.lede{font-size:1.25rem;line-height:1.5;color:var(--muted);max-width:44ch;margin-top:1.25rem}.kicker{font-size:.9rem;font-weight:600;color:var(--accent);margin:0 0 .9rem}.small{font-size:.9rem;color:var(--muted)}code{font-family:var(--code);font-size:.88em;background:var(--code-bg);padding:.1em .35em;border-radius:.3rem}pre{font-family:var(--code);font-size:.875rem;line-height:1.6;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;overflow-x:auto;margin:0 0 1.4rem;max-width:100%}pre code{background:none;padding:0;font-size:inherit}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.btn{display:inline-block;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;padding:.7rem 1.25rem;border:1px solid var(--accent);border-radius:var(--radius)}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--panel);border-color:var(--muted);color:var(--text)}section{padding-block:clamp(2.5rem,6vw,4.5rem)}section+section{border-top:1px solid var(--border)}.section-head{max-width:40rem;margin-bottom:2rem}.section-head p{color:var(--muted);margin:.75rem 0 0;font-size:1.1rem}.hero{padding-block:clamp(1.75rem,4vw,3.25rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40rem);gap:clamp(2rem,4vw,3.5rem);align-items:center}.hero h1{font-size:clamp(2.1rem,1rem + 2.5vw,2.9rem);max-width:none}.hero .lede{font-size:1.15rem}.hero .meta{margin-top:1.25rem}@media(max-width:64rem){.hero-grid{grid-template-columns:1fr}}.stage{margin:0}.stage figcaption{margin-top:.7rem;font-size:.8rem;color:var(--muted)}.flow{display:grid;grid-template-columns:12rem 5rem minmax(0,1fr);align-items:center;padding:1.25rem;border:1px solid var(--border);border-radius:1.25rem;background:var(--panel)}.phone{position:relative;height:25.5rem;background:#fff;border:.4rem solid oklch(22% .01 160);border-radius:2rem;display:flex;flex-direction:column;overflow:hidden}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem .2rem;font-size:.65rem;font-weight:600}.phone-notch{width:3rem;height:.7rem;border-radius:999px;background:#171c19}.phone-batt{width:1rem;height:.5rem;border:1.5px solid currentColor;border-radius:.15rem}.phone-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem .6rem;border-bottom:1px solid var(--border)}.phone-head>span:last-child{display:flex;flex-direction:column;line-height:1.15}.phone-head b{font-size:.85rem}.phone-head small{font-size:.65rem;color:var(--muted)}.avatar{width:1.7rem;height:1.7rem;border-radius:50%;background:#098926;color:#fff;font-size:.8rem;font-weight:700;display:grid;place-items:center}.thread{flex:1;padding:.6rem .7rem 0;display:flex;flex-direction:column;gap:.45rem}.day{margin:0 0 .1rem;text-align:center;font-size:.6rem;color:var(--muted);max-width:none}.bubble{margin:0;padding:.5rem .65rem;background:#edf1ee;border-radius:.2rem .8rem .8rem;font-size:.7rem;line-height:1.4;max-width:none}.bubble-old{color:var(--muted)}.bubble-new{background:#d8f3de}.pc{margin:.5rem;display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:.8rem;background:#fff}.pc img{width:1.9rem;height:1.9rem;border-radius:.45rem;flex:none}.pc-text{display:grid;line-height:1.25;font-size:.68rem}.pc-text b{font-size:.75rem}.pc-state{grid-row:2;grid-column:1;color:var(--muted);white-space:nowrap}.pc-3{color:var(--accent);font-weight:600}.pc-1,.pc-2{opacity:0}.banner{position:absolute;z-index:2;top:2rem;left:.4rem;right:.4rem;display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;background:#fff;border:1px solid oklch(86% .012 150);border-radius:.9rem;box-shadow:0 .4rem 1rem #19251e24}.banner .avatar{flex:none}.banner p{margin:0;white-space:nowrap;max-width:none;display:flex;flex-direction:column;line-height:1.25;font-size:.66rem;color:var(--muted);flex:1;min-width:0}.banner b{font-size:.74rem;color:var(--text)}.banner p span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner small{font-size:.6rem;color:var(--muted);align-self:flex-start}.tick{position:absolute;top:.6rem;right:.7rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--accent)}.tick:after{content:"";position:absolute;left:.38rem;top:.17rem;width:.25rem;height:.5rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.wires{width:5rem;height:25.5rem;display:block;overflow:visible}.wire{fill:none;stroke:#d9e0da;stroke-width:3;stroke-linecap:round}.stream{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.node{fill:#fff;stroke:#bbc8bd;stroke-width:2}.packet{opacity:0;offset-rotate:0deg}.packet rect{fill:var(--accent);stroke:#fff;stroke-width:2}.packet text{fill:#fff;font:700 10px var(--sans);text-anchor:middle;dominant-baseline:central}.packet-1{offset-path:path("M0 204 C 40 204, 40 64, 80 64")}.packet-2{offset-path:path("M0 204 L 80 204")}.packet-3{offset-path:path("M0 204 C 40 204, 40 344, 80 344")}.dests{display:grid;grid-template-rows:repeat(3,8rem);gap:.75rem}.dest{position:relative;align-content:center;background:#fff;border:1px solid var(--border);border-radius:.8rem;padding:.75rem .9rem;display:grid;grid-template-columns:2.1rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.65rem;row-gap:.6rem}.dest p{margin:0;max-width:none}.ico{width:2.1rem;height:2.1rem;padding:.45rem;border-radius:.55rem;background:#e0f5e5;fill:none;stroke:var(--accent);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.dest-name{display:flex;flex-direction:column;font-weight:700;font-size:.92rem;line-height:1.2}.dest-name span{font-weight:400;font-size:.75rem;color:var(--muted)}.log{grid-column:1 / -1;display:grid;gap:.2rem;font-family:var(--code);font-size:.72rem;background:var(--code-bg);border-radius:.45rem;padding:.4rem .6rem}.log p{display:flex;justify-content:space-between;gap:.5rem}.log b{color:var(--accent);font-weight:600}.log p:not(.new){color:var(--muted)}.dest-2 .log{font-family:var(--sans);font-size:.74rem}.chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.3rem}.chips span{font-size:.72rem;padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#fff}@keyframes in-bubble{0%,8%{opacity:0;transform:translateY(.6rem) scale(.97)}12%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes st-1{0%,11%{opacity:0}13%,18%{opacity:1}20%,to{opacity:0}}@keyframes st-2{0%,19%{opacity:0}21%,44%{opacity:1}46%,to{opacity:0}}@keyframes st-3{0%,45%{opacity:0}47%,90%{opacity:1}96%,to{opacity:0}}@keyframes travel{0%,28%{opacity:0;offset-distance:0%}30%{opacity:1}43%{opacity:1;offset-distance:100%}44%,to{opacity:0;offset-distance:100%}}@keyframes draw{0%,28%{opacity:1;stroke-dashoffset:1}43%,90%{opacity:1;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}@keyframes node-on{0%,43%{fill:#fff;stroke:#bbc8bd}46%,90%{fill:var(--accent);stroke:var(--accent)}96%,to{fill:#fff;stroke:#bbc8bd}}@keyframes banner{0%,3%{opacity:0;transform:translateY(-1.5rem)}7%,27%{opacity:1;transform:none}32%,to{opacity:0;transform:translateY(-1rem)}}@keyframes tick-in{0%,45%{opacity:0;transform:scale(.4)}50%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes land{0%,44%{border-color:var(--border)}48%,82%{border-color:var(--accent)}92%,to{border-color:var(--border)}}@keyframes new-row{0%,45%{opacity:0;transform:translateY(-.4rem)}50%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes chip-on{0%,46%{border-color:var(--border);color:var(--muted)}52%,82%{border-color:var(--accent);color:var(--accent)}92%,to{border-color:var(--border);color:var(--muted)}}.bubble-new{animation:in-bubble 12s ease-out infinite both}.pc-1{animation:st-1 12s linear infinite both}.pc-2{animation:st-2 12s linear infinite both}.pc-3{animation:st-3 12s linear infinite both}.packet{animation:travel 12s ease-in-out infinite both}.stream{animation:draw 12s ease-in-out infinite both}.node-end{animation:node-on 12s linear infinite both}.banner{animation:banner 12s ease-out infinite both}.tick{animation:tick-in 12s ease-out infinite both}.stream-2,.node-2,.dest-2 .tick{animation-delay:.1s}.stream-3,.node-3,.dest-3 .tick{animation-delay:.2s}.packet-2{animation-delay:.25s}.packet-3{animation-delay:.5s}.dest{animation:land 12s linear infinite both}.dest-2{animation-delay:.1s}.dest-3{animation-delay:.2s}.log .new{animation:new-row 12s ease-out infinite both}.dest-2 .log .new{animation-delay:.1s}.chips span{animation:chip-on 12s linear infinite both}.chips span:nth-child(2){animation-delay:.1s}.chips span:nth-child(3){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.bubble-new,.pc-1,.pc-2,.pc-3,.dest,.log .new,.chips span{animation:none}.pc-3{opacity:1}.packet,.stream,.banner{display:none}.node-end{animation:none;fill:var(--accent);stroke:var(--accent)}.tick{animation:none}}@media(max-width:64rem){.flow{max-width:40rem}}@media(max-width:40rem){.flow{grid-template-columns:1fr;justify-items:center;gap:1rem}.wires{display:none}.phone{width:12rem}.dests{width:100%;grid-template-rows:none}.dest{min-height:0}}.ledger{list-style:none;margin:0;padding:0;counter-reset:step}.ledger li{counter-increment:step;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;padding-block:1.25rem;border-top:1px solid var(--border)}.ledger li:last-child{border-bottom:1px solid var(--border)}.ledger li:before{content:counter(step);font-weight:700;font-size:1.15rem;color:var(--accent);line-height:1.3}.ledger li h3{margin:0 0 .4rem}.ledger p{margin-bottom:.7em;color:var(--muted)}.ledger p:last-child{margin-bottom:0}.plain{margin:0;border-top:1px solid var(--border)}.plain>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:.5rem 2.5rem;padding-block:1.25rem;border-bottom:1px solid var(--border)}.plain dt{font-weight:650;font-size:1.1rem;line-height:1.35}.plain dd{margin:0;color:var(--muted)}.plain dd p:last-child{margin-bottom:0}@media(max-width:44rem){.plain>div{grid-template-columns:1fr}}.paths{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.paths>div{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.paths h3{font-size:1.3rem;margin-bottom:.6rem}.paths p{color:var(--muted)}.paths p:last-child{margin-bottom:0}@media(max-width:44rem){.paths{grid-template-columns:1fr}}.page-head{padding-block:clamp(2.5rem,6vw,4rem) 1.5rem}.page-head h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem)}.prose{padding-bottom:clamp(2.5rem,6vw,4.5rem)}.prose h2{margin:2.75rem 0 .9rem}.prose h3{margin:1.75rem 0 .4rem}.prose ul,.prose ol:not(.ledger){padding-left:1.3rem;max-width:65ch}.prose li{margin-bottom:.5em}.prose>:first-child{margin-top:0}.note{background:var(--note-bg);border:1px solid var(--border);border-left:3px solid var(--note);border-radius:var(--radius);padding:.9rem 1.15rem;margin:1.5rem 0;max-width:65ch}.note p:last-child{margin-bottom:0}.note strong:first-child{color:var(--note)}.table-scroll{overflow-x:auto;margin:1rem 0 1.5rem;max-width:46rem;border:1px solid var(--border);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.7rem 1rem;vertical-align:top}tbody tr+tr td{border-top:1px solid var(--border)}th{font-weight:600;font-size:.85rem;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--border)}.facts{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:46rem}@media(max-width:34rem){.facts{grid-template-columns:1fr}}.facts li{margin:0;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);font-size:.92rem;line-height:1.45;color:var(--muted)}.facts b{display:block;color:var(--text);font-size:.98rem;margin-bottom:.15rem}.toc{margin:0 0 1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);max-width:28rem}.toc p{margin:0 0 .4rem;font-weight:700;font-size:.9rem}.toc ol{margin:0;padding-left:1.2rem}.toc li{margin:.2rem 0;font-size:.95rem}html{scroll-padding-top:1rem}.site-nav .nav-star{color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.2rem .8rem;font-weight:600}.site-nav .nav-star:hover{border-color:var(--accent);color:var(--accent)}.site-footer .made{margin-top:1rem;color:var(--text)}.site-footer .made a{color:var(--text);font-weight:600}.site-footer .footer-brand{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem;font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none}.site-footer .footer-brand img{width:2rem;height:2rem;border-radius:.5rem}pre.prompt{white-space:pre-wrap}.shot{margin:2.5rem 0 0;max-width:46rem}.shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #0000000a,0 12px 32px -12px #0000002e}.shot figcaption{margin-top:.75rem;font-size:.88rem;color:var(--muted)}