:root{--sb-motion-duration-instant:70ms;--sb-motion-duration-quick:.11s;--sb-motion-duration-base:.15s;--sb-motion-duration-moderate:.24s;--sb-motion-duration-slow:.4s;--sb-motion-duration-deliberate:.7s;--sb-motion-duration-cinematic:1s;--sb-motion-easing-functional-standard:cubic-bezier(.2, 0, .38, .9);--sb-motion-easing-functional-enter:cubic-bezier(0, 0, .38, .9);--sb-motion-easing-functional-exit:cubic-bezier(.2, 0, 1, .9);--sb-motion-easing-expressive-standard:cubic-bezier(.4, .14, .3, 1);--sb-motion-easing-expressive-enter:cubic-bezier(0, 0, .3, 1);--sb-motion-easing-expressive-exit:cubic-bezier(.4, .14, 1, 1);--sb-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--sb-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--sb-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--sb-motion-easing-editorial:cubic-bezier(.16, 1, .3, 1);--sb-motion-easing-cinematic:cubic-bezier(.65, 0, .35, 1);--sb-motion-stagger-tight:20ms;--sb-motion-stagger-base:50ms;--sb-motion-stagger-loose:90ms;--sb-color-ink:#0b0c0e;--sb-color-graphite:#1d1f23;--sb-color-slate:#3a3d44;--sb-color-mist:#8a8f98;--sb-color-frost:#d9dee5;--sb-color-snow:#f3f2ee;--sb-color-paper:#fbfaf7;--sb-color-glacier:#7fa7d9;--sb-color-signal:#ff4f1f;--sb-color-positive:#1f8a5b;--sb-color-caution:#b7791f;--sb-color-critical:#d23b2f;--sb-font-family-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sb-font-family-sans:"Inter Tight", Inter, system-ui, sans-serif;--sb-font-family-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--sb-space-1:4px;--sb-space-2:8px;--sb-space-3:12px;--sb-space-4:16px;--sb-space-5:24px;--sb-space-6:32px;--sb-space-7:48px;--sb-space-8:64px;--sb-space-9:96px;--sb-space-10:144px;--sb-radius-sm:4px;--sb-radius-md:8px;--sb-radius-lg:14px;--sb-radius-pill:999px}@media (prefers-reduced-motion:reduce){:root{--sb-motion-duration-slow:.15s;--sb-motion-duration-deliberate:.15s;--sb-motion-duration-cinematic:.15s}}.labs-head{gap:24px;padding-block:clamp(80px,14vh,160px) clamp(48px,8vh,96px);display:grid}.labs-head .lede{max-width:52ch}.orbit-guide{display:none}.lab.theme-dark,.start{background-image:radial-gradient(70% 45% at 50% 0,#f078321c,#0000 72%)}.lab-interface{--bg:var(--paper-2)}.lab-playground{--bg:var(--bone)}.lab-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(28px,4vw,72px);display:grid}.lab-head{top:calc(var(--header-h) + 32px);gap:16px;display:grid;position:sticky}.lab-head .muted{max-width:38ch}.lab-letter{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:8px;display:inline-grid}.lab-uses{color:var(--accent-ink);border-top:1px solid var(--line);padding-top:14px;font-size:.8125rem}@media (max-width:960px){.lab-grid{grid-template-columns:minmax(0,1fr)}.lab-head{position:static}}@media (max-width:600px){.labs-head{padding-block:88px 40px}.lab{padding-block:64px 72px}.lab-head .h2{font-size:clamp(2.25rem,10.5vw,3rem)}.lab-index{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lab-index a{min-height:48px}}.bench{border:1px solid var(--line-strong);border-radius:var(--sb-radius-lg);background:color-mix(in oklab, var(--bg) 55%, #fffaf2);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid;overflow:clip}.specimen-type{cursor:pointer}.specimen{border-right:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px;grid-area:1/1;align-content:center;min-height:380px;padding:clamp(24px,3vw,44px);display:grid;position:relative}.specimen-line{font:400 clamp(2.5rem, 4.6vw, 4.75rem) / 1 var(--font-display);letter-spacing:-.02em;max-width:10ch}.scrubber{grid-template-columns:auto 1fr 52px;align-items:center;gap:14px;display:grid;position:absolute;bottom:20px;left:clamp(24px,3vw,44px);right:clamp(24px,3vw,44px)}.controls{grid-area:1/2;align-content:start;gap:0;padding:8px 20px 20px;display:grid}.controls>*{border-bottom:1px solid var(--line);padding-block:14px}.controls>:last-child{border-bottom:0}fieldset{border:0;min-inline-size:0;margin:0;padding:0}legend{margin-bottom:10px;padding:0}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg legend{width:100%}.seg label,.curves label{position:relative}.seg input,.curves input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-opt{border:1px solid var(--line-strong);border-radius:var(--sb-radius-pill);min-height:34px;transition:background-color var(--sb-motion-duration-quick) var(--ease-ui), color var(--sb-motion-duration-quick) var(--ease-ui);align-items:center;padding:0 14px;font-size:.875rem;display:inline-flex}.seg input:checked+.seg-opt{background:var(--fg);color:var(--bg);border-color:var(--fg)}.curves{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.curves legend{grid-column:1/-1}.curve{border:1px solid var(--line-strong);border-radius:var(--sb-radius-md);justify-items:center;gap:6px;padding:8px 4px 10px;font-size:.75rem;display:grid}.curves svg{width:40px;height:40px;overflow:visible}.curves [data-curve]{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.curves input:checked+.curve{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.curves input:checked+.curve [data-curve]{stroke:var(--accent)}.seg input:focus-visible+.seg-opt,.curves input:focus-visible+.curve{outline:2px solid var(--focus);outline-offset:2px}.slider{grid-template-columns:84px 1fr 64px;align-items:center;gap:12px;font-size:.9375rem;display:grid}.slider output,.scrubber output{text-align:right;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);height:1px}input[type=range]::-moz-range-track{background:var(--line-strong);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);border-radius:2px;width:14px;height:14px;margin-top:-7px;rotate:45deg}input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:2px;width:12px;height:12px;rotate:45deg}input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.check{align-items:center;gap:10px;font-size:.9375rem;display:flex}.check input{width:16px;height:16px;accent-color:var(--fg)}.control-actions{gap:8px;display:flex}.code{border-top:1px solid var(--line);background:var(--charcoal);color:var(--cream);grid-column:1/-1}.code-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 14px 10px 20px;display:flex}.code .btn-ghost{--btn-fg:var(--cream);border-color:#ffffff3d}.code pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 .8125rem / 1.65 var(--font-mono);margin:0;padding:18px 20px 22px}@media (max-width:760px){.bench{grid-template-columns:minmax(0,1fr)}.curves{grid-template-columns:repeat(2,minmax(0,1fr))}.bench>*{grid-area:auto/1}.specimen{border-right:0;border-bottom:1px solid var(--line);min-height:300px}}.ix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ix-cell{grid-template-rows:300px auto;gap:14px;display:grid}.ix-stage{border:1px solid var(--line-strong);border-radius:var(--sb-radius-lg);background:color-mix(in oklab, var(--bg) 45%, #fffaf2);place-items:center;display:grid;position:relative}.ix-caption{color:var(--fg-muted);font-size:.9375rem}.ix-caption .mono:first-child{color:var(--fg);margin-bottom:4px;display:block}.magnet-btn{border:1px solid var(--fg);background:var(--fg);width:132px;height:132px;color:var(--bg);font:400 1.5rem / 1 var(--font-display);cursor:pointer;border-radius:50%}.magnet-label{display:inline-block}.ix-tilt{perspective:900px}.pass{aspect-ratio:.68;border-radius:var(--sb-radius-lg);background:radial-gradient(var(--sb-spot-r,260px) circle at var(--sb-x,50%) var(--sb-y,0%), #ff4f1f47, transparent 70%), var(--charcoal);width:min(176px,70%);color:var(--cream);transform-style:preserve-3d;font:inherit;text-align:left;cursor:grab;border:0;grid-template-rows:auto 1fr auto;padding:16px;display:grid;position:relative}.pass:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.pass-name{display:block}.pass-top,.pass-foot{justify-content:space-between;align-items:center;display:flex}.pass-top .label{color:var(--fg-faint)}.pass-name{font:400 1.875rem / .95 var(--font-display);border-bottom:1px solid #ffffff29;align-self:end;margin-bottom:12px;padding-bottom:14px}.pass-mark{width:34px;height:34px}.pass-mark .lattice-line{stroke:var(--cream)}.pass-mark .lattice-node{fill:var(--cream)}.hold-btn{color:var(--fg);font:500 .9375rem / 1 var(--font-sans);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-items:center;gap:12px;padding:16px;display:grid}.hold-btn svg{width:112px;height:112px;rotate:-90deg}.hold-track,.hold-ring{fill:none;stroke-width:1.5px}.hold-track{stroke:var(--line-strong)}.hold-ring{stroke:var(--accent);stroke-width:3px;stroke-dasharray:125.66;stroke-dashoffset:125.66px}.hold-btn[data-done=true] .hold-ring{stroke:var(--sb-color-positive)}.hold-status{color:var(--fg-muted);font-size:.8125rem;position:absolute;bottom:18px}@media (max-width:1100px){.ix-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px) and (max-width:1100px){.ix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ix-cell:last-child{grid-column:1/-1}}@media (max-width:639px){.ix-cell{grid-template-rows:248px auto}}.bench-space{background:var(--charcoal-2);border-color:#f5efe424;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.space-view{background:radial-gradient(120% 90% at 50% 40%, #332b23, var(--charcoal));border-right:1px solid #ffffff1a;grid-area:1/1;min-height:520px;position:relative}.space-host{position:absolute;inset:0}.space-host canvas{outline-offset:-2px}.space-host>.lattice-svg{width:76%;height:76%;position:absolute;inset:12%}.space-host .lattice-line{stroke:var(--cream)}.space-host .lattice-node{fill:var(--cream)}.space-host .lattice-node.tip{fill:var(--charcoal)}.space-readouts{pointer-events:none;gap:4px;margin:0;font-size:.75rem;display:grid;position:absolute;top:14px;left:16px}.space-readouts div{gap:10px;display:flex}.space-readouts dt{color:var(--fg-faint);min-width:92px}.space-readouts dd{font-variant-numeric:tabular-nums;margin:0}.space-readouts [data-sr=frames]{color:var(--accent)}.space-hint{pointer-events:none;position:absolute;bottom:14px;left:16px}.lab-space .controls>*{border-color:#ffffff1a}.lab-space input[type=range]::-webkit-slider-thumb{background:var(--cream)}.lab-space input[type=range]::-moz-range-thumb{background:var(--cream)}.lab-space .check input{accent-color:var(--accent)}.lab-space .btn-ghost{--btn-fg:var(--cream)}.space-log{text-transform:none;letter-spacing:0;min-height:2.6em;line-height:1.4}@media (max-width:760px){.bench-space{grid-template-columns:minmax(0,1fr)}.space-view{aspect-ratio:1;border-bottom:1px solid #ffffff1a;border-right:0;min-height:0}.space-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;font-size:.6875rem;right:14px}.space-readouts dt{min-width:0}.space-readouts div{justify-content:space-between}.lab-space .control-actions{flex-wrap:wrap}}.ui-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.ui-card{border:1px solid var(--line-strong);border-radius:var(--sb-radius-lg);background:color-mix(in oklab, var(--bg) 40%, #fffaf2);grid-column:span 3;align-content:start;gap:16px;padding:20px;display:grid}.ui-compose{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}.ui-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.ui-compose .ui-card-head{grid-column:1/-1}.ui-title{font:600 1rem / 1.2 var(--font-sans)}.queue{gap:6px;margin:0;padding:0;list-style:none;display:grid}.queue li{border:1px solid var(--line);border-radius:var(--sb-radius-md);background:var(--bg);align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:.9375rem;display:flex}.chip-hot{border-color:var(--accent);color:var(--accent-ink)}.bars{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:8px;height:200px;padding-top:8px;display:grid}.bar{cursor:pointer;background:0 0;border:0;align-items:end;height:100%;padding:0;display:grid;position:relative}.bar-fill{height:var(--h);background:color-mix(in oklab, var(--fg) 18%, transparent);transform-origin:50% 100%;transition:background-color var(--sb-motion-duration-quick) var(--ease-ui);border-radius:3px 3px 0 0;display:block}.bar:hover .bar-fill,.bar[aria-pressed=true] .bar-fill{background:var(--fg)}.bar[aria-pressed=true] .bar-fill{background:var(--accent)}.bar-name{transform-origin:100% 0;font:500 .6875rem / 1 var(--font-mono);color:var(--fg-muted);white-space:nowrap;position:absolute;top:calc(100% + 8px);right:50%;rotate:-40deg}.bar:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.bar-readout{margin-top:64px;font-size:.8125rem}.compose{gap:16px;display:grid}.field{gap:6px;display:grid}.field>label,.field legend{font-size:.9375rem;font-weight:500}.field .check{margin-top:4px}select{border:1px solid var(--line-strong);border-radius:var(--sb-radius-md);background:var(--bg);min-height:42px;color:var(--fg);font:inherit;padding:0 12px}select[aria-invalid=true]{border-color:var(--sb-color-critical)}.field-error{min-height:1.2em;color:var(--sb-color-critical);font-size:.8125rem}.compose .btn{justify-self:start}.compose-out[hidden]{display:none}.compose-out{align-self:start;gap:10px;display:grid}.compose-out pre{border-radius:var(--sb-radius-md);background:var(--charcoal);color:var(--cream);font:400 .8125rem / 1.6 var(--font-mono);white-space:pre-wrap;margin:0;padding:16px}.compose-actions{gap:8px;display:flex}@media (max-width:900px){.ui-card,.ui-compose{grid-column:1/-1}.ui-compose{grid-template-columns:minmax(0,1fr)}}.fx-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;display:grid}.fx-reveal{gap:12px;margin:0;display:grid}.fx-media{aspect-ratio:4/5;border-radius:var(--sb-radius-lg);background:#241f1a;max-height:72svh;position:relative;overflow:clip}.fx-media canvas{width:100%;height:100%;position:absolute;inset:0}.fx-side{align-content:center;gap:14px;display:grid}.fx-scramble{color:var(--cream);font:400 clamp(2.5rem, 5vw, 4.5rem) / 1 var(--font-mono);letter-spacing:-.04em;text-align:left;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.fx-scramble:hover{color:var(--accent)}.fx-draw{aspect-ratio:1;width:min(320px,100%);margin-top:28px}.fx-draw .lattice-line{stroke:var(--accent)}.fx-draw .lattice-node{display:none}@media (max-width:860px){.fx-grid{grid-template-columns:minmax(0,1fr)}}.pg-band{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,4vw,72px);display:grid}.pg-band>div{gap:16px;display:grid}.pg-links{border-top:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-links li{border-bottom:1px solid var(--line);counter-increment:pg}.pg-links li:nth-child(odd){border-right:1px solid var(--line)}.pg-links a{font:400 1.375rem / 1.2 var(--font-display);transition:color var(--sb-motion-duration-quick) var(--ease-ui), padding-left var(--sb-motion-duration-moderate) var(--ease-ui);align-items:baseline;gap:14px;padding:16px 12px;text-decoration:none;display:flex}.pg-links a:before{content:counter(pg, decimal-leading-zero);font:500 .75rem / 1 var(--font-mono);color:var(--fg-muted)}.pg-links a:after{content:"→";font-family:var(--font-sans);opacity:0;transition:opacity var(--sb-motion-duration-quick) var(--ease-ui);margin-left:auto}.pg-links a:hover,.pg-links a:focus-visible{color:var(--accent-ink);padding-left:20px}.pg-links a:hover:after,.pg-links a:focus-visible:after{opacity:1}.pg-links{counter-reset:pg}@media (max-width:860px){.pg-band,.pg-links{grid-template-columns:minmax(0,1fr)}.pg-links li:nth-child(odd){border-right:0}}.system{border-top:1px solid var(--line);padding-block:clamp(96px,16vh,200px)}.system-head{gap:20px;margin-bottom:clamp(40px,7vh,80px);display:grid}.system-map{gap:clamp(28px,5vh,56px);display:grid;position:relative}.system-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.system-wires path{fill:none;stroke:var(--line-strong);stroke-width:1px;transition:stroke var(--sb-motion-duration-quick) var(--ease-ui), opacity var(--sb-motion-duration-quick) var(--ease-ui)}.system-wires path[data-on=true]{stroke:var(--accent);stroke-width:1.5px}.system-map[data-focus] .system-wires path:not([data-on=true]){opacity:.25}.layer{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:center;gap:12px;padding-top:26px;display:flex;position:relative}.layer-name{position:absolute;top:6px;left:0}.node{z-index:1;border:1px solid var(--line-strong);border-radius:var(--sb-radius-pill);background:var(--bg);min-width:132px;min-height:52px;color:var(--fg);font:500 1rem / 1 var(--font-mono);cursor:pointer;transition:border-color var(--sb-motion-duration-quick) var(--ease-ui), background-color var(--sb-motion-duration-quick) var(--ease-ui), color var(--sb-motion-duration-quick) var(--ease-ui), opacity var(--sb-motion-duration-quick) var(--ease-ui);padding:0 22px;position:relative}.node:hover{border-color:var(--fg)}.node-kind{color:var(--fg-muted);margin-left:8px;font-size:.75rem}.node[data-on=true]{border-color:var(--accent)}.node[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.node[aria-pressed=true] .node-kind{color:var(--fg-faint)}.system-map[data-focus] .node:not([data-on=true]):not([aria-pressed=true]){opacity:.45}.system-detail{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;min-height:9.5rem;margin-top:clamp(32px,5vh,56px);padding-top:24px;display:grid}.system-detail h3{font:400 clamp(1.75rem, 3vw, 2.75rem) / 1 var(--font-display)}.system-detail dl{grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;font-size:.9375rem;display:grid}.system-detail dt{font:500 .75rem / 1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.system-detail dd{margin:0}@media (max-width:760px){.system-wires{display:none}.system-map{gap:20px}.layer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:30px;display:grid}.node{min-width:0;min-height:48px;padding:0 14px;font-size:.9375rem}.node-skill{grid-column:1/-1}.node[data-on=true]{background:color-mix(in oklab, var(--accent) 10%, var(--bg))}.system-detail{grid-template-columns:minmax(0,1fr);min-height:0}}.start{background:var(--bg);color:var(--fg);padding-block:clamp(96px,16vh,200px)}.start-head{gap:20px;margin-bottom:clamp(48px,8vh,96px);display:grid}.journey{border-top:1px solid var(--line-strong);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;padding:24px 20px 32px 0;display:grid}.step+.step{border-left:1px solid var(--line);padding-left:20px}.step-n{color:var(--accent)}.step-title{font:400 1.75rem / 1.05 var(--font-display)}.step:nth-child(3){grid-column:span 2}.code-dark{border:1px solid var(--line-strong);border-radius:var(--sb-radius-md);overflow:clip}.prompt{border-left:2px solid var(--accent);background:#ffffff0a;padding:14px 16px;font-size:.8125rem;line-height:1.6}.copy-status{min-height:1em;margin-top:20px}.start{padding-bottom:clamp(72px,10vh,120px)}@media (max-width:640px){.start{padding-top:88px}.step{padding:22px 0 26px}}@media (max-width:1100px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}.step:nth-child(3){grid-column:1/-1}.step{border-bottom:1px solid var(--line)}.step+.step{border-left:0;padding-left:0}}@media (max-width:640px){.journey{grid-template-columns:minmax(0,1fr)}}select{appearance:none;cursor:pointer;transition:border-color var(--sb-motion-duration-quick) var(--ease-ui);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}select:hover{border-color:var(--fg)}@media (pointer:coarse),(max-width:600px){select{min-height:48px}}.lab-physics{--bg:var(--paper-2)}.phys-bench{border:1px solid var(--line-strong);border-radius:var(--sb-radius-lg);background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 40px 40px, var(--charcoal);--fg:var(--cream);height:clamp(420px,62svh,640px);color:var(--cream);position:relative;overflow:clip}.phys-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.phys-canvas:active{cursor:grabbing}.phys-canvas:focus-visible{outline-offset:-4px}.phys-gate{transition:opacity .4s var(--ease-out-expo);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.phys-gate .btn-ink{--btn-bg:var(--cream);--btn-fg:var(--charcoal)}.phys-gate .btn-orb{background:color-mix(in oklab, var(--charcoal) 10%, transparent)}.phys-cost,.phys-status{color:color-mix(in oklab, var(--cream) 62%, transparent)}.lab-physics[data-physics=on] .phys-gate{opacity:0;pointer-events:none}[data-phys-start][data-state=loading]{opacity:.7}.phys-status{pointer-events:none;position:absolute;bottom:14px;left:16px}.phys-readout{color:var(--accent);pointer-events:none;margin:0;font-size:.75rem;position:absolute;top:14px;right:16px}.phys-status{top:14px;bottom:auto}.bar-name{rotate:-62deg}.bar-readout{margin-top:76px}:root{--bg:#f2f0eb;--bg-raised:#f8f7f3;--fg:#111110;--fg-muted:#4a4741;--fg-faint:#7c776d;--line:#1111101f;--line-strong:#1111103d;--accent:#ff4f1f;--accent-ink:#b8340d;--cream:#f2f0eb;--bone:#e6e2d9;--paper-2:#f8f7f3;--charcoal:#111110;--charcoal-2:#1d1c1a;--font-sans:"Geist", system-ui, sans-serif;--font-display:"Archivo", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-ui:cubic-bezier(.23, 1, .32, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--header-h:64px;--maxw:1680px}@supports (color:lab(0% 0 0)){:root{--line:lab(5.04012% -.144824 .531316/.12);--line-strong:lab(5.04012% -.144824 .531316/.24)}}.theme-dark{--bg:#111110;--bg-raised:#1d1c1a;--fg:#f2f0eb;--fg-muted:#c4bfb5;--fg-faint:#8f8a80;--line:#f2f0eb1f;--line-strong:#f2f0eb3d;--accent-ink:#ff8a5c;background:var(--bg);color:var(--fg)}@supports (color:lab(0% 0 0)){.theme-dark{--line:lab(94.848% .043869 2.67122/.12);--line-strong:lab(94.848% .043869 2.67122/.24)}}.wrap{width:100%;max-width:var(--maxw);padding-inline:max(var(--gutter), env(safe-area-inset-left));margin-inline:auto}.grid-12{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.h1,.h2{font-family:var(--font-display);font-variation-settings:"wdth" 80;letter-spacing:-.035em;text-wrap:balance;font-weight:760;line-height:.94}.h1{font-size:var(--t-xl)}.h2{font-size:clamp(2.25rem,1rem + 3.4vw,4.5rem)}.h1 em,.h2 em{font-style:normal}.lede{font-size:var(--t-m);max-width:38ch;line-height:1.4}.label{font:500 var(--t-small) / 1.3 var(--f-text);color:var(--fg-muted);letter-spacing:0;text-transform:none}.mono{font-family:var(--font-mono);font-size:.875em}.muted{color:var(--fg-muted)}.chip{background:var(--bone);font:600 .75rem / 1.4 var(--f-text);border-radius:999px;align-items:center;padding:3px 10px;display:inline-flex}.chip-hot{background:var(--accent);color:#111110}.check{align-items:center;gap:10px;min-height:44px;display:flex}.text-link{font-weight:520}.labs{padding-bottom:var(--gap-section)}.lab{padding-block:clamp(88px,10vw,160px)}.lab.theme-dark,.start.theme-dark{background:var(--ink)}.lab-head .label,.system-head .label,.start-head .label,.step-n{font:600 var(--t-small) / 1.3 var(--f-text);color:var(--fg-muted);letter-spacing:0;text-transform:none}.lab-letter{display:none}.lab-uses{color:var(--accent-ink)}.btn-accent{background:var(--signal);color:var(--ink);--fill:var(--ink);--fill-ink:var(--paper)}.btn-ghost{background:var(--bone);color:var(--ink);--fill:var(--ink);--fill-ink:var(--paper);border:0}.theme-dark .btn-ghost{color:var(--paper);--fill:var(--signal);--fill-ink:var(--ink);background:#2a2926}.btn-sm{min-height:44px}.lab-hero{padding-top:calc(var(--head-h) + env(safe-area-inset-top) + clamp(32px, 6vw, 88px));padding-bottom:clamp(48px,6vw,96px)}.lab-hero-grid{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.lab-hero-copy{grid-column:1/8;gap:28px;display:grid}.lab-hero-copy>*{grid-column:1/-1}.lab-title{font-size:var(--t-xl)}.lab-hero .hero-lede{max-width:34ch}.lab-hero-field{aspect-ratio:1;touch-action:pan-y;grid-column:8/13;max-height:560px}.lab-index{flex-wrap:wrap;gap:8px;margin-top:clamp(40px,5vw,72px);display:flex}.lab-index a{background:var(--bone);min-height:48px;font:600 1rem / 1 var(--f-text);transition:background-color var(--t-ui) ease, color var(--t-ui) ease, scale var(--t-press) var(--ease-out);border-radius:999px;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.lab-index a:active{scale:.97}@media (hover:hover) and (pointer:fine){.lab-index a:hover{background:var(--ink);color:var(--paper)}}@media (max-width:899px){.lab-hero-copy{grid-column:1/-1}.lab-hero-field{grid-area:1/3/auto/11;justify-self:center;width:100%;max-height:300px;margin-bottom:24px}.lab-index{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.lab-index a{flex:none}}.contact-strip .contact-title{grid-column:1/10}.code-head .label{color:#bdb8ae}