:root{--bg:#fff;--fg:var(--rf-charcoal);--muted:var(--rf-grey);--rule:var(--rf-line);--panel:var(--rf-snow);--link:var(--rf-link);--red:var(--rf-red);--red-tint:#e4281e1a;--band:var(--rf-charcoal);--key-shadow:var(--rf-charcoal);--echo-1:#e4e6e9;--echo-2:#f0f1f3;--show-light:block;--show-dark:none;--maxw:70rem;--pad:clamp(1.25rem, 4vw, 2.25rem);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--rf-night);--fg:#f5f6f7;--muted:#a3a9b1;--rule:#2c3036;--panel:#1b1e23;--link:var(--rf-link-on-dark);--red:var(--rf-red-on-dark);--red-tint:#ff4a3d29;--band:#0b0d10;--key-shadow:#f5f6f74d;--echo-1:#2a2e34;--echo-2:#1f2328;--show-light:none;--show-dark:block;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--rf-night);--fg:#f5f6f7;--muted:#a3a9b1;--rule:#2c3036;--panel:#1b1e23;--link:var(--rf-link-on-dark);--red:var(--rf-red-on-dark);--red-tint:#ff4a3d29;--band:#0b0d10;--key-shadow:#f5f6f74d;--echo-1:#2a2e34;--echo-2:#1f2328;--show-light:none;--show-dark:block;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:var(--sl-font);-webkit-font-smoothing:antialiased;counter-reset:kicker;margin:0;font-size:1.0625rem;line-height:1.6}a{color:var(--link);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--link);outline-offset:3px}code{font-family:var(--sl-font-mono);font-size:.88em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--fg);color:var(--bg);z-index:20;border-radius:.4rem;padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.wrap{width:100%;max-width:var(--maxw);padding:0 var(--pad);margin:0 auto}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.1}h1{letter-spacing:-.058em;text-wrap:balance;max-width:22ch;font-size:clamp(3rem,8.4vw,7rem);line-height:.94}h2{letter-spacing:-.045em;text-wrap:balance;max-width:26ch;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02}h3{letter-spacing:-.015em;font-size:1.1rem}p{margin:0}.lede{max-width:34rem;color:var(--muted);margin:0;font-size:1.3rem;line-height:1.5}.actions{flex-wrap:wrap;gap:1rem 1.1rem;margin:2.25rem 0 0;display:flex}.btn,.chip,.tabs__label{--key:3px;border:2px solid var(--fg);background:var(--bg);color:var(--fg);cursor:pointer;box-shadow:var(--key) var(--key) 0 var(--key-shadow);transition:transform .12s,box-shadow .12s,background-color .12s}.btn:hover,.chip:hover,.tabs__label:hover{box-shadow:calc(var(--key) + 1px) calc(var(--key) + 1px) 0 var(--key-shadow);transform:translate(-1px,-1px)}.btn{--key:4px;min-height:3.4rem;font:inherit;letter-spacing:-.01em;border-radius:.85rem;justify-content:center;align-items:center;gap:.6rem;padding:0 1.7rem;font-size:1.08rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{box-shadow:1px 1px 0 var(--key-shadow);transform:translate(3px,3px)}.btn--primary{background:var(--rf-red);color:#fff}.btn--primary:after{content:"→";content:"→" / "";transition:transform .12s}.btn--primary:hover:after{transform:translate(4px)}.btn--primary:hover{background:#cc2419}.btn--small{--key:3px;border-radius:.65rem;min-height:2.6rem;padding:0 1.05rem;font-size:.95rem}.more{flex-wrap:wrap;gap:.5rem 1.5rem;margin:2rem 0 0;font-weight:600;display:flex}.note{max-width:40rem;color:var(--muted);margin:.8rem 0 0;font-size:.95rem}.site-header{z-index:10;background:var(--bg);border-bottom:2px solid var(--fg);position:sticky;top:0}.site-header__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;padding-bottom:.9rem;display:flex}.logo{width:auto;height:1.9rem}.logo--light{display:var(--show-light)}.logo--dark{display:var(--show-dark)}.site-header__nav{align-items:center;gap:1.6rem;font-weight:700;display:flex}.site-header__nav a:not(.btn){color:var(--fg);text-decoration:none}.site-header__nav a:not(.btn):hover{text-underline-offset:.3em;text-decoration:underline 2px}@media (width<=40rem){.hide-sm{display:none}}@media (width<=30rem){.site-header__nav{gap:.9rem;font-size:.95rem}.hide-xs{display:none}}@media (width<=24.5rem){.hide-xxs{display:none}.logo{height:1.6rem}}.section{padding:clamp(4.5rem,9vw,7.5rem) 0;position:relative}.section:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, var(--muted) 0 1px, transparent 1px 72px) 0 0 / 100% 14px no-repeat, repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 12px) 0 0 / 100% 7px no-repeat;opacity:.8;height:14px;position:absolute;top:0;left:0;right:0}.band{--bg:var(--band);--fg:#f5f6f7;--muted:#a3a9b1;--rule:#2c3036;--panel:#171a1f;--link:var(--rf-link-on-dark);--red:var(--rf-red-on-dark);--key-shadow:#f5f6f74d;--echo-1:#f5f6f729;--echo-2:#f5f6f712;background:var(--bg);color:var(--fg)}.kicker{counter-increment:kicker;border:2px solid var(--fg);font:500 .72rem/1 var(--sl-font-mono);letter-spacing:.13em;text-transform:uppercase;border-radius:.45rem;align-items:center;gap:.6rem;margin:0 0 1.5rem;padding:.4rem .7rem;display:inline-flex}.kicker:before{content:counter(kicker, decimal-leading-zero);color:var(--red)}.hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(4rem,8vw,6.5rem)}.hero h1{max-width:none;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.echo{text-shadow:0 .07em 0 var(--echo-1), 0 .14em 0 var(--echo-2)}.hero__grid{align-items:start;gap:clamp(2.5rem,5vw,3.5rem);display:grid}@media (width>=70rem){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,31rem);align-items:stretch;gap:3.5rem}.hero__copy{flex-direction:column;justify-content:space-between;display:flex}.hero .term{align-self:start}.hero h1{font-size:4.9rem}}.term{border:2px solid var(--fg);background:var(--rf-night);color:#f5f6f7;box-shadow:10px 10px 0 var(--rule);border-radius:1.1rem;margin:0;overflow:hidden}.term__bar{font:500 .85rem/1 var(--sl-font-mono);color:#c3c7cc;border-bottom:1px solid #2c3036;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.term__live{color:var(--rf-red-on-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.term__live:before{content:"";background:var(--rf-red-on-dark);border-radius:50%;width:.5rem;height:.5rem;animation:1.6s ease-out 4 live}@keyframes live{0%{box-shadow:0 0 #ff4a3d99}to{box-shadow:0 0 0 .55rem #ff4a3d00}}.term__prompt{color:var(--rf-red-on-dark);margin-right:.5rem}.term__lines{margin:0;padding:.75rem 0;list-style:none}.term__line{border-left:4px solid #0000;gap:.15rem;padding:.7rem 1.25rem .7rem 1.1rem;display:grid}.term.is-playing .term__line:nth-child(n+3):not(.is-shown){visibility:hidden}.term__line.is-new{border-left-color:var(--rf-red-on-dark);background:#ff4a3d1f}.term__out{font-size:1.05rem;font-weight:500}.term__note{color:#a3a9b1;font-size:.88rem}.term__cap{color:#a3a9b1;border-top:1px solid #2c3036;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.8rem;line-height:1.45;display:flex}.term__replay{color:#f5f6f7;font:inherit;cursor:pointer;background:0 0;border:2px solid #f5f6f7;border-radius:.55rem;flex:none;padding:.35rem .85rem;font-weight:700;box-shadow:2px 2px #f5f6f74d}.term__replay:hover{background:#f5f6f71a}.term__replay[aria-disabled=true]{opacity:.45;cursor:default}.term :focus-visible{outline-color:#f5f6f7}.meds{margin:0;padding:0;list-style:none}.med{border:1.5px solid var(--rule);background:var(--panel);border-radius:.65rem;margin-top:.45rem;padding:.6rem .8rem;font-size:.95rem}.med:first-child{margin-top:0}@media (width>=34rem){.term__line{grid-template-columns:minmax(0,12.5rem) minmax(0,1fr);align-items:baseline;gap:1rem}}.tracks{margin-top:2.5rem;display:grid}.track{border-top:1px solid var(--rule);gap:.25rem;padding:1.25rem 0 1.5rem;display:grid}.track:last-child{border-bottom:1px solid var(--rule)}.track__name{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}@media (width>=52rem){.track{grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1.5rem}}.bar{align-items:center;min-height:6rem;display:flex}.bar__before,.bar__after{height:6px;position:relative}.bar__before{background:var(--fg);flex:0 0 34%}.bar__after{flex:1}.bar__after--stale{background:repeating-linear-gradient(90deg, var(--red) 0 8px, transparent 8px 16px)}.bar__after--live{background:linear-gradient(90deg, var(--red) 0 2.2rem, var(--fg) 2.2rem)}.bar__dot{background:var(--red);width:1.1rem;height:1.1rem;box-shadow:0 0 0 5px var(--bg);border-radius:50%;flex:none;position:relative}.bar span{color:var(--muted);font:500 .85rem/1.3 var(--sl-font-mono);position:absolute}.bar__before span{bottom:1.2rem;left:0}.bar__dot span{width:7rem;color:var(--fg);text-align:center;bottom:1.6rem;left:50%;transform:translate(-50%)}.bar__after span{width:calc(100% - .5rem);color:var(--fg);font:700 1rem/1.3 var(--sl-font);top:1.2rem;left:.5rem}.play{margin-top:2.5rem}.play__controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.play__controls[hidden]{display:none}.play__next{color:var(--muted);font-size:.95rem}.play__panes{gap:1rem;display:grid}@media (width>=40rem){.play__panes{grid-template-columns:1fr 1fr}}.pane{border:2px dashed var(--muted);background:0 0;border-radius:1.1rem;min-width:0;padding:1.4rem}.pane--live{border:2px solid var(--fg);border-top:7px solid var(--red);background:var(--bg);box-shadow:7px 7px 0 var(--key-shadow)}.pane__query{overflow-wrap:anywhere;color:var(--muted);margin:.5rem 0 1rem;font-size:.8rem;display:block}.pane .meds{min-height:9.8rem}.pane .med{background:var(--bg)}.med--new{border-color:var(--red);box-shadow:inset 4px 0 0 var(--red);background:var(--red-tint)!important}.med--gone{color:var(--muted);text-decoration:line-through}.med--empty{color:var(--muted);font-style:italic}.pane__status{color:var(--muted);margin:.9rem 0 0;font-size:.9rem}.pane .btn--small{margin-top:.7rem}.play__log{border:2px solid var(--fg);border-left:7px solid var(--red);background:var(--bg);border-radius:.8rem;margin-top:1.5rem;padding:1rem 1.25rem;font-weight:700}.ways h2{letter-spacing:-.05em;max-width:none;margin-bottom:1.25rem;font-size:clamp(3rem,10vw,7.5rem);line-height:.98}.ways__not{color:var(--muted)}.ways__line{max-width:40rem;color:var(--muted);margin:0 0 2.5rem;font-size:1.15rem}.table-wrap{overflow-x:auto}.stream{border-collapse:collapse;width:100%}.stream th,.stream td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:.85rem 1rem .85rem 0}.stream tbody th{width:13rem;font-weight:700}.stream thead th{border-bottom:2px solid var(--fg);padding-bottom:.8rem;font-size:1rem;font-weight:800}.stream thead th span{color:var(--muted);font-size:.82rem;font-weight:400;display:block}.stream .is-live{border-left:3px solid var(--fg);background:#ffffff0d;padding-left:1rem}.msg{border:1px solid var(--rule);background:var(--panel);color:var(--fg);font:500 .85rem/1.25 var(--sl-font-mono);border-radius:.5rem;margin:.1rem .35rem .1rem 0;padding:.3rem .65rem;display:inline-block}.msg--none{color:var(--muted);background:0 0;border-style:dashed}.msg--gap{border-style:dashed;border-color:var(--red);color:var(--red);background:0 0}.msg--lit{border-color:var(--red);background:var(--red);color:#14161a}@media (width<=58rem){.stream thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.stream,.stream tbody,.stream tr,.stream tbody th,.stream tbody td{width:auto;display:block}.stream tbody tr{border-bottom:1px solid var(--rule);padding:1rem 0}.stream tbody th,.stream tbody td{border:0;padding:0}.stream tbody td{flex-wrap:wrap;align-items:center;margin-top:.3rem;display:flex}.stream tbody td:before{content:attr(data-label);min-width:6.6rem;color:var(--muted);flex:none;font-size:.78rem;font-weight:700}.stream .is-live{padding:.3rem .6rem}}.flow li,.loop li,.bento li{border:2px solid var(--fg);box-shadow:4px 4px 0 var(--key-shadow)}.flow{counter-reset:step;flex-direction:column;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.flow li{background:var(--bg);counter-increment:step;border-radius:.85rem;align-items:center;gap:.8rem;padding:.9rem 1.1rem;font-weight:700;display:flex;position:relative}.flow li:before{content:counter(step, decimal-leading-zero);color:var(--red);font:500 .8rem/1 var(--sl-font-mono)}@media (width>=52rem){.flow{flex-direction:row;align-items:stretch;gap:2.25rem}.flow li{flex:1}.flow li:not(:last-child):after{content:"→";color:var(--muted);font-size:1.3rem;position:absolute;top:50%;right:-1.7rem;transform:translateY(-50%)}}.how{margin-top:2rem}.how__writes{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.how__writes[hidden]{display:none}.chip{min-height:2.6rem;font:inherit;border-radius:.7rem;padding:0 1.05rem;font-size:.95rem;font-weight:700}.chip[aria-pressed=true],.tabs__radio:checked+.tabs__label{background:var(--fg);color:var(--bg);box-shadow:0 0 0 var(--key-shadow);transform:translate(3px,3px)}.write{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1rem;display:flex}.write__pill{background:var(--rf-charcoal);color:#f5f6f7;border-radius:999px;padding:.4rem .8rem}.write__commit{color:var(--muted);font-size:.9rem}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@media (width>=62rem){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{border:2px solid var(--rf-charcoal);background:var(--rf-charcoal);color:#f5f6f7;min-height:9.5rem;box-shadow:6px 6px 0 var(--rule);border-radius:1.1rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.1rem;transition:background-color .3s,box-shadow .3s;display:flex}.tile code{overflow-wrap:anywhere;font-size:.8rem}@media (width<=30rem){.tile code{font-size:.7rem}}.tile__note{color:#b9bec5;font-size:.82rem}.tile--lit{background:var(--rf-red);color:#fff;box-shadow:6px 6px 0 var(--rf-charcoal)}.tile--lit code{background:#00000052;border-radius:.35rem;align-self:flex-start;padding:.2rem .5rem}.tile--lit .tile__note{color:#fff;font-weight:600}.how__caption:empty{display:none}.how__caption{color:var(--muted);margin-top:.8rem;font-size:.85rem}.tabs{flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;display:flex;position:relative}.tabs__radio{opacity:0;pointer-events:none;position:absolute}.tabs__label{border-radius:.7rem;align-items:center;min-height:2.6rem;padding:0 1.1rem;font-size:.95rem;font-weight:700;display:inline-flex}.tabs__radio:focus-visible+.tabs__label{outline:3px solid var(--link);outline-offset:2px}.tabs__panel{flex-basis:100%;min-width:0;margin-top:.35rem;display:none}#tab-ts:checked~.tabs__panel--ts,#tab-react:checked~.tabs__panel--react,#tab-go:checked~.tabs__panel--go,#tab-sync:checked~.tabs__panel--sync{display:block}.astro-code{border:2px solid var(--fg);box-shadow:6px 6px 0 var(--key-shadow);border-radius:1rem;margin:0;padding:1.2rem 1.35rem;font-size:.88rem;line-height:1.6;overflow:auto;background-color:var(--rf-night)!important}.astro-code code{font-family:var(--sl-font-mono);font-size:inherit}.astro-code span[style*="6A737D"]{color:#98a1ab!important}.build{gap:2.5rem;margin-top:2.5rem;display:grid}@media (width>=62rem){.build{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:3rem}}.build__run,.build__code{min-width:0}.step{align-items:center;gap:.65rem;margin:0 0 .8rem;font-weight:700;display:flex}.step span{background:var(--fg);width:1.6rem;height:1.6rem;color:var(--bg);font:500 .8rem/1 var(--sl-font-mono);border-radius:.45rem;place-items:center;display:grid}.build__run .astro-code+.step{margin-top:1.75rem}.loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=52rem){.loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.loop li{background:var(--panel);border-radius:1rem;gap:.15rem;padding:1.15rem 1.25rem;display:grid;position:relative}.loop li strong{letter-spacing:-.02em;font-size:1.15rem}.loop li>span:last-child{color:var(--muted);font-size:.9rem}.loop__num{background:var(--red);color:#14161a;width:1.6rem;height:1.6rem;font:500 .8rem/1 var(--sl-font-mono);border-radius:50%;place-items:center;margin-bottom:.4rem;display:grid}.loop__write{border-color:var(--red)!important}@media (width>=52rem){.loop li:not(:last-child):after{content:"→";color:var(--muted);font-size:1.3rem;position:absolute;top:50%;right:-1.5rem;transform:translateY(-50%)}}.loop__back{color:var(--muted);font:500 .9rem/1.4 var(--sl-font-mono);text-align:center;margin:1.1rem 0 0}.loop__back:before{content:"↺ "}.agents__out{margin-top:2rem}.agents .astro-code{background-color:#11141a!important}.agents__out .astro-code{white-space:pre-wrap;overflow-wrap:anywhere}.bento{counter-reset:tile;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.bento li{background:var(--bg);counter-increment:tile;border-radius:1.05rem;flex-direction:column;justify-content:flex-end;min-height:8.25rem;padding:1.25rem 1.35rem;display:flex;position:relative}.bento li:before{content:counter(tile, decimal-leading-zero);color:var(--muted);font:500 .72rem/1 var(--sl-font-mono);letter-spacing:.12em;position:absolute;top:1rem;left:1.35rem}.bento li:hover:before{color:var(--red)}.bento strong{letter-spacing:-.03em;font-size:1.35rem;font-weight:800;line-height:1.15}@media (width>=40rem){.bento__wide{grid-column:span 2}}.cta{text-align:center}.cta h2{letter-spacing:-.055em;max-width:none;text-shadow:0 .07em 0 var(--echo-1), 0 .14em 0 var(--echo-2);font-size:clamp(2.6rem,7vw,5.4rem);line-height:.98}.cta .actions{justify-content:center}.cta__open{max-width:44rem;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin:2rem auto 0;display:flex}.site-footer{border-top:2px solid var(--fg);padding:3.5rem 0 4rem}.site-footer__cols{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:2rem;display:grid}.site-footer__head{margin:0 0 .8rem;font-weight:700}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li+li{margin-top:.45rem}.site-footer a{color:var(--muted)}.site-footer__legal{max-width:52rem;color:var(--muted);margin:2.5rem 0 0;font-size:.85rem}@media (forced-colors:active){.chip[aria-pressed=true],.tabs__radio:checked+.tabs__label,.tile--lit{outline:3px solid highlight}}@media print{:root,:root[data-theme=dark]{--bg:#fff;--fg:#23262b;--muted:#5a5f66;--rule:#d9dce0;--panel:#f5f6f7;--link:#0b62b8;--red:#e4281e;--band:#23262b;--key-shadow:#23262b;--echo-1:#e4e6e9;--echo-2:#f0f1f3;color-scheme:light}.site-header,.skip,.play__controls,.how__writes,.term__replay,.btn--small{display:none!important}.band,.astro-code,.term,.tile,.write__pill,.btn--primary,.chip[aria-pressed=true],.pattern li:before,.tabs__radio:checked+.tabs__label{-webkit-print-color-adjust:exact;print-color-adjust:exact}.section{break-inside:avoid-page}.tabs__panel{display:block!important}.tabs__radio,.tabs__label{display:none}.term__line{visibility:visible!important}}@media (prefers-reduced-motion:reduce){.btn,.chip,.tabs__label,.tile,.btn--primary:after{transition:none}.term__live:before{animation:none}}