@font-face{font-family:geist;src:url(../media/geist_400-s.p.26p7_vlj2c1xq.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:geist;src:url(../media/geist_500-s.p.2fmfhmqhnkgdt.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:geist;src:url(../media/geist_600-s.p.00d1vdrby3dzi.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:geist Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geist_1c40fa8c-module__nfCuKW__className{font-family:geist,geist Fallback}.geist_1c40fa8c-module__nfCuKW__variable{--font-geist:"geist", "geist Fallback"}
@font-face{font-family:geistMono;src:url(../media/geistmono_400-s.p.1z-ig8fsg24nv.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:geistMono;src:url(../media/geistmono_500-s.p.0iuvflq3brcn9.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.geistmono_7baa5237-module__fgNHEa__className{font-family:geistMono,geistMono Fallback}.geistmono_7baa5237-module__fgNHEa__variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--sunken:#0a0a0a;--card:#0a0a0a;--raised:#161616;--hover:#161616;--border:#242424;--border-hi:#343434;--stage:#000;--text:#ededed;--muted:#a1a1a1;--faint:#737373;--accent:#5b9cff;--accent-hi:#7db3ff;--accent-line:#234674;--accent-bg:#0e1b2e;--on-accent:#0a0a0a;--ring:color-mix(in srgb, var(--accent) 26%, transparent);--solid:#fff;--solid-hi:#e0e0e0;--on-solid:#0a0a0a;--ok:#48b984;--ok-line:#1f4c39;--ok-bg:#0d1f17;--warn:#d9ad55;--bad:#ff6166;--bad-line:#52252a;--bad-bg:#200f12;--term-bg:#000;--term-line:#242424;--term-text:#ededed;--term-faint:#8f8f8f;--term-ok:#48b984;--term-accent:#7db3ff;--rule:#ffffff13;--rule-fine:#ffffff09;--rule-col:#ffffff0d;--rule-ring:#5b9cff0e;--rule-stage:#ffffff08;--wash-a:#5b9cff13;--wf-bar:#242424;--wf-bar-hi:#343434;--bar:#000000b8;--shadow-sm:0 1px 2px #0006;--drop:#000c;--drop-tip:#000000d9;--drop-term:#000000b3;--s1:4px;--s15:6px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:56px;--s16:80px;--s20:120px;--t-xs:.75rem;--t-sm:.8125rem;--t-base:.9375rem;--t-lg:1rem;--t-xl:1.75rem;--t-d1:clamp(2.25rem, 4.8vw, 3.5rem);--t-d2:clamp(1.625rem, 2.9vw, 2.125rem);--t-d3:1.125rem;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--ctl:32px;--ctl-lg:40px;--fast:.11s ease;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:var(--font-geist), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--page-w:1120px;--prose-w:62ch;--nav-h:60px}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,li,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--t-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px), linear-gradient(var(--rule-fine) 1px, transparent 1px), linear-gradient(90deg, var(--rule-fine) 1px, transparent 1px);-webkit-mask-composite:source-in;background-position:50%;background-size:64px 64px,64px 64px,16px 16px,16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#000 0 380px,#00000057 1200px calc(100% - 860px),#0000 calc(100% - 430px));mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#000 0 380px,#00000057 1200px calc(100% - 860px),#0000 calc(100% - 430px));-webkit-mask-composite:source-in;mask-composite:intersect}#close:before{content:"";z-index:0;pointer-events:none;background-image:repeating-radial-gradient(circle at 50% 50%, transparent 0 63px, var(--rule-ring) 63px 64px);-webkit-mask-composite:source-in;position:absolute;inset:-300px 0 -110px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 300px calc(100% - 110px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 300px calc(100% - 110px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}#close>.wrap{z-index:1;position:relative}[data-rv]{transition:opacity .52s,transform .52s cubic-bezier(.2,.8,.3,1)}[data-rv=off]{opacity:0;transform:translateY(12px)}.grid[data-rv] .cell{transition:opacity .46s ease, background var(--fast)}.grid[data-rv=off] .cell{opacity:0}::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.wrap{width:100%;max-width:var(--page-w);padding-inline:var(--s6);margin-inline:auto}.section{padding-block:var(--s20);scroll-margin-top:calc(var(--nav-h) + var(--s5));position:relative}h2{font-size:var(--t-d2);letter-spacing:-.021em;text-wrap:balance;max-width:20ch;font-weight:600;line-height:1.15}h3{font-size:var(--t-d3);letter-spacing:-.011em;font-weight:600;line-height:1.35}.lede{color:var(--muted);font-size:var(--t-lg);max-width:var(--prose-w);margin-top:var(--s5);text-wrap:pretty;line-height:1.65}.btn{justify-content:center;align-items:center;gap:var(--s2);height:var(--ctl);padding-inline:var(--s4);border-radius:var(--r-md);border:1px solid var(--border-hi);background:var(--card);color:var(--text);font-family:inherit;font-size:var(--t-base);letter-spacing:-.005em;cursor:pointer;transition:background var(--fast), border-color var(--fast), color var(--fast);white-space:nowrap;font-weight:500;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--border-hi)}.btn-primary{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}.btn-primary:hover{background:var(--solid-hi);border-color:var(--solid-hi)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:var(--hover)}.btn-lg{height:var(--ctl-lg);padding-inline:var(--s5);font-size:var(--t-lg);border-radius:var(--r-md)}.nav{z-index:50;height:var(--nav-h);background:var(--bar);-webkit-backdrop-filter:blur(14px)saturate(140%);transition:border-color var(--fast);border-bottom:1px solid #0000;position:sticky;top:0}.nav[data-scrolled=true]{border-bottom-color:var(--border)}.nav .wrap{align-items:center;gap:var(--s6);height:100%;display:flex}.mark{align-items:center;gap:var(--s2);font-weight:600;font-size:var(--t-lg);letter-spacing:-.021em;margin-right:auto;display:flex}.nav-links{align-items:center;gap:var(--s5);display:flex}.nav-links a{color:var(--muted);font-size:var(--t-base);transition:color var(--fast);font-weight:500}.nav-links a:hover{color:var(--text)}.nav-cta{align-items:center;gap:var(--s2);display:flex}@media (max-width:760px){.nav-links{display:none}}.hero{padding-block:var(--s20) var(--s16);position:relative}.hero .wrap{z-index:1;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(880px 460px at 70% 860px, var(--wash-a), transparent 68%);position:absolute;inset:0 0 -360px}.hero:after{content:"";inset:calc(var(--nav-h) * -1) 0 auto;z-index:0;pointer-events:none;background-image:linear-gradient(90deg, var(--rule-col) 1px, transparent 1px);-webkit-mask-composite:source-in;background-position:top;background-size:128px 100%;height:720px;position:absolute;-webkit-mask-image:linear-gradient(#000 0 30%,#0000 92%),linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#000 0 30%,#0000 92%),linear-gradient(90deg,#0000,#000 14% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.kicker{font-size:var(--t-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:500}.section .kicker+h2{margin-top:var(--s3)}.kicker .c{color:var(--border-hi)}h1{margin-top:var(--s5);font-size:var(--t-d1);letter-spacing:-.028em;text-wrap:balance;max-width:19ch;font-weight:600;line-height:1.06}h1 .dim{color:inherit}.hero-lede{margin-top:var(--s6);max-width:54ch;color:var(--muted);font-size:1.0625rem;line-height:1.6}.hero-actions{margin-top:var(--s8);align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.hero-note{margin-top:var(--s5);align-items:center;gap:var(--s3);font-size:var(--t-sm);color:var(--faint);flex-wrap:wrap;display:flex}.mark .glyph{width:15px;height:15px;color:var(--accent);flex:none}.demo{margin-top:var(--s16);gap:var(--s5);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;display:grid}@media (max-width:900px){.demo{grid-template-columns:minmax(0,1fr)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-head{align-items:center;gap:var(--s2);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);font-size:var(--t-sm);color:var(--muted);font-weight:600;display:flex}.card-body{padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.field label{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--s2);font-weight:500;display:block}.input{background:var(--sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);font-family:var(--mono);font-size:var(--t-sm);color:var(--text);line-height:1.55}.input.url{color:var(--muted)}.input.goal{min-height:92px}.caret{background:var(--accent);vertical-align:text-bottom;width:7px;height:1em;margin-left:2px;display:inline-block}@keyframes blink{50%{opacity:0}}.stage{background:var(--stage);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm), 0 26px 52px -28px var(--drop);flex-direction:column;display:flex;overflow:hidden}.stage-bar{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);background:var(--card);display:flex}.stage-url{background:var(--sunken);border:1px solid var(--border);border-radius:var(--r-sm);min-width:0;padding:3px var(--s2);font-family:var(--mono);font-size:var(--t-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.live{align-items:center;gap:var(--s15);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-flex}.live .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--ring);border-radius:50%;animation:1.8s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.viewport{padding:var(--s6);gap:var(--s4);background-image:linear-gradient(var(--rule-stage) 1px, transparent 1px), linear-gradient(90deg, var(--rule-stage) 1px, transparent 1px);background-position:50%;background-size:32px 32px;display:grid}.wf{border:1px solid var(--border);border-radius:var(--r-md);background:var(--card)}.wf-top{align-items:center;gap:var(--s2);height:30px;padding-inline:var(--s3);transition:opacity .26s;display:flex}.viewport.blank .wf-top{opacity:0}.wf-cols{gap:var(--s4);grid-template-columns:1.4fr 1fr;display:grid}.wf-pane{padding:var(--s4);gap:var(--s3);display:grid}.bar{background:var(--wf-bar);border-radius:999px;height:8px}.bar.hi{background:var(--wf-bar-hi)}.bar.w40{width:40%}.bar.w60{width:60%}.bar.w80{width:80%}.bar.w25{width:25%}.wf-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--sunken);height:26px}.wf-input.focused{border-color:var(--accent-line);background:var(--accent-bg)}.wf-btn{border-radius:var(--r-sm);background:var(--accent);opacity:.85;width:108px;height:28px}.cursor{pointer-events:none;opacity:0;z-index:2;width:15px;height:15px;margin:-7px 0 0 -7px;transition:opacity .24s,transform .52s cubic-bezier(.32,.06,.18,1);position:absolute;top:0;left:0}.demo[data-phase=running] .cursor{opacity:1}.cursor:before,.cursor:after{content:"";border-radius:50%;position:absolute;inset:0}.cursor:before{border:1.5px solid var(--accent-hi);background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}.cursor:after{border:1.5px solid var(--accent);opacity:0}.cursor.tap:before{animation:.3s ease-out press}.cursor.tap:after{animation:.46s ease-out ripple}@keyframes press{45%{transform:scale(.66)}}@keyframes ripple{0%{opacity:.75;transform:scale(.7)}to{opacity:0;transform:scale(2.8)}}.wf-input,.wf-btn,.wf-card{transition:box-shadow .2s,border-color .2s,background .2s}.hit{box-shadow:0 0 0 3px var(--ring)}.feed{border-top:1px solid var(--border);background:var(--card);padding:var(--s4) var(--s5);gap:var(--s2);font-family:var(--mono);font-size:var(--t-xs);display:grid}.step{gap:var(--s3);color:var(--muted);grid-template-columns:20px 1fr;align-items:baseline;display:grid}.step .n{color:var(--faint)}.step.done .n{color:var(--ok)}.step.now{color:var(--text)}.step.now .n{color:var(--accent)}.verdict{margin-top:var(--s2);align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border:1px solid var(--ok-line);background:var(--ok-bg);color:var(--ok);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;justify-self:start;font-weight:600;display:inline-flex}.verdict.bad{border-color:var(--bad-line);background:var(--bad-bg);color:var(--bad)}.flow{margin-top:var(--s16);scroll-margin-top:calc(var(--nav-h) + var(--s5));grid-template-columns:repeat(3,1fr);display:grid}.flow+.demo{margin-top:var(--s6)}.flow li{padding-bottom:var(--s3);border-bottom:1px solid var(--border);letter-spacing:-.012em;color:var(--faint);font-weight:500;transition:color .2s;position:relative}.flow li.done{color:var(--muted)}.flow li.on{color:var(--text)}.flow li:after{content:"";background:var(--border-hi);transform-origin:0;height:1px;transition:transform .34s cubic-bezier(.2,.8,.3,1),background .3s;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.flow li.on:after,.flow li.done:after{transform:scaleX(1)}.flow li.on:after{background:var(--accent)}@media (max-width:860px){.flow{gap:var(--s3);grid-template-columns:1fr}.flow li{padding:0 0 0 var(--s3);border-bottom:0;border-left:1px solid var(--border)}.flow li:after{transform-origin:top;width:1px;height:auto;transition:transform .34s cubic-bezier(.2,.8,.3,1),background .3s;inset:0 auto 0 -1px;transform:scaleY(0)}.flow li.on:after,.flow li.done:after{transform:scaleY(1)}}.grid{margin-top:var(--s10);background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:560px){.grid{grid-template-columns:1fr}}.cell{background:var(--card);padding:var(--s6);gap:var(--s2);transition:background var(--fast);grid-template-rows:auto 1fr auto;display:grid}.cell:hover{background:var(--raised)}.cell .art{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--border);font-family:var(--mono);font-size:var(--t-xs);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:560px){.cell .art{white-space:normal}}.cell .art s{color:var(--bad);-webkit-text-decoration-color:var(--bad-line);text-decoration-color:var(--bad-line)}.cell .art .ok{color:var(--ok)}.cell .art .ar{color:var(--border-hi);padding-inline:var(--s1)}.closing{margin-top:var(--s8);max-width:68ch;color:var(--muted);font-size:var(--t-lg);line-height:1.65}.cell h3{font-size:var(--t-lg)}.cell p{color:var(--muted);font-size:var(--t-base)}.host{gap:var(--s10);grid-template-columns:1fr minmax(0,480px);align-items:center;display:grid}@media (max-width:900px){.host{gap:var(--s8);grid-template-columns:1fr}}.term{background:var(--term-bg);border:1px solid var(--term-line);border-radius:var(--r-lg);font-family:var(--mono);font-size:var(--t-sm);box-shadow:0 18px 38px -22px var(--drop-term);overflow:hidden}.term-body{padding:var(--s5);gap:var(--s15);line-height:1.7;display:grid}.term-body .pr{color:var(--term-accent)}.term-body .cmd{color:var(--term-text)}.term-body .out{color:var(--term-faint)}.term-body .ok{color:var(--term-ok)}.term.armed .term-body>*{visibility:hidden}.term.armed .term-body>.in{visibility:visible}.tcaret{background:var(--term-accent);vertical-align:text-bottom;opacity:0;width:7px;height:1em;margin-left:2px;display:inline-block}.tcaret.on{opacity:1;animation:1.1s step-end infinite blink}.facts{margin-top:var(--s10);border-top:1px solid var(--border)}.facts>div{gap:var(--s8);padding:var(--s5) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,14ch) minmax(0,1fr);display:grid}@media (max-width:760px){.facts>div{gap:var(--s1);grid-template-columns:1fr}}.facts dt{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding-top:4px;font-weight:500}.facts dd{color:var(--muted);max-width:68ch;margin:0}code{font-family:var(--mono);background:var(--sunken);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:1px 5px;font-size:.9em}.mon-wrap{margin-top:var(--s10);position:relative}.mon{background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);gap:1px;display:grid;overflow:hidden}.mon ul{background:var(--border);gap:1px;display:grid}.mon-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--card);font-size:var(--t-sm);color:var(--muted);font-weight:600;display:flex}.mon-head .meta{font-family:var(--mono);font-size:var(--t-xs);color:var(--faint);letter-spacing:.02em;margin-left:auto}.mon-row{align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);background:var(--card);transition:background var(--fast);grid-template-columns:minmax(0,1fr) 104px auto 76px;grid-template-areas:"name cad hist next";display:grid}.mon-row:hover{background:var(--hover)}.mon-row .target{align-items:center;gap:var(--s2);grid-area:name;min-width:0;display:flex}.mon-row .name{font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.tag{font-family:var(--mono);color:var(--faint);border:1px solid var(--border);padding:0 var(--s15);border-radius:999px;flex:none;font-size:11px}.cad{font-family:var(--mono);font-size:var(--t-xs);color:var(--muted);white-space:nowrap;grid-area:cad}.next{font-family:var(--mono);font-size:var(--t-xs);color:var(--faint);white-space:nowrap;grid-area:next;justify-self:end}.hist{padding-block:var(--s2);grid-area:hist;align-items:center;gap:3px;display:flex}.hist i{background:var(--ok);background:color-mix(in srgb, var(--ok) 68%, var(--card));transform-origin:bottom;border-radius:2px;width:4px;height:18px}.hist i.n{background:var(--border-hi);height:10px}.hist i.b{background:var(--bad);box-shadow:0 0 0 2px color-mix(in srgb, var(--bad) 16%, transparent)}.mon.armed .hist i{opacity:0;transform:scaleY(.2)}.mon.armed.ready .hist i{transition:opacity .24s,transform .3s cubic-bezier(.2,.8,.3,1)}.mon.armed.in .hist i{opacity:1;transform:none}.mon-tip{z-index:3;pointer-events:none;width:max-content;max-width:min(320px,82%);padding:var(--s3);background:var(--raised);border:1px solid var(--border-hi);border-radius:var(--r-md);box-shadow:0 14px 30px -14px var(--drop-tip);font-family:var(--mono);font-size:var(--t-xs);color:var(--muted);opacity:0;gap:3px;line-height:1.55;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:0;left:0;transform:translateY(3px)}.mon-tip.on{opacity:1;transform:none}.mon-tip .head{align-items:baseline;gap:var(--s2);display:flex}.mon-tip .v{letter-spacing:.06em;text-transform:uppercase;color:var(--ok);font-weight:600}.mon-tip .v.bad{color:var(--bad)}.mon-tip .v.none{color:var(--faint)}.mon-tip .when{color:var(--faint);margin-left:auto}.mon-tip .what{color:var(--text)}.mon-tip .why{color:var(--bad)}.mon-tip .mail{color:var(--faint)}.mon-wrap .cursor{z-index:4}.mon-wrap .cursor.show{opacity:1}@media (max-width:720px){.mon-row{gap:var(--s2) var(--s4);padding-block:var(--s4);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name next""cad hist"}.cad{align-self:center}}.cta{text-align:center;padding-block:var(--s20)}.cta h2{max-width:18ch;font-size:var(--t-d2);margin-inline:auto}.cta .lede{text-align:center;margin-inline:auto}.cta .hero-actions,.cta .hero-note{justify-content:center}footer{border-top:1px solid var(--border);padding-block:var(--s8)}footer .wrap{align-items:center;gap:var(--s5);flex-wrap:wrap;display:flex}footer .mark{font-size:var(--t-base);margin-right:auto}footer a,footer span{color:var(--faint);font-size:var(--t-sm)}footer a:hover{color:var(--text)}.composer .card-head{justify-content:space-between}.replay{all:unset;cursor:pointer;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;color:var(--faint);transition:color var(--fast)}.replay:hover{color:var(--text)}.caret{opacity:0}.demo[data-typing=url] .caret[data-for=url],.demo[data-typing=goal] .caret[data-for=goal]{opacity:1;animation:1.1s step-end infinite blink}.run-btn{transition:background var(--fast), color var(--fast), opacity var(--fast)}.demo[data-phase=running] .run-btn,.demo[data-phase=done] .run-btn{background:var(--sunken);border-color:var(--border);color:var(--faint)}.run-btn .spin{border:1.5px solid;border-top-color:#0000;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin;display:none}.demo[data-phase=running] .run-btn .spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}.viewport{position:relative}.scenes{display:grid}.scenes>.scene{grid-area:1/1;align-self:start}.scene{gap:var(--s3);opacity:0;visibility:hidden;transition:opacity .26s,transform .26s,visibility 0s linear .26s;display:grid;transform:translateY(5px)}.scene.on{opacity:1;visibility:visible;transition-delay:0s;transform:none}.scene-row{gap:var(--s3);grid-template-columns:repeat(3,1fr);display:grid}.wf-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);padding:var(--s3);gap:var(--s2);display:grid}.wf-card.picked{border-color:var(--accent-line);background:var(--accent-bg)}.wf-btn.danger{background:var(--bad)}.wf-btn.sm{width:76px;height:24px}.stage-url{transition:color var(--fast)}.stage-load{transform-origin:0;opacity:0;background:linear-gradient(90deg, var(--accent-line), var(--accent-hi));height:2px;transform:scaleX(0)}.feed .step,.feed .verdict{opacity:0;transition:opacity .22s ease, transform .22s ease, color var(--fast);transform:translateY(3px)}.feed .step.in,.feed .verdict.in{opacity:1;transform:none}.feed{min-height:148px;position:relative}.feed-wait{top:var(--s4);left:var(--s5);color:var(--faint);opacity:0;pointer-events:none;transition:opacity .24s;position:absolute}.feed:not(:has(.step.in)) .feed-wait{opacity:1}.live{transition:opacity var(--fast)}.demo[data-phase=idle] .live{opacity:.5}.step.now .n{animation:1.15s ease-in-out infinite nowPulse}@keyframes nowPulse{50%{opacity:.4}}.verdict.in{animation:.26s cubic-bezier(.2,1.4,.4,1) both pop}@keyframes pop{0%{transform:scale(.94)}}.presets{gap:var(--s15);margin-top:var(--s1);flex-wrap:wrap;display:flex}.preset{all:unset;cursor:pointer;font-family:var(--mono);color:var(--faint);border:1px dashed var(--border-hi);padding:2px var(--s2);transition:color var(--fast), border-color var(--fast), background var(--fast);border-radius:999px;font-size:11px}.preset:hover{color:var(--text);border-color:var(--accent-line);background:var(--accent-bg)}.preset[aria-pressed=true]{color:var(--accent);border-style:solid;border-color:var(--accent-line);background:var(--accent-bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.feed .step,.feed .verdict{opacity:1;transform:none}}