:root{color-scheme:dark;--bg:#0c0e12;--surface:#14171d;--surface-2:#1b1f27;--surface-3:#232833;--rule:#262b35;--rule-strong:#353b48;--ink:#eceef2;--ink-2:#a3abb9;--ink-3:#8a93a3;--accent:#bfd3fb;--on-accent:#0c0e12;--primary:#bfd3fb;--link:#bfd3fb;--ring:#bfd3fb;--guest-bg:#fff;--guest-surface:#eceef2;--guest-ink:#0c0e12;--guest-ink-2:#4a5262;--guest-line:#6b7385;--guest-bubble:#bfd3fb;--f-text:"Fira Sans", ui-sans-serif, system-ui, sans-serif;--f-code:"Fira Code", ui-monospace, "SF Mono", monospace;--serif:"EB Garamond", Georgia, serif;--s-small:.8rem;--s-body:1rem;--s-lead:1.25rem;--s-h3:1.563rem;--s-h2:clamp(1.953rem, 3vw, 2.441rem);--s-display:clamp(2.441rem, 4.6vw, 4rem);--gutter:1rem;--margin:clamp(1rem, 3vw, 2rem);--max:76rem;--stage:min(calc(100vw - 2 * var(--margin)), 88rem);--radius:.5rem;--radius-window:.75rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-colour:ease;--dur-press:.1s;--dur-fast:.16s;--dur-base:.2s;--dur-draw:.6s}@media (prefers-contrast:more){:root{--ink-3:#a3abb9;--rule:#4a5262;--rule-strong:#6b7385}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--f-text);font-size:var(--s-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;line-height:1.55;display:flex}::selection{background:var(--surface-3)}a{color:var(--link);text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-colour);text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}code,.code{font-family:var(--f-code);font-size:var(--s-small);letter-spacing:0;font-variant-numeric:tabular-nums}:where(p,ul,ol,dl,dd,figure,h1,h2,h3,blockquote){margin:0}:where(ul,ol){padding:0;list-style:none}h1,h2,h3{color:var(--ink);font-weight:600}.display{font-size:var(--s-display);letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1}.display .dim,.h2 .dim{color:var(--ink-3)}.h2{font-size:var(--s-h2);letter-spacing:-.025em;text-wrap:balance;font-weight:600;line-height:1.1}.h3{font-size:var(--s-h3);letter-spacing:-.015em;font-weight:600;line-height:1.2}.lead{font-size:var(--s-lead);letter-spacing:-.006em;color:var(--ink-2);text-wrap:pretty;line-height:1.45}.small{font-size:var(--s-small);letter-spacing:.005em;line-height:1.5}.eyebrow{font-size:var(--s-small);letter-spacing:.04em;color:var(--ink-3);font-weight:600;line-height:1.4}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.skip{z-index:50;background:var(--surface);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:.4rem .7rem;position:absolute;top:-6rem;left:1rem}.skip:focus{top:1rem}.wrap{width:100%;max-width:var(--max);padding-inline:var(--margin);margin-inline:auto}.masthead{border-bottom:1px solid var(--rule)}.masthead .wrap{flex-wrap:wrap;align-items:center;gap:.25rem 2rem;padding-block:.75rem;display:flex}.wordmark{font-family:var(--serif);text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-size:1rem;font-weight:600;line-height:1.6;text-decoration:none}.nav{flex-wrap:wrap;gap:.25rem 1.25rem;margin-left:auto;display:flex}.nav a{color:var(--ink-2);font-weight:500;font-size:var(--s-small);padding:.35rem 0;text-decoration:none}.nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--accent)}@media (hover:hover) and (pointer:fine){.nav a:hover,a:hover{color:var(--ink)}}@media (width<48rem){.nav{width:100%;margin-left:0}}.page{flex:1;width:100%}.foot{border-top:1px solid var(--rule);margin-top:5rem}.foot .wrap{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:2rem 2.5rem;display:grid}.foot .wordmark{font-size:var(--s-small)}.foot__sentence{color:var(--ink-2);max-width:60ch;font-size:var(--s-small)}.foot ul{font-size:var(--s-small);flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.foot a{color:var(--ink-2)}@media (width>=64rem){.foot .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.btn,.ghost{border-radius:var(--radius);font:500 var(--s-body)/1 var(--f-text);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.btn{background:var(--accent);color:var(--on-accent);border:0;padding:.75rem 1.1rem}.ghost{color:var(--ink);border:1px solid var(--rule-strong);font-size:var(--s-small);background:0 0;padding:.6rem .9rem}.btn:active,.ghost:active,.icon-btn:active{transition-duration:var(--dur-press);transform:scale(.97)}.btn[disabled]{opacity:.7;cursor:default}@media (hover:hover) and (pointer:fine){.btn:hover{color:var(--on-accent)}.ghost:hover{border-color:var(--ink-3)}}.icon-btn{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);width:2rem;height:2rem;color:var(--ink-2);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn[hidden]{display:none}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.st-chip{border-radius:var(--radius);font:500 var(--s-small)/1.5 var(--f-text);white-space:nowrap;border:1px solid var(--accent);color:var(--accent);padding:.05rem .55rem;display:inline-block}.st-chip--solid{background:var(--accent);color:var(--on-accent)}.st-chip--dashed{border-style:dashed}.sec{padding-top:6rem}.sec__head{gap:.75rem;max-width:46rem;margin-bottom:2rem;display:grid}.sec__head .lead{font-size:var(--s-body);letter-spacing:0;line-height:1.55}@media (width>=64rem){.sec__head--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:2rem;max-width:none}.sec__head--split .eyebrow,.sec__head--split .h2{grid-column:1}.sec__head--split .lead{grid-area:1/2/span 2;align-self:end}}.more{font-weight:500;font-size:var(--s-small);margin-top:1.5rem}.custom>*{align-self:start}.fold{margin-top:1rem}.fold>summary{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:500;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"+";font-family:var(--f-code);color:var(--accent)}.fold[open]>summary:after{content:"−"}.fold>summary:active{transition-duration:var(--dur-press);transform:scale(.98)}.fold>.fold-b{margin-top:1rem}@supports selector(::details-content){@media (width>=48rem){.fold>summary{display:none}.fold::details-content{content-visibility:visible;display:contents}.fold>.fold-b{margin-top:0}}}.hero{gap:1rem 2rem;padding-top:clamp(1.5rem,4vh,2.5rem);display:grid}.hero .lead{font-size:var(--s-body);letter-spacing:0;max-width:34rem;line-height:1.55}.hero__act{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.hero__status{font-size:var(--s-small);color:var(--ink-2);font-weight:500}.hero .demo{margin-top:1rem}@media (width>=48rem){.hero{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.hero h1,.hero .demo{grid-column:1/-1}.hero .lead{grid-column:1}.hero__act{grid-column:2;place-self:end}}@media (width>=64rem){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.hero h1{grid-area:1/1/span 2}.hero .lead{grid-area:1/2}.hero__act{grid-area:2/2;justify-self:start}.hero .demo{grid-row:3;margin-top:.75rem}}.page-head{gap:.75rem;max-width:52rem;padding-top:clamp(2rem,6vh,4rem);display:grid}.page-head h1{font-size:var(--s-h2);letter-spacing:-.025em;line-height:1.1}.page-head+*{margin-top:2rem}.page-head .lead{max-width:60ch}.prose{max-width:66ch}.prose>*+*{margin-top:1rem}.prose h2{font-size:var(--s-h3);letter-spacing:-.015em;margin-top:2.5rem;line-height:1.2}.prose h3{font-size:var(--s-body);margin-top:1.75rem}.quote{border-left:1px solid var(--accent);padding:.1rem 0 .1rem 1rem}.quote>*+*{margin-top:.5rem}.quote cite{color:var(--ink-3);font-style:normal;font-size:var(--s-small);display:block}.steps{counter-reset:step;gap:1.25rem;max-width:66ch;display:grid}.steps li{counter-increment:step;padding-left:3rem;position:relative}.steps li:before{content:counter(step, decimal-leading-zero);font:var(--s-small)/1.5 var(--f-code);color:var(--accent);position:absolute;top:.1rem;left:0}.steps h3{font-size:var(--s-body);margin-bottom:.25rem}.steps p{color:var(--ink-2)}.idx{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=48rem){.idx{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.idx{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{border:1px solid var(--rule-strong);border-radius:var(--radius-window);background:var(--surface);height:100%;color:var(--ink);transition:transform var(--dur-fast) var(--ease-out);align-content:start;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.tile:active{transition-duration:var(--dur-press);transform:scale(.98)}.tile b{font:600 var(--s-body)/1.3 var(--f-code)}.tile-n{font-weight:500}.tile-f{font-size:var(--s-small);color:var(--ink-2);margin-bottom:.4rem}.tile .st-chip{white-space:normal;justify-self:start}.legend{font-size:var(--s-small);color:var(--ink-3);max-width:60ch;margin-top:1rem}.cells{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=48rem){.cells{grid-template-columns:repeat(3,minmax(0,1fr))}}.cell{border:1px solid var(--rule-strong);border-radius:var(--radius-window);background:var(--surface);align-content:start;gap:.5rem;padding:1.25rem;display:grid}.cell b{font-size:var(--s-h3);letter-spacing:-.015em;font-variant-numeric:tabular-nums;line-height:1.2}.cell p{color:var(--ink-2)}.bar{gap:.6rem;max-width:46rem;margin-top:1.5rem;display:grid}.bar-t{background:var(--surface-3);border-radius:999px;height:.5rem;display:block;overflow:hidden}.bar-t i{background:var(--accent);transform-origin:0;height:100%;display:block}.bar p{color:var(--ink-2);font-size:var(--s-small)}.bar b{color:var(--ink);font-variant-numeric:tabular-nums}.line-grid,.cols2{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width>=48rem){.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.line-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.fold--cols{margin-top:0}}.col{border:1px solid var(--rule-strong);border-radius:var(--radius-window);background:var(--surface);align-content:start;gap:.6rem;padding:1.25rem;display:grid}.col h3{font-size:var(--s-body)}.col li{color:var(--ink-2);padding-left:1rem;position:relative}.col li:before{content:"";background:var(--accent);width:.4rem;height:1px;position:absolute;top:.65em;left:0}.caps{font-size:var(--s-small);color:var(--ink-2);border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;padding-top:.6rem;display:grid}.caps dt{font:600 var(--s-small)/1.5 var(--f-code);color:var(--ink);text-align:right}.limits{gap:.6rem;display:grid}.limits--phone{display:none}.planned-row{border:1px dashed var(--accent);border-radius:var(--radius);color:var(--ink-2);margin-top:1rem;padding:.9rem 1rem}.planned-row b{color:var(--accent);margin-right:.5rem}.stills{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;margin-top:1.5rem;display:grid}@media (width>=48rem){.stills{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.stills{grid-template-columns:17rem 17rem minmax(0,1fr)}}.still{gap:.5rem;display:grid}.still .eyebrow{font-weight:500}.cap{font-size:var(--s-small);color:var(--ink-3);max-width:66ch;margin-top:1rem}.custom{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}@media (width>=64rem){.custom{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.ticks{gap:.6rem;display:grid}.ticks li{color:var(--ink-2);padding-left:1.5rem;position:relative}.ticks li:before{content:"";border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:.7rem;height:.4rem;position:absolute;top:.35em;left:.1rem;transform:rotate(-45deg)}.studio{border:1px solid var(--rule-strong);border-radius:var(--radius-window);background:var(--surface);gap:1.5rem;padding:2rem;display:grid}.studio .h3{max-width:40ch}.studio .acts{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.notice{border:1px solid var(--rule-strong);border-left:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);max-width:66ch;padding:.8rem 1rem}.notice strong{color:var(--accent)}.form{gap:1.1rem;max-width:34rem;display:grid}.field label{margin-bottom:.3rem;font-weight:500;display:block}.field .hint{font-size:var(--s-small);color:var(--ink-2);margin-top:.3rem;display:block}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:.6rem .75rem;display:block}.field textarea{resize:vertical;min-height:8rem}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.tbl-wrap{border:1px solid var(--rule-strong);border-radius:var(--radius-window);background:var(--surface);overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:var(--s-small)}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.6rem .8rem}.tbl thead th{color:var(--ink-3);font-weight:500}.tbl tbody tr:last-child>*{border-bottom:0}.tbl tbody th{font-weight:500}.tbl .bdg{border-radius:var(--radius);border:1px solid var(--rule-strong);color:var(--ink-2);white-space:nowrap;padding:0 .45rem;display:inline-block}.tbl .bdg--native{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tbl .bdg--phone{border-color:var(--accent);color:var(--accent)}.tbl .bdg--degraded,.tbl .bdg--link,.tbl .bdg--person{border-style:dashed}@media (width<48rem){.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block}.tbl tr{border-bottom:1px solid var(--rule);padding:.6rem .8rem}.tbl th,.tbl td{border:0;padding:.15rem 0}.tbl td[data-ch]:before{content:attr(data-ch) " · ";color:var(--ink-3)}}@media screen{html[data-navigating]{cursor:progress}html[data-navigating] body:after{content:"";background:var(--primary);pointer-events:none;z-index:100;width:33%;height:2px;animation:1.1s linear .15s infinite backwards nav-pending;position:fixed;top:0;left:0}}@keyframes nav-pending{0%{transform:translate(-100%)}to{transform:translate(310%)}}@media screen and (prefers-reduced-motion:reduce){html[data-navigating] body:after{background:repeating-linear-gradient(90deg, var(--primary) 0 6px, transparent 6px 12px);width:100%;animation:1ms linear .15s both nav-pending-still}}@keyframes nav-pending-still{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.btn:active,.ghost:active,.icon-btn:active,.tile:active{transform:none}html{scroll-behavior:auto}}@media (prefers-reduced-transparency:reduce){.tile,.cell,.col,.notice{background-color:var(--surface)}}@media (prefers-contrast:more){.tile,.cell,.col,.tbl-wrap,.field input,.field textarea{border-color:var(--ink-2)}a{text-decoration-thickness:2px}}@media (width<48rem){.sec{padding-top:3.5rem}.limits--wide{display:none}.limits--phone{display:grid}.idx{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tile{gap:.25rem;padding:.75rem}.tile-f,.tile .chip-rest{display:none}.tile-n{font-size:var(--s-small);line-height:1.35}.cell{padding:.9rem 1rem}.cell b{font-size:var(--s-lead)}.studio{padding:1.25rem}.lead--dup,.still--wide{display:none}.tile .st-chip{font-size:var(--s-small)}.sec__head{margin-bottom:1.25rem}}@media print{:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#f4f6fa;--surface-3:#eef2f7;--rule:#e2e8f0;--rule-strong:#c9d3e0;--ink:#0f172a;--ink-2:#3f4c63;--ink-3:#56667f;--accent:#1e3a8a;--on-accent:#fff;--primary:#1e3a8a;--link:#1e3a8a;--ring:#1e3a8a}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.skip,.nav{display:none!important}.sec{break-inside:auto;padding-top:2.5rem}a{color:inherit}}.demo{--k:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""screen""desk""phone""track""machine""after""cap";gap:1rem;margin-top:1.5rem;display:grid;position:relative}.demo__head{grid-area:head}.demo__screen{grid-area:screen;min-width:0}.demo__desk{grid-area:desk;min-width:0}.demo__phone{grid-area:phone;min-width:0}.demo__track{grid-area:track;min-width:0}.demo__machine{grid-area:machine;min-width:0}.demo__after{grid-area:after;min-width:0}.demo__cap{font-size:var(--s-small);color:var(--ink-3);grid-area:cap;max-width:70ch}.demo-clock{pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.demo__head{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding-bottom:.6rem;display:flex;position:relative}.demo__eyebrow{font-size:var(--s-small);color:var(--ink-2);margin-right:auto;font-weight:500}.demo__extra{font-size:var(--s-small);color:var(--ink-3);flex-basis:100%;order:3}.demo__ctl{margin-left:.25rem}.demo__ctl .g-play{display:none}.demo[data-paused] .demo__ctl .g-play{display:block}.demo[data-paused] .demo__ctl .g-pause{display:none}.demo__bar{background:var(--accent);transform-origin:0;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.demo:not([data-armed]) .demo__bar{display:none}@media (width<48rem){.demo__head{z-index:5;background:var(--bg);padding-top:.6rem;position:sticky;top:0}}@media (width>=48rem){.demo--stage,.demo--tall{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""screen track""machine machine""after after""cap cap";column-gap:1.5rem}.demo--pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""desk desk""phone track""after after""cap cap";column-gap:1.5rem}.demo--wide{grid-template-areas:"head""desk""track""after""cap"}.demo__extra{flex-basis:auto;order:0}}@media (width>=64rem){.demo--stage{grid-template-columns:15rem 20rem minmax(0,1fr);grid-template-areas:"head head head""track screen machine""after after machine""cap cap cap";column-gap:1.75rem}.demo--tall{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head head""track screen""after screen""cap screen";align-items:start;column-gap:3rem}.demo--pair{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);grid-template-areas:"head head head""track desk phone""after after after""cap cap cap";align-items:start;column-gap:1.5rem}.demo--wide{grid-template-columns:minmax(0,4fr) minmax(0,7fr);grid-template-areas:"head head""track desk""after desk""cap desk";align-items:start;column-gap:2rem}.demo--tall .demo__screen{justify-self:center;width:min(100%,22rem)}}@media (width>=90rem){.demo--stage{width:var(--stage);margin-inline:calc((100% - var(--stage)) / 2);grid-template-columns:16rem 20rem minmax(0,1fr)}}.trk{gap:.75rem;display:grid;position:relative}.trk:before{content:"";background:var(--rule-strong);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:1.55rem}.trk-row{--from:var(--ink-3);--to:var(--ink);color:var(--to);grid-template-columns:.9rem .6rem minmax(0,1fr);align-items:start;column-gap:.6rem;display:grid}.trk-n{font:var(--s-small)/1.5 var(--f-code);color:var(--ink-3);text-align:right}.trk-dot{z-index:1;border:1px solid var(--accent);background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 .2rem var(--bg);border-radius:50%;justify-self:center;margin-top:.3rem;position:relative}.trk-t{font-size:var(--s-small);text-wrap:pretty;line-height:1.5}.trk-a{margin-right:.25em;font-weight:600}.trk-s{font:var(--s-small)/1.45 var(--f-code);color:var(--ink-2);overflow-wrap:anywhere;grid-column:3;margin-top:.15rem}.dev{background:var(--surface-2);border:1px solid var(--rule-strong);border-radius:2.25rem;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;margin:0;padding:.5rem;display:grid}.dev--planned{border:1px dashed var(--accent)}.dev-screen{background:var(--guest-bg);min-height:0;color:var(--guest-ink);font-size:var(--s-small);letter-spacing:.005em;border-radius:1.75rem;grid-template-rows:minmax(0,1fr);line-height:1.45;display:grid;position:relative;overflow:hidden}.dev--phone{width:100%;max-width:24rem;margin-inline:auto}.dev--chat{height:min(30rem,68svh)}.snaps{flex:1;min-height:0;display:grid}.snap{flex-direction:column;grid-area:1/1;min-height:0;display:flex;overflow:hidden}.snap>.log--end,.snap>.log--top{flex:1}.log--top{justify-content:flex-start}.ph-empty{color:var(--guest-ink-2);text-align:center;margin:auto 0;padding:0 1rem}.dev--short{min-height:14rem}@media (width>=48rem){.dev--short{min-height:22rem}}.dev--fit,.dev--still{height:auto}.dev--still{max-width:17rem;margin-inline:0}@media (width>=48rem){.dev--chat{height:32rem}}@media (width>=64rem){.dev--chat{height:34rem}.demo--stage .dev--phone{max-width:none}}.dev--desk{border-radius:var(--radius-window);grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden}.dev--desk .dev-screen{border-radius:0}.desk-bar{border-bottom:1px solid var(--rule);align-items:center;gap:.35rem;padding:.55rem .75rem;display:flex}.desk-bar i{background:var(--rule-strong);border-radius:50%;width:.45rem;height:.45rem}.desk-t{font:var(--s-small)/1 var(--f-code);color:var(--ink-3);margin-left:.5rem}.dev--drawer{border-radius:var(--radius-window);max-width:24rem;height:auto;margin-inline:auto;padding:0;overflow:hidden}.dev--drawer .dev-screen{border-radius:var(--radius-window);grid-template-rows:auto minmax(0,1fr) auto}.views{min-height:0;display:grid}.view{flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.strip{background:var(--guest-surface);color:var(--guest-ink);border-bottom:1px dashed var(--guest-line);letter-spacing:.06em;text-transform:uppercase;padding:.3rem .9rem;font-weight:600}.v-head{background:var(--guest-surface);border-bottom:1px solid #dde2ea;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:600;display:flex}.v-body{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.9rem 1rem;display:flex;position:relative;overflow:hidden}.v-foot{background:var(--guest-surface);border-top:1px solid #dde2ea}.v-foot-t{color:var(--guest-ink-2);text-align:center;padding:.55rem 1rem}.view--wait{place-items:center;display:grid}.wait{color:var(--guest-ink-2);text-align:center;padding:2rem 1.5rem;font-style:italic}.view--bn .v-body{padding-top:6.5rem}.scr-x svg{fill:none;width:.85rem;height:.85rem;stroke:var(--guest-ink-2);stroke-width:2px;stroke-linecap:round;display:block}.dev-screen :is(.h,.h2,.h3){font-size:inherit;line-height:inherit;letter-spacing:inherit;text-wrap:wrap}.dev-screen .h{font-weight:600}.dev-screen .h2{color:var(--guest-ink-2);margin-top:.2rem;font-weight:600}.dev-screen .muted{color:var(--guest-ink-2)}.brand{font-weight:600}.hd-r,.crumb{color:var(--guest-ink-2);font-weight:400}[data-c=sample]{text-decoration:underline dotted var(--guest-line) 1px;text-underline-offset:.2em}.win [data-c=sample]{text-decoration-color:var(--ink-3)}.ill{color:var(--guest-ink-2);font-style:italic;display:block}.btn-p,.btn-s,.btn-g{border-radius:var(--radius);padding:.3rem .65rem;font-weight:600;display:inline-block}.btn-p{background:var(--guest-ink);color:var(--guest-bg)}.btn-s{color:var(--guest-ink);border:1px solid #c9d0db}.btn-g{color:var(--guest-ink-2)}.btn-w{text-align:center;display:block}.btn-big{padding:.8rem .65rem}.bdg{border:1px solid var(--guest-line);color:var(--guest-ink-2);white-space:nowrap;border-radius:999px;padding:0 .45rem;font-weight:600;display:inline-block}.bdg--warn{border-color:var(--guest-ink);color:var(--guest-ink)}.bdg--on{border-color:var(--guest-bubble);background:var(--guest-bubble);color:var(--guest-ink)}.stk{vertical-align:baseline;justify-items:start;display:inline-grid}div.stk{display:grid}.stk-i{grid-area:1/1;min-width:0}.card{border-radius:var(--radius);background:var(--guest-bg);border:1px solid #c9d0db;gap:.3rem;padding:.7rem .75rem;display:grid}.card--warn{border-color:var(--guest-ink-2)}.acts{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.kv{grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;display:grid}.kv dt{color:var(--guest-ink-2)}.kv--stack{grid-template-columns:minmax(0,1fr);gap:.2rem}.kv--stack dt{margin-top:.3rem}.kv--row{grid-template-columns:repeat(3,auto minmax(0,1fr))}.fld{border:1px solid var(--guest-line);border-radius:var(--radius);padding:.35rem .5rem}.fld--tall{min-height:3.2rem}.fld--ph{border-style:dashed;height:2.4rem}.tabs{border-bottom:1px solid #dde2ea;flex-wrap:wrap;gap:.25rem .9rem;display:flex}.tabs span{color:var(--guest-ink-2);white-space:nowrap;padding-bottom:.3rem}.tabs .on{color:var(--guest-ink);box-shadow:inset 0 -2px 0 var(--guest-ink);font-weight:600}.v-foot .tabs{border:0;justify-content:space-around;padding:.55rem .3rem .4rem}.tb{display:grid}.tb-row{border-bottom:1px solid #dde2ea;grid-template-columns:1.5fr 1.5fr 1fr 1fr .7fr;align-items:baseline;gap:.5rem;padding:.4rem 0;display:grid}.tb-row>*{overflow-wrap:anywhere;min-width:0}.tb-row--3{grid-template-columns:1fr auto auto}.tb-hd{color:var(--guest-ink-2)}.tb .stk-i{padding:.4rem 0}.tb .stk-i .tb-row{border:0;padding:0}.chain{gap:.3rem;display:grid}.chain li{align-items:center;gap:.5rem;display:flex}.cd{border:1.5px solid var(--guest-line);background:var(--guest-bg);border-radius:50%;width:.6rem;height:.6rem;display:block}.cd--now{border-color:var(--guest-ink);box-shadow:0 0 0 2px var(--guest-bubble)}.cd--done{border-color:var(--guest-ink);background:var(--guest-ink)}.row-l{border-top:1px solid #dde2ea;padding-top:.3rem}.quote-s,.dev-screen .quote{color:var(--guest-ink-2);border-left:2px solid #c9d0db;padding-left:.5rem}.cols{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=30rem){.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cols--panel{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.cols>div{align-content:start;gap:.4rem;min-width:0;display:grid}.panel{border-left:1px solid #dde2ea;padding-left:.75rem}.disc{color:var(--guest-ink-2)}.status{font-weight:600}.qa{border-radius:var(--radius);background:var(--guest-surface);gap:.3rem;padding:.6rem .7rem;display:grid}.quiet-line{color:var(--guest-ink-2);align-items:center;gap:.35rem;display:flex}.quiet-line svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:.75rem;height:.75rem}.pills{flex-wrap:wrap;gap:.3rem;display:flex}.banner{z-index:2;border-radius:var(--radius);background:var(--guest-surface);border:1px solid #c9d0db;gap:.1rem;padding:.55rem .65rem;display:grid;position:absolute;top:.5rem;left:.5rem;right:.5rem}.bn-ch{letter-spacing:.06em;color:var(--guest-ink-2);font-variant-caps:all-small-caps;font-weight:600}.bn-t{font-weight:600}.toast{border-radius:var(--radius);background:var(--guest-ink);color:var(--guest-bg);justify-content:space-between;gap:.75rem;padding:.55rem .65rem;display:flex}.toast b{color:var(--guest-bubble)}.pl-el{border:1px dashed var(--guest-line);border-radius:var(--radius);gap:.35rem;padding:.6rem .65rem;display:grid}.pl-tag{background:var(--guest-surface);border-radius:.3rem;justify-self:start;padding:0 .4rem;font-weight:600}.mp{gap:.3rem;display:grid}.mp p{border:1px solid #c9d0db;border-radius:.4rem;padding:.3rem .4rem}.mp--draft p{border-style:dashed;border-color:var(--guest-line)}.panes{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=48rem){.panes{grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}}.pane-l{align-content:start;gap:.4rem;display:grid}.pane-r{min-width:0}.q-row{border:1px solid var(--guest-ink);border-radius:var(--radius);gap:.2rem;padding:.5rem;display:grid}.det{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=48rem){.det{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.det>div{align-content:start;gap:.4rem;display:grid}.rel{color:var(--guest-ink-2);line-height:1.6}.keys{font-family:var(--f-code);color:var(--guest-ink-2)}.sig{align-content:start;gap:.4rem;display:grid}.sig-src{border:1px solid var(--guest-ink);border-radius:var(--radius);gap:.3rem;padding:.5rem;display:grid}.gl{gap:.25rem;display:grid}.gl b{margin-right:.4em;font-weight:600}.mark-st{background:var(--guest-bubble)}.na{border-top:1px solid #dde2ea;padding-top:.4rem;font-weight:600}.cr{border-top:1px solid #dde2ea;gap:.1rem;padding-top:.3rem;display:grid}.lvl{font-weight:600}.ed,.ok{font-style:italic}.pl-card{border-radius:var(--radius);border:1px solid #c9d0db;gap:.3rem;padding:.55rem .6rem;display:grid}.list li{border-bottom:1px solid #dde2ea;padding:.35rem 0}.modal{z-index:3;border:1px solid var(--guest-line);border-radius:var(--radius);background:var(--guest-bg);gap:.4rem;width:min(17rem,100% - 2rem);padding:.75rem;display:grid;position:absolute;top:3.2rem;right:1rem;box-shadow:0 .4rem 1.2rem #0c0e122e}.modal.m-tr{opacity:0}.modal--wide{width:min(20rem,100% - 2rem);top:2.6rem}.plain--quiet{color:var(--ink-2)}.plain--quiet li:before{content:"· ";color:var(--ink-3)}.tabs--in{margin-bottom:.25rem}.cols--prof{grid-template-columns:minmax(0,1fr)}@media (width>=30rem){.cols--prof{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.tab-card{align-content:start;gap:.35rem}.tab-l{border-top:1px solid #dde2ea;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:.5rem;padding-top:.3rem;display:grid}.tab-l>span:first-child{color:var(--guest-ink-2)}.tb--folio .tb-row{grid-template-columns:1fr 1.6fr .7fr .7fr .8fr}.log{flex-direction:column;gap:.6rem;display:flex}.log--end{flex:1;justify-content:flex-end;gap:.5rem;min-height:0}.v-body:has(>.log--end){border-top:1px solid #dde2ea}.ph-guest,.dr-me{background:var(--guest-bubble);max-width:85%;color:var(--guest-ink);border-radius:.9rem .9rem .25rem;align-self:flex-end;padding:.45rem .7rem}.ph-text{max-width:92%}.ph-lines{font-family:var(--f-code)}.ph-status{color:var(--guest-ink-2);white-space:nowrap}.ph-card,.ck{background:var(--guest-surface);border:1px solid #c9d0db;border-radius:.75rem;justify-items:start;gap:.3rem;padding:.65rem .75rem;display:grid}.ck{background:var(--guest-bg);justify-items:stretch}.log--end .ck{gap:.15rem;padding:.5rem .65rem}.ph-card-t{font-weight:600}.ph-card-h{color:var(--guest-ink-2)}.ph-court{margin-top:.2rem;font-weight:600}.ph-slot{border:1px solid var(--guest-line);border-radius:var(--radius);background:var(--guest-bg);justify-items:center;min-width:3.5rem;padding:.3rem .5rem;display:grid}.ph-slot b{font-weight:600}.ph-slot i{color:var(--guest-ink-2);font-style:normal}.ck-h,.ck-l{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.ck-tot{border-top:1px solid #dde2ea;padding-top:.2rem;font-weight:600}.ck-r,.ck-n{color:var(--guest-ink-2)}.ck-pay{font-weight:600}.compose{align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.scr-field{border:1px solid var(--guest-line);border-radius:var(--radius);background:var(--guest-bg);min-width:0;color:var(--guest-ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:.45rem .65rem;overflow:hidden}.scr-field .stk{display:grid}.scr-field .stk-i{text-overflow:ellipsis;overflow:hidden}.scr-send{border-radius:var(--radius);background:var(--guest-bubble);color:var(--guest-ink);padding:.45rem .7rem;font-weight:600}.ch-word{font-weight:600}.dr-log{align-content:start;display:grid}.dr-log>*{grid-area:1/1}.dr-convo{flex-direction:column;gap:.6rem;display:flex}.dr-intro{color:var(--guest-ink-2);gap:.35rem;display:grid}.dr-ih{color:var(--guest-ink);font-weight:600}.dr-stack{display:grid}.dr-stack>*{grid-area:1/1;align-self:start}.dr-stack>.dr-dots{justify-self:start}.dr-dots{background:var(--guest-surface);border-radius:var(--radius);gap:.25rem;padding:.6rem .65rem;display:flex}.dr-dots i{background:var(--guest-ink-2);border-radius:50%;width:.35rem;height:.35rem}.dr-them{background:var(--guest-surface);border-radius:.6rem .6rem .6rem .2rem;align-self:flex-start;gap:.5rem;max-width:96%;padding:.6rem .65rem;display:grid}.dr-used{color:var(--guest-ink-2)}.dr-foot{gap:.4rem;padding:.6rem .75rem;display:grid}.scr-foot{color:var(--guest-ink-2)}.chg{background:var(--guest-bg);border-radius:var(--radius);border:1px solid #c9d0db;gap:.3rem;padding:.6rem;display:grid}.chg-e{color:var(--guest-ink-2)}.chg-s{font-weight:600}.chg-i s{color:var(--guest-ink-2)}.chg-act{margin-top:.3rem;display:grid}.chg-set{grid-area:1/1;align-items:center;gap:.4rem;display:flex}.mark-wrap{position:relative}.mark{background:var(--guest-bubble);border-radius:2px;position:absolute;inset:-.1em -.2em}.mark-text{position:relative}.win{background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius-window);grid-template-rows:auto auto;align-content:start;min-width:0;margin:0;display:grid;overflow:hidden}.demo__machine{align-self:start}.win-log--rule{border-top:1px solid var(--rule);margin-top:1rem;padding-top:.9rem}.win-bar{border-bottom:1px solid var(--rule);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:.25rem 1rem;min-height:2.75rem;padding:.45rem 1rem;display:flex}.win-t{font-size:var(--s-small);font-weight:500}.win-m{font-size:var(--s-small);color:var(--ink-3);margin-left:auto}.win-body{min-height:0;padding:.9rem 1rem;overflow:hidden}.win-log{flex-direction:column;gap:.5rem;display:flex}.win-row{grid-template-columns:minmax(0,1fr);gap:.1rem;display:grid}@media (width>=30rem){.win-row{grid-template-columns:6.5rem minmax(0,1fr);column-gap:.75rem}}.win-k{font:var(--s-small)/1.5 var(--f-code);color:var(--ink-3)}.win-v{font-size:var(--s-small);color:var(--ink);overflow-wrap:anywhere;line-height:1.5}.win-v code{color:var(--accent)}.win-row--past .win-v,.win-quiet{color:var(--ink-3)}.win-note{font-size:var(--s-small);color:var(--ink-3);margin-top:.75rem}.grades li:before{content:"✓ ";color:var(--accent)}.fence-panes{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=64rem){.fence-panes{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);align-items:start}}.pane{align-content:start;gap:.6rem;min-width:0;display:grid}.pane-h{font-size:var(--s-small);color:var(--ink-2);justify-content:space-between;font-weight:500;display:flex}.pane-h span{color:var(--ink-3);font-weight:400}.rec{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface-2);font-size:var(--s-small);gap:.2rem;padding:.7rem .8rem;display:grid}.rec-k{color:var(--ink-3);margin-top:.2rem}.rec-a{font-weight:500}.fence-line{border-top:1px dashed var(--accent);height:1.5rem;margin-top:.75rem;position:relative}.fence-line span{background:var(--surface);font:var(--s-small)/1 var(--f-code);color:var(--accent);padding:0 .4rem;position:absolute;top:0;left:1rem;transform:translateY(-50%)}@media (width>=64rem){.fence-line{border-top:0;border-left:1px dashed var(--accent);height:auto;margin:0 0 0 .7rem}.fence-line span{writing-mode:vertical-rl;padding:.4rem 0;top:1rem;left:0;transform:translate(-50%)rotate(180deg)}}.fence-wait{font-size:var(--s-small);padding:.5rem 0}.fenced{border:1px dashed var(--accent);border-radius:var(--radius);gap:.15rem;padding:.5rem .6rem;display:grid}.fence-tag{color:var(--accent)}.fence-body{white-space:pre-wrap;color:var(--ink-2)}.ins{color:var(--ink-3)}.plain{font-size:var(--s-small);gap:.3rem;display:grid}.plain li:before{content:"✓ ";color:var(--accent)}.spans{gap:.5rem;display:grid}.span-row{font-size:var(--s-small);grid-template-columns:minmax(0,1fr);align-items:center;gap:.15rem .75rem;display:grid}@media (width>=48rem){.span-row{grid-template-columns:11rem minmax(0,1fr) minmax(0,12rem)}.win--chain .span-row{grid-template-columns:13.5rem 11rem minmax(0,1fr)}}.span-n{color:var(--ink)}.span-code{color:var(--ink-3);overflow-wrap:normal;word-break:normal}.win--chain .span-code{color:var(--accent)}.span-track{background:var(--surface-3);border-radius:999px;height:.5rem;position:relative}.span-bar{background:var(--accent);border-radius:999px;width:14%;position:absolute;top:0;bottom:0;left:0}.mods{border-top:1px solid var(--rule);gap:.5rem;padding-top:1rem;display:grid}.mods-h{font-size:var(--s-small);color:var(--ink-3);font-weight:500}.mods-l{flex-wrap:wrap;gap:.35rem;display:flex}.mod{border:1px solid var(--rule-strong);border-radius:var(--radius);font-size:var(--s-small);color:var(--ink-2);padding:.05rem .5rem}.mod--on{border-color:var(--accent);color:var(--ink)}.mod-k{color:var(--accent)}.mods-s{font-size:var(--s-small);color:var(--ink-2)}.mods .pl-el{border-color:var(--accent);color:var(--ink-2);font-size:var(--s-small)}.mods .pl-tag{color:var(--accent);background:0 0;padding:0}.eco-r,.pick-r{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.eco-body{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.eco-g{gap:.5rem;display:grid;position:relative}.eco-lines,.eco-gen{display:none}.eco-n{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);cursor:pointer;transition:color var(--dur-fast) var(--ease-colour), border-color var(--dur-fast) var(--ease-colour);grid-template-columns:auto 1fr;align-items:center;gap:.15rem .6rem;padding:.55rem .7rem;display:grid}.eco-n b{font:600 var(--s-small)/1.4 var(--f-code);color:var(--ink)}.eco-n .st-chip{white-space:normal;text-align:center;justify-self:end}.eco-n i{font-style:normal;font-size:var(--s-small);grid-column:1/-1}.eco:has(.eco-r:focus-visible) .eco-n:focus-within,.eco-r:focus-visible+.eco-n{outline:2px solid var(--ring)}.insp{font-size:var(--s-small);color:var(--ink-2);align-content:start;gap:.6rem;display:none}.insp .h3{color:var(--ink)}.insp .code{font-family:var(--f-code);color:var(--ink)}.insp .kv dt{color:var(--ink-3)}.insp .kv dd{color:var(--ink-2)}.rels{gap:.35rem;display:grid}.rels code{color:var(--accent);display:block}.eco-i{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface-2);padding:1rem}.eco-legend{border-top:1px solid var(--rule);font-size:var(--s-small);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.6rem 1rem;display:flex}.eco-k{border-top:1px solid var(--ink-3);width:1.5rem;display:inline-block}.eco-k--dash{border-top-style:dashed;margin-left:.75rem}@media (width<48rem){.eco-n{position:static;transform:none;width:auto!important}.eco-i{z-index:2;max-height:60svh;position:sticky;bottom:0;overflow:auto;box-shadow:0 -.5rem 1rem #00000059}}@media (width>=48rem){.eco-g{aspect-ratio:1600/816;display:block}.eco-lines{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.eco-e{fill:none;stroke:var(--rule-strong);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke var(--dur-fast) var(--ease-colour)}.eco-e--dash{stroke-dasharray:4 4}.eco-gen{font:var(--s-small)/1 var(--f-code);color:var(--ink-3);display:block;position:absolute;top:-.25rem}.eco-n{padding:.45rem .55rem;position:absolute;transform:translateY(-50%)}.eco-n i{font-size:var(--s-small);line-height:1.3}}@media (width>=64rem){.eco-body{grid-template-columns:minmax(0,1fr) 20rem}.eco-i{border:0;border-left:1px solid var(--rule);background:0 0;border-radius:0}}.pick-os{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.pick-o{border:1px solid var(--rule-strong);border-radius:var(--radius);font-size:var(--s-small);color:var(--ink-2);cursor:pointer;transition:color var(--dur-fast) var(--ease-colour), background-color var(--dur-fast) var(--ease-colour), border-color var(--dur-fast) var(--ease-colour);padding:.4rem .75rem;font-weight:500}.pick:has(.pick-r:focus-visible) .pick-os{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--radius)}.pick-ms{grid-template-columns:repeat(auto-fill,minmax(min(9.5rem,100%),1fr));gap:.5rem;display:grid}.pick-m{border:1px solid var(--rule-strong);border-radius:var(--radius);color:var(--ink-3);transition:color var(--dur-fast) var(--ease-colour), border-color var(--dur-fast) var(--ease-colour);gap:.1rem;padding:.55rem .7rem;display:grid}.pick-m--outline{border-style:solid}.pick-m--dashed{border-style:dashed}.pick-m b{font-size:var(--s-small);font-weight:600}.pick-m span{font-size:var(--s-small);color:var(--ink-3)}.pick-m--solid b:before,.pick-m--outline b:before,.pick-m--dashed b:before{content:"";vertical-align:.05em;border:1px solid;border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.pick-m--solid b:before{background:currentColor}.pick-m--dashed b:before{border-style:dashed}.pick-s{color:var(--ink-2);font-size:var(--s-small);margin-top:1rem;display:none}.pick-legend{font-size:var(--s-small);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1rem;display:flex}.m-tr,.m-early{opacity:0}.demo[data-run=a],[data-draw]{--in:demo-in-a;--out:demo-out-a;--light:demo-light-a;--dot:demo-dot-a;--press:demo-press-a;--reveal:demo-reveal-a;--quiet:demo-quiet-a;--trace:demo-trace-a;--clock:demo-clock-a;--bar:demo-bar-a;--fadein:demo-fadein-a;--fadeout:demo-fadeout-a}.demo[data-run=b]{--in:demo-in-b;--out:demo-out-b;--light:demo-light-b;--dot:demo-dot-b;--press:demo-press-b;--reveal:demo-reveal-b;--quiet:demo-quiet-b;--trace:demo-trace-b;--clock:demo-clock-b;--bar:demo-bar-b;--fadein:demo-fadein-b;--fadeout:demo-fadeout-b}.demo[data-armed] .m-in,[data-draw][data-armed] .m-in{opacity:0}.demo[data-armed] [data-m=reveal],[data-draw][data-armed] [data-m=reveal]{clip-path:inset(0 100% 0 0)}.demo[data-armed] [data-m=light]{color:var(--from)}.demo[data-armed] [data-m=dot]{background-color:#0000}.demo[data-armed] [data-m=quiet]{color:var(--ink);background-color:var(--surface-3)}[data-draw][data-armed] [data-m=trace]{stroke-dasharray:1;stroke-dashoffset:1px}.demo[data-armed] .m-in,[data-draw][data-armed] .m-in{animation:var(--in) var(--dur-base) var(--ease-out) calc(var(--a,0s) * var(--k,1)) both}.demo[data-armed] .m-tr{animation:var(--in) var(--dur-base) var(--ease-out) calc(var(--a) * var(--k)) forwards, var(--out) var(--dur-base) var(--ease-out) calc(var(--z) * var(--k)) forwards}.demo[data-armed] .m-early{animation:var(--out) var(--dur-base) var(--ease-out) calc(var(--z) * var(--k)) both}.demo[data-armed] [data-m=light]{animation:var(--light) var(--dur-base) var(--ease-out) calc(var(--a) * var(--k)) both}.demo[data-armed] [data-m=dot]{animation:var(--dot) var(--dur-base) var(--ease-out) calc(var(--a) * var(--k)) both}.demo[data-armed] [data-m=press]{animation:var(--press) .26s var(--ease-out) calc(var(--a) * var(--k)) both}.demo[data-armed] [data-m=reveal],[data-draw][data-armed] [data-m=reveal]{animation:var(--reveal) var(--dur-draw) var(--ease-out) calc(var(--a,0s) * var(--k,1)) both}.demo[data-armed] [data-m=quiet]{animation:var(--quiet) var(--dur-draw) var(--ease-out) calc(var(--a) * var(--k)) both}[data-draw][data-armed] [data-m=trace]{animation:var(--trace) var(--t,var(--dur-draw)) linear calc(var(--a,0s) * var(--k,1)) both}.demo[data-armed] .demo-clock{animation:var(--clock) calc(var(--loop) * var(--k)) linear 0s 1 both}.demo[data-armed] .demo__bar{animation:var(--bar) calc(var(--loop) * var(--k)) linear 0s 1 both}.demo[data-armed] :is(.demo__screen,.demo__desk,.demo__phone,.demo__machine,.demo__track){animation:var(--fadeout) var(--dur-base) var(--ease-out) calc((var(--loop) - var(--dur-base)) * var(--k)) forwards}.demo[data-armed][data-looped] :is(.demo__screen,.demo__desk,.demo__phone,.demo__machine,.demo__track){animation:var(--fadein) var(--dur-base) var(--ease-out) 0s both, var(--fadeout) var(--dur-base) var(--ease-out) calc((var(--loop) - var(--dur-base)) * var(--k)) forwards}.demo[data-armed]:not([data-playing=true]) *,.demo[data-paused] *,.demo[data-held] *,[data-draw][data-armed]:not([data-drawing]) *{animation-play-state:paused!important}@keyframes demo-in-a{0%{opacity:0}to{opacity:1}}@keyframes demo-in-b{0%{opacity:0}to{opacity:1}}@keyframes demo-out-a{0%{opacity:1}to{opacity:0}}@keyframes demo-out-b{0%{opacity:1}to{opacity:0}}@keyframes demo-light-a{0%{color:var(--from)}to{color:var(--to)}}@keyframes demo-light-b{0%{color:var(--from)}to{color:var(--to)}}@keyframes demo-dot-a{0%{background-color:#0000}to{background-color:var(--accent)}}@keyframes demo-dot-b{0%{background-color:#0000}to{background-color:var(--accent)}}@keyframes demo-press-a{0%{transform:scale(1)}38%{transform:scale(.97)}to{transform:scale(1)}}@keyframes demo-press-b{0%{transform:scale(1)}38%{transform:scale(.97)}to{transform:scale(1)}}@keyframes demo-reveal-a{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes demo-reveal-b{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes demo-quiet-a{0%{color:var(--ink);background-color:var(--surface-3)}to{color:var(--ink-3);background-color:#0000}}@keyframes demo-quiet-b{0%{color:var(--ink);background-color:var(--surface-3)}to{color:var(--ink-3);background-color:#0000}}@keyframes demo-trace-a{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes demo-trace-b{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes demo-clock-a{0%{opacity:0}to{opacity:0}}@keyframes demo-clock-b{0%{opacity:0}to{opacity:0}}@keyframes demo-bar-a{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-bar-b{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-fadein-a{0%{opacity:0}to{opacity:1}}@keyframes demo-fadein-b{0%{opacity:0}to{opacity:1}}@keyframes demo-fadeout-a{0%{opacity:1}to{opacity:0}}@keyframes demo-fadeout-b{0%{opacity:1}to{opacity:0}}@keyframes demo-dip-a{0%,to{opacity:1}38%{opacity:.72}}@keyframes demo-dip-b{0%,to{opacity:1}38%{opacity:.72}}@media (prefers-reduced-motion:reduce){.demo,[data-draw]{--k:1.5}.demo[data-run=a]{--press:demo-dip-a;--reveal:demo-in-a}.demo[data-run=b]{--press:demo-dip-b;--reveal:demo-in-b}[data-draw]{--reveal:demo-in-a;--trace:demo-in-a}.demo[data-armed] [data-m=reveal],[data-draw][data-armed] [data-m=reveal]{clip-path:none}[data-draw][data-armed] [data-m=trace]{stroke-dasharray:none;stroke-dashoffset:0}.demo__bar{visibility:hidden}}@media print{.demo *,[data-draw] *{animation:none!important}.demo .m-in,[data-draw] .m-in{opacity:1!important}.demo [data-m=reveal],[data-draw] [data-m=reveal]{clip-path:none!important}[data-draw] [data-m=trace]{stroke-dashoffset:0!important}.demo .m-tr,.demo .m-early{opacity:0!important}.demo [data-m=dot]{background-color:var(--accent)!important}.demo [data-m=light]{color:var(--to)!important}.demo [data-m=quiet]{color:var(--ink-3)!important;background-color:#0000!important}.demo :is(.demo__screen,.demo__desk,.demo__phone,.demo__machine,.demo__track){opacity:1!important}.demo__ctl,.demo__bar{display:none!important}.demo__head{position:static}.demo{break-inside:avoid}.eco-i{box-shadow:none;position:static}}@media (width<48rem){.trk-s,.demo__eyebrow{display:none}.demo__head .st-chip{margin-right:auto}.win-row--wide{display:none}.win-row{grid-template-columns:4.75rem minmax(0,1fr);column-gap:.6rem}.win--chain .span-code{display:none}.win--chain .span-row{padding-bottom:.25rem}.dev--chat{height:min(28rem,62svh)}.dev--drawer{max-height:30rem}.dev--drawer .dr-log{flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.dev--drawer .dr-intro,.pane--kb,.fence-line,.win--chain .span-track{display:none}.win--chain .span-row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:.35rem}.win--chain .span-code{font-size:var(--s-small)}}