:root{color-scheme:dark;--bg: #141414;--surface: #1b1b1b;--surface-2: #242424;--surface-3: #2c2c2c;--rule: #3a3a3a;--rule-strong: #4a4a4a;--ink: #ededed;--ink-2: #9a9a9a;--accent: #dcdcdc;--ok: #8be0b0;--warn: #ffe08a;--bad: #ff9d9d;--info: #6ff0f0;--select: #3d5a80;--on-select: #ffffff;--scene-bg: #141414;--scene-grid: #1f1f1f;--scene-floor: #4a4a4a;--scene-hatch: #2c2c2c;--scene-ink: #ededed;--scene-ink-2: #9a9a9a;--scene-part: #2a2a2a;--scene-part-2: #333333;--fs-0: 12px;--fs-1: 14px;--fs-2: 17px;--fs-3: 22px;--font: system-ui, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--radius: 10px;--radius-sm: 8px;--radius-area: 6px;--bw: 1.5px;--control: 32px;--tool: 24px;--area-bar: 32px;--status-bar: 32px;--gap: 4px;--wrap: 1180px}:root[data-theme=light]{color-scheme:light;--bg: #cfcfcf;--surface: #f4f4f4;--surface-2: #e6e6e6;--surface-3: #d9d9d9;--rule: #c4c4c4;--rule-strong: #a8a8a8;--ink: #1c1c1c;--ink-2: #5c5c5c;--accent: #262626;--ok: #18794a;--warn: #8a6100;--bad: #b42318;--info: #0b7285;--select: #b9cdea;--on-select: #1c1c1c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;min-width:0}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:var(--s4)}body{background:var(--bg);color:var(--ink);font:400 var(--fs-1)/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden}[hidden]{display:none!important}img{max-width:100%;display:block;height:auto}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--ink)}:focus-visible{outline:var(--bw) solid var(--rule-strong);outline-offset:2px}code,pre{font-family:var(--mono)}p code,td code{font-size:var(--fs-0);background:var(--surface-2);padding:1px 5px;border-radius:4px;color:var(--ink)}em{font-style:italic}.muted{color:var(--ink-2)}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--s5)}@media(max-width:720px){.wrap{padding-inline:var(--s4)}}.nav{max-width:var(--wrap);margin:0 auto;padding:var(--s3) var(--s5);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}@media(max-width:720px){.nav{padding-inline:var(--s4)}}.brand{display:inline-flex;align-items:center;gap:var(--s2);color:var(--ink);text-decoration:none;font-weight:600;font-size:var(--fs-2)}.brand:hover{color:var(--ink)}.nav-end{display:flex;align-items:center;gap:var(--s1)}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);cursor:pointer}.icon-button:hover{background:var(--surface-3);color:var(--ink)}.icon-button svg{width:18px;height:18px}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon{display:none}:root[data-theme=light] .theme-toggle .sun{display:none}:root[data-theme=light] .theme-toggle .moon{display:block}.hero{padding:var(--s6) 0 72px}.hero-copy{margin:var(--s5) auto 48px}.hero-block{--h1: clamp(40px, 6vw, 80px);width:fit-content;margin-inline:auto;display:grid;grid-template-columns:auto auto;column-gap:var(--s6);grid-template-areas:". chips" "logo title" "logo sub"}.hero-block .chips{grid-area:chips}.hero-block h1{grid-area:title}.hero-block .sub-row{grid-area:sub}.hero-logo{grid-area:logo;align-self:center;display:block;width:calc(var(--h1) * 1.02 + var(--s4) + 50px);aspect-ratio:1}.hero-logo img{width:100%;height:100%}.hero-logo .on-light{display:none}:root[data-theme=light] .hero-logo .on-dark{display:none}:root[data-theme=light] .hero-logo .on-light{display:block}.chips{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s5)}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px var(--s2);border-radius:999px;font-size:var(--fs-0);color:var(--ink-2);background:var(--surface-2)}.chip-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 18%,var(--surface-2))}.chip-ok:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;box-shadow:0 0 color-mix(in srgb,currentColor 45%,transparent)}50%{opacity:.55;box-shadow:0 0 0 4px transparent}}.hero h1{font-weight:600;font-size:var(--h1);line-height:1.02;letter-spacing:-.025em;white-space:nowrap;margin-bottom:var(--s4)}.h1-last{position:relative;display:inline-block}.h1-alts{position:absolute;left:calc(100% + .2em);top:.18em;font:400 var(--fs-0)/1.45 var(--mono);letter-spacing:0;white-space:nowrap;color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--ink-2);text-decoration-thickness:1px}.h1-alts span{display:block;animation:fade-in .5s ease-out both}.h1-alts span:nth-child(1){animation-delay:.35s}.h1-alts span:nth-child(2){animation-delay:.55s}.h1-alts span:nth-child(3){animation-delay:.75s}@keyframes fade-in{0%{opacity:0}}.sub-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);contain:inline-size}.sub{flex:1 1 0;font-size:var(--fs-2);color:var(--ink-2)}.cta{flex:none;display:flex;gap:var(--s2);flex-wrap:wrap}@media(max-width:1100px){.sub-row{flex-direction:column;align-items:flex-start;gap:var(--s4)}.sub{flex:none;width:100%}}@media(max-width:720px){.hero-block{width:auto;grid-template-columns:1fr;grid-template-areas:"logo" "chips" "title" "sub"}.hero-logo{width:72px;margin-bottom:var(--s4)}.hero h1{white-space:normal}.sub-row{contain:none}}.btn{display:inline-flex;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s4);font:500 var(--fs-1)/1 var(--font);color:var(--ink);text-decoration:none;background:var(--surface-2);border:var(--bw) solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-3);color:var(--ink)}.btn-primary{background:var(--select);border-color:var(--select);color:var(--on-select)}.btn-primary:hover{background:color-mix(in srgb,var(--select) 85%,var(--ink));border-color:transparent;color:var(--on-select)}.loop{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--bg);border:var(--bw) solid var(--rule);border-radius:var(--radius);box-shadow:0 30px 80px -40px #000000b3}.area{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--surface);border-radius:var(--radius-area)}.area-header{flex:none;display:flex;align-items:center;gap:var(--s1);min-height:var(--area-bar);padding:0 var(--s1);background:var(--surface-2);font-size:var(--fs-0)}.area-grip{flex:none;width:10px;align-self:stretch;margin:5px 2px;border-radius:3px;opacity:.8;background:radial-gradient(circle,var(--ink-2) 1.2px,transparent 1.5px) 0 50% / 5px 5px repeat}.area-title{font-weight:600;padding:0 var(--s2)}.area-type{font-weight:600;padding:2px var(--s2);border-radius:6px;background:var(--surface-3)}.area-meta{margin-left:auto;padding:0 var(--s2);color:var(--ink-2);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-area .area-header{padding:var(--s1)}.rail{list-style:none;display:flex;flex:1}.rail li{flex:1;display:flex}.rail button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:var(--tool);padding:0 var(--s3);margin-left:calc(-1 * var(--bw));font:400 var(--fs-0)/1.45 var(--font);color:var(--ink-2);text-align:left;background:var(--surface-2);border:var(--bw) solid var(--rule);border-radius:0;cursor:pointer}.rail li:first-child button{margin-left:0;border-radius:6px 0 0 6px}.rail li:last-child button{border-radius:0 6px 6px 0}.rail button:hover{background:var(--surface-3);color:var(--ink)}.rail button.is-done{color:var(--ink)}.rail button.is-active{background:var(--select);border-color:var(--select);color:var(--on-select);position:relative;z-index:1;font-weight:600}.rail .arrow{flex:none;overflow:visible;color:var(--rule-strong)}.rail .arrow .shaft{stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.rail .arrow .head{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rail button.is-active .arrow{color:currentColor}.rail button.is-done .arrow{color:var(--ink-2)}.loop-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,46%);gap:var(--gap);min-height:460px}.pane{flex:1;padding:var(--s4);display:flex;flex-direction:column}.pane-stage{display:flex;flex-direction:column;gap:var(--s3);flex:1}.pane-title{font-size:var(--fs-2);font-weight:600}.pane-note{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--rule);font-size:var(--fs-0);color:var(--ink-2)}.ty{white-space:pre-wrap}.ty.typing:after{content:"";display:inline-block;width:.55em;height:1em;background:var(--ink-2);vertical-align:-.15em;margin-left:2px;animation:blink .9s steps(2) infinite}@keyframes blink{to{opacity:0}}.chat{display:flex;flex-direction:column;gap:var(--s2)}.msg{padding:var(--s2) var(--s3);min-height:40px;border-radius:var(--radius-sm)}.msg-user{align-self:flex-end;max-width:88%;background:var(--surface-3);color:var(--ink)}.msg-ai{font:400 var(--fs-0)/1.6 var(--mono);background:var(--surface-2);border:var(--bw) solid var(--rule);color:var(--ink-2)}.code{font-size:var(--fs-0);line-height:1.7;color:var(--ink);background:var(--surface-2);padding:var(--s3) var(--s4);overflow-x:auto;border-radius:var(--radius-sm)}.code .ty{display:block;min-height:1.7em}.code .c{color:var(--ink-2)}.prm{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;height:var(--tool);background:var(--surface-2);border:var(--bw) solid var(--rule);border-radius:6px;font-size:var(--fs-0);overflow:hidden;cursor:ew-resize}.prm-fill{position:absolute;inset:0 auto 0 0;background:var(--select);pointer-events:none;transition:width .06s linear}.prm-label,.prm-value{position:relative;z-index:1;padding:0 var(--s2);pointer-events:none}.prm-value{font-family:var(--mono);font-weight:500}.prm input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}.prm:focus-within{outline:var(--bw) solid var(--rule-strong);outline-offset:2px}.readout{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--s2)}.readout div{padding:var(--s2) var(--s3);background:var(--surface-2);border-radius:var(--radius-sm)}.readout dt{font-size:var(--fs-0);color:var(--ink-2)}.readout dd{font:500 var(--fs-2)/1.3 var(--font)}.task{width:100%;border-collapse:collapse;font-size:var(--fs-0)}.task td{padding:6px var(--s2);border-bottom:1px solid var(--rule);vertical-align:middle}.task td:first-child{color:var(--ink-2);width:80px}.task td:nth-child(3){width:34%}.task td:last-child{text-align:right;font-family:var(--mono);color:var(--ink-2)}.task i{display:block;height:4px;width:var(--w);background:var(--ok);border-radius:2px}.task i.neg{background:var(--bad)}.curve{width:100%;height:auto;display:block;background:var(--surface-2);border-radius:var(--radius-sm)}.phase-a,.phase-b{display:none}.loop[data-phase=a] .phase-a,.loop[data-phase=b] .phase-b{display:block}.loop[data-phase=b] .readout.phase-b{display:grid}.code .ty.phase-b{display:none}.loop[data-phase=b] .code .ty.phase-b{display:block}.viewport .area-header{background:#242424;color:#ededed}.viewport .area-header .area-meta{color:#9a9a9a}.viewport .area-type{background:#2c2c2c}.viewport .area-grip{background-image:radial-gradient(circle,#9a9a9a 1.2px,transparent 1.5px)}.scene{flex:1;position:relative;display:flex;align-items:stretch;background:var(--scene-bg)}.scene-svg{width:100%;height:100%;display:block}.sc-grid line{stroke:var(--scene-grid);stroke-width:1}.sc-floor line{stroke:var(--scene-floor);stroke-width:1.2}.sc-floor .hatch{stroke:var(--scene-hatch);stroke-width:1}.sc-ghost rect{fill:none;stroke:var(--scene-floor);stroke-width:1.5;stroke-dasharray:6 5}.sc-ghost text{font:600 44px var(--font);fill:var(--scene-floor)}.sc-ghost{opacity:0;transition:opacity .4s}.loop[data-stage="0"] .sc-ghost{opacity:1}.sc-robot{opacity:0;transition:opacity .4s}.loop:not([data-stage="0"]) .sc-robot{opacity:1}.sc-robot .part{fill:var(--scene-part);stroke:var(--scene-ink);stroke-width:1.4;stroke-linejoin:round}.sc-robot .part-servo,.sc-robot .part-batt{fill:var(--scene-part-2);stroke:var(--scene-ink-2);stroke-width:1.1}.sc-robot .part-hub{fill:var(--scene-ink)}.sc-robot .part-eye{fill:#6ff0f0}.sc-robot .spokes line{stroke:var(--scene-ink-2);stroke-width:1.1}.sc-robot.drawing .part,.sc-robot.drawing .spokes line,.sc-robot.drawing .part-servo,.sc-robot.drawing .part-batt{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.3s ease-out forwards;fill-opacity:0}@keyframes draw{to{stroke-dashoffset:0;fill-opacity:1}}.sc-dims,.sc-obs{opacity:0;transition:opacity .35s}.loop[data-stage="1"][data-phase=a] .sc-dims,.loop[data-stage="2"] .sc-obs{opacity:1}.sc-dims .dim{stroke:#dcdcdc;stroke-width:1}.sc-dims .dim-t{font:400 11px var(--mono);fill:#dcdcdc}.sc-obs .obs-arc{fill:none;stroke:#6ff0f0;stroke-width:1.4}.sc-obs .obs-ref{stroke:#4a4a4a;stroke-width:1;stroke-dasharray:4 3}.sc-obs .obs-l{stroke:#9a9a9a;stroke-width:1}.sc-obs .obs-act{fill:none;stroke:#6ff0f0;stroke-width:1.4;stroke-dasharray:4 3}.sc-obs .obs-t{font:400 10.5px var(--mono);fill:#9a9a9a}.sc-push{opacity:0;transition:opacity .15s}.sc-push .push-l{stroke:#ffe08a;stroke-width:2}.sc-push .push-h{fill:#ffe08a}.sc-push .push-t{font:400 11px var(--mono);fill:#ffe08a}.sc-gizmo circle.ring{fill:#1b1b1b;stroke:#2c2c2c}.sc-gizmo line{stroke-width:1.5;stroke-linecap:round}.sc-gizmo text{font:600 8px var(--font);fill:#141414;text-anchor:middle;dominant-baseline:central}.statusbar{display:flex;align-items:center;gap:var(--s3);min-height:var(--status-bar);padding:0 var(--s3);font-size:var(--fs-0);color:var(--ink-2)}.statusbar .live{display:inline-flex;align-items:center;gap:6px;color:var(--ok);white-space:nowrap}.statusbar .live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:breathe 2.4s ease-in-out infinite}.statusbar [data-status]{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar .end{margin-left:auto;white-space:nowrap}@media(max-width:900px){.loop-body{grid-template-columns:1fr}.scene{min-height:300px}.scene-svg{max-height:360px}}@media(max-width:620px){.hero{padding-top:var(--s4)}.hero-copy{margin-bottom:var(--s6)}.rail{flex-wrap:wrap;gap:var(--s1)}.rail li{flex:1 1 40%}.rail li:last-child{flex-basis:100%}.rail button,.rail li:first-child button,.rail li:last-child button{margin-left:0;border-radius:6px;min-height:var(--control)}.pane{padding:var(--s3)}.statusbar .end{display:none}}.about{--gutter: var(--s5);margin-top:56px;padding-top:var(--s5);background:linear-gradient(var(--rule),var(--rule)) center top / calc(100% - 2 * var(--gutter)) 1px no-repeat;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s6)}.about h2{grid-column:1 / -1;font-size:var(--fs-3);font-weight:600;margin-bottom:var(--s4)}.about-p{font-size:var(--fs-2);line-height:1.55;color:var(--ink-2);margin-bottom:var(--s4)}.about-p em{font-style:normal;font-weight:600;color:var(--ink)}@media(max-width:720px){.about{grid-template-columns:1fr;--gutter: var(--s4)}}.start{grid-column:1 / -1;margin-top:var(--s4);padding-top:var(--s5);border-top:1px solid var(--rule)}.start h3{font-size:var(--fs-1);font-weight:600;margin-bottom:var(--s2)}.start .code{white-space:pre}.start-note{margin-top:var(--s2);font-size:var(--fs-0);color:var(--ink-2)}.start-note em{color:var(--ink)}.footer{max-width:var(--wrap);margin:0 auto;padding:var(--s5) var(--s5) var(--s6);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;font-size:var(--fs-0);color:var(--ink-2);border-top:1px solid var(--rule)}@media(max-width:720px){.footer{padding-inline:var(--s4)}}.footer>p:first-child{flex:1 1 360px;max-width:640px}.footer-right{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.h1-alts span,.chip-ok:before,.statusbar .live:before{animation:none}.sc-robot.drawing .part{animation:none;stroke-dashoffset:0;fill-opacity:1}}