@font-face{font-family:JetBrains Mono;font-weight:400;font-display:optional;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:700;font-display:optional;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-weight:400;font-display:optional;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-weight:500;font-display:optional;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e10;--text:#eceae4;--muted:#9299a3;--line:#23262b;--line-strong:#2e3238;--raised:#15171a;--raised-2:#1b1e22;--accent:#c8f560;--on-accent:#0d0e10;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--sans:"Space Grotesk", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 40px);font-family:var(--sans);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);margin:0;line-height:1.5;overflow-x:clip}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--accent);color:var(--on-accent);padding:8px 12px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.wrap{width:100%;max-width:1240px;padding-inline:var(--gutter);margin-inline:auto}.btn{font:500 1rem/1.2 var(--sans);white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:.5em;padding:.75rem 1.15rem;text-decoration:none;display:inline-flex}.btn-small{padding:.5rem .85rem;font-size:.9rem}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:focus-visible{outline-color:var(--text)}.btn-outline{border-color:var(--line-strong);color:var(--text)}.btn-outline:hover{border-color:var(--muted)}.arrow{transition:transform .16s ease-out;display:inline-block}.btn:hover .arrow,.btn:focus-visible .arrow{transform:translate(4px)}.top{z-index:3;border-bottom:1px solid var(--line);position:relative}.top-row{align-items:center;gap:2rem;min-height:64px;display:flex}.wordmark{font:700 .95rem/1 var(--mono);letter-spacing:.24em;white-space:pre;text-decoration:none}.wm-b{color:var(--accent)}.nav{gap:1.75rem;margin-left:auto;font-size:.95rem;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--text)}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.field{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.field:after{content:"";background:linear-gradient(to bottom, transparent 55%, var(--bg));position:absolute;inset:0}.field-text{font:400 12px/2 var(--mono);color:#eceae40d;white-space:pre;margin:0;position:absolute;top:12px;left:-24px}.lens{opacity:0;will-change:transform;width:360px;height:360px;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 25%,#0000);mask-image:radial-gradient(closest-side,#000 25%,#0000)}.lens.on{opacity:1}.lens .field-text{color:#eceae42b;will-change:transform}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(40px,7vh,88px) 96px;display:grid;position:relative}.term{font:400 .82rem/1.4 var(--mono);color:var(--muted);white-space:nowrap;margin:0 0 1.75rem}.prompt{color:var(--accent)}.caret{vertical-align:-.2em;background:var(--text);width:.6em;height:1.15em;margin-left:.2em;animation:1.06s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}h1{font:500 clamp(2.6rem, 5.4vw, 4.6rem) / 1.02 var(--sans);letter-spacing:-.025em;margin:0}.h1-main,.h1-mono{display:block}.nb{white-space:nowrap}.h1-mono{font:700 .72em/1.1 var(--mono);letter-spacing:-.02em;color:var(--accent);white-space:pre;margin-top:.15em}.lede{max-width:34rem;color:var(--muted);margin:1.5rem 0 2rem;font-size:1.1rem}.actions{flex-wrap:wrap;gap:.75rem;margin:0 0 2.5rem;display:flex}.counters{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;max-width:30rem;margin:0;padding-top:1.25rem;display:grid}.counters div{flex-direction:column-reverse;gap:.35rem;min-width:0;display:flex}.counters dt{font:400 .68rem/1.2 var(--mono);letter-spacing:.16em;color:var(--muted)}.counters dd{font:400 clamp(1.35rem, 2.2vw, 1.8rem) / 1.1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}#count-blobs{color:var(--accent)}.demo{--panel-left:-150px;--panel-width:320px;position:relative}.picture{width:min(100%,440px,75svh - 142.5px);margin:0 0 0 auto}.frame-wrap{position:relative}.frame{aspect-ratio:3/4;border:1px solid var(--line-strong);cursor:crosshair;background:#595440;border-radius:4px;position:relative;overflow:hidden}.frame canvas{opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.frame canvas.on{z-index:2;opacity:1}.frame canvas.prev{z-index:1;opacity:1;transition:none}.outline{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring{fill:none;stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:0}.ring.on{opacity:1}.ring.flash{animation:.7s ease-in-out flash}@keyframes flash{0%,40%,80%{opacity:1}20%,60%{opacity:.1}}.tag{z-index:4;font:400 11px/1.4 var(--mono);white-space:nowrap;pointer-events:none;opacity:0;background:#0d0e10e0;border-radius:3px;padding:2px 6px;position:absolute;top:0;left:0}.tag.on{opacity:1}figcaption{color:var(--muted);margin:2.25rem 0 0;font-size:.8rem}.panel{bottom:-20px;left:var(--panel-left);z-index:5;width:var(--panel-width);border:1px solid var(--line-strong);font:400 12px/1.65 var(--mono);background:#15171af2;border-radius:6px;padding:.6rem 0 .5rem;position:absolute;box-shadow:0 18px 50px #00000080}.panel-head{border-bottom:1px solid var(--line);letter-spacing:.14em;color:var(--accent);align-items:center;gap:.6em;margin:0 0 .35rem;padding:0 12px .45rem;font-size:10.5px;display:flex}.panel-count{text-align:right;letter-spacing:0;min-width:11ch;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.panel-lines{margin:0;padding:0;list-style:none}.panel-lines li{white-space:pre;color:var(--text);align-items:center;gap:1ch;padding:0 12px;display:flex}.panel-lines .ln{color:var(--muted)}.panel-lines li.hl{background:#c8f56021}.panel-lines li.hl .ln{color:var(--accent)}.sw{border-radius:2px;flex:none;width:10px;height:10px;margin-left:auto}.scroll-hint{z-index:1;font:400 .7rem/1 var(--mono);letter-spacing:.18em;color:var(--muted);justify-content:center;align-items:center;gap:.6em;margin:0 auto;padding-bottom:28px;display:flex;position:relative}.scroll-hint svg{width:10px;height:12px}.section{border-bottom:1px solid var(--line);padding-block:clamp(72px,11vw,136px);overflow-x:clip}.section-head{max-width:44rem;margin-bottom:clamp(32px,5vw,56px)}.kicker{font:400 .72rem/1.2 var(--mono);letter-spacing:.18em;color:var(--accent);margin:0 0 .9rem}h2{font:500 clamp(1.9rem, 3.6vw, 3rem) / 1.08 var(--sans);letter-spacing:-.02em;margin:0}.section-lede{color:var(--muted);margin:1rem 0 0;font-size:1.05rem}h3{font:500 1.15rem/1.3 var(--sans);margin:0 0 .4rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);background:var(--raised);border-radius:6px;padding:18px 18px 22px}.card p{color:var(--muted);margin:0}.num{font:400 .8rem/1 var(--mono);color:var(--accent);margin-right:.6em}.viz{aspect-ratio:3/2;background:var(--bg);border-radius:4px;margin-bottom:18px;position:relative;overflow:hidden}.thumb{aspect-ratio:3/4;background:#595440;display:block}.viz-drop{border:1px dashed var(--line-strong);justify-content:center;padding:14px;display:flex}.viz-drop .thumb{border-radius:2px;height:100%}.drop-label{font:400 11px/1.4 var(--mono);background:#0d0e10d9;border-radius:3px;padding:2px 6px;position:absolute;bottom:22px;left:22px}.viz-stages{grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;gap:6px;padding:10px;display:grid}.viz-stages span{flex-direction:column;gap:6px;display:flex}.viz-stages .thumb{border-radius:2px;width:100%}.viz-stages i{font:400 10px/1 var(--mono);text-align:center;color:var(--muted);font-style:normal}.viz-chart{align-items:center;padding:6px 8px;display:flex}.chart{width:100%;height:100%}.chart .axis{stroke:var(--line-strong)}.chart .curve{fill:none;stroke:var(--accent);stroke-width:1.5px}.chart .dot{fill:var(--accent)}.chart .lbl{font:400 9px var(--mono);fill:var(--muted)}.chart .val{fill:var(--text)}.code-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.anatomy-head{color:var(--muted);margin:0 0 1rem}.ruler{font:400 clamp(1.05rem, 2.3vw, 1.7rem) / 1.2 var(--mono);flex-wrap:wrap;gap:0 1ch;margin:0 0 1.75rem;display:flex}.ruler .fld{flex-direction:column;gap:.35rem;display:inline-flex}.ruler .fld code{border-bottom:2px solid var(--line-strong);font:inherit;padding-bottom:.3rem}.ruler .f-x code,.ruler .f-y code{border-color:var(--accent)}.ruler .f-colour{position:relative}.ruler .f-colour .sw{width:.7rem;height:.7rem;position:absolute;top:-.85rem;right:0}.fname{font:400 .7rem/1 var(--mono);letter-spacing:.08em;color:var(--muted)}.legend{gap:.6rem;margin:0;display:grid}.legend div{grid-template-columns:6.5ch minmax(0,1fr);gap:1rem;display:grid}.legend dt{font:400 .85rem/1.5 var(--mono);color:var(--accent)}.legend dd{color:var(--muted);margin:0}.lines-block{border:1px solid var(--line-strong);background:var(--raised);border-radius:6px}.lines-head{border-bottom:1px solid var(--line);font:400 11px/1.4 var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:0;padding:10px 14px;display:flex}.lines-head span:first-child{color:var(--text)}.copy-groups{padding:6px 0}.copy-lines{margin:0;padding:0;list-style:none}.copy-line{width:100%;color:var(--text);font:400 13px/1.6 var(--mono);white-space:pre;text-align:left;cursor:copy;background:0 0;border:0;align-items:center;gap:1ch;padding:3px 14px;display:flex}.copy-line:hover{background:var(--raised-2)}.copy-line:focus-visible{outline-offset:-2px}.copy-line .ln{color:var(--muted)}.copy-line .sw{margin-left:0}.copied{color:var(--accent);opacity:0;margin-left:auto;font-size:11px;transition:opacity .15s}.copy-line.done .copied{opacity:1}.copy-status{min-height:1.4em;font:400 11px/1.4 var(--mono);color:var(--muted);margin:0;padding:0 14px 10px}.poster-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.poster-figure{width:min(100%,440px);margin:0 auto;position:relative}.poster-img{border:1px solid var(--line-strong);background:#121315;border-radius:4px;width:100%;height:auto;display:block}.poster-detail{border:1px solid var(--line-strong);background:#121315;border-radius:4px;width:64%;height:auto;position:absolute;bottom:96px;right:-48px;box-shadow:0 16px 40px #0000008c}.poster-figure figcaption{margin:.75rem 0 0}.poster-copy div p{color:var(--muted);margin:0 0 1rem}.poster-copy .btn{margin-top:.5rem}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.facts li{border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--raised);border-radius:6px;padding:22px 22px 24px}.facts p{color:var(--muted);margin:0}.facts a{color:var(--text)}.foot{color:var(--muted);padding-block:48px 56px;font-size:.9rem}.foot-grid{gap:.75rem;display:grid}.foot-mark{color:var(--text);margin:0 0 .5rem}.foot-links{flex-wrap:wrap;gap:.4rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.foot a{color:var(--text)}.foot-note{margin:0}.to-top{z-index:30;border:1px solid var(--line-strong);color:var(--text);font:500 .85rem/1 var(--sans);background:#15171af0;border-radius:999px;align-items:center;gap:.4em;padding:.6rem .95rem;text-decoration:none;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000073}.to-top:hover{border-color:var(--accent)}.to-top-arrow{color:var(--accent);transition:transform .16s ease-out;display:inline-block}.to-top:hover .to-top-arrow,.to-top:focus-visible .to-top-arrow{transform:translateY(-2px)}.to-top.watch{visibility:hidden;opacity:0;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s;transform:translateY(10px)}.to-top.watch.on{visibility:visible;opacity:1;transition:opacity .2s ease-out,transform .2s ease-out,visibility;transform:none}@media (width<=1180px){.demo{--panel-left:-24px}}@media (width<=860px){.top-row{flex-wrap:wrap;gap:0 1rem;padding-block:10px}.nav{order:3;gap:1.25rem;width:100%;margin:0;padding-top:8px;font-size:.85rem}.btn-small{margin-left:auto}.hero-grid{grid-template-columns:minmax(0,1fr);padding-block:28px 32px}.term{font-size:.72rem}.demo{padding-bottom:0}figcaption{margin:.75rem 0 0}.panel{width:min(320px,100% - 24px);margin:-28px 12px 0 auto;position:relative;bottom:auto;left:auto}.panel-lines li:nth-child(n+9){display:none}.cards,.code-grid,.poster-grid,.facts{grid-template-columns:minmax(0,1fr)}.poster-detail{bottom:40px;right:8px}.copy-line{font-size:12px}}@media (width<=640px){.to-top{bottom:16px;right:16px}.to-top-long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=400px){.counters{gap:.75rem}.counters dt{letter-spacing:.08em}}@media (prefers-reduced-motion:reduce){.caret,.live-dot,.ring.flash{animation:none}.arrow,.frame canvas,.lens,.to-top-arrow,.to-top.watch,.to-top.watch.on{transition:none}}.cursors{z-index:20;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.cursor{will-change:transform;width:26px;height:32px;position:absolute;top:0;left:0}.cursor .arrow{width:26px;height:32px;fill:var(--text);stroke:var(--bg);stroke-width:1.1px;stroke-linejoin:round;transform-origin:2px 2px;filter:drop-shadow(0 2px 3px #00000073);transition:transform .12s ease-out;display:block}.cursor.grab .arrow{transform:scale(.84)}.chip{font:400 11px/1.45 var(--mono);white-space:nowrap;border-radius:3px;padding:1px 6px;transition:transform .18s ease-out;position:absolute;top:27px;left:18px;box-shadow:0 0 0 1px #0000004d}.cursor.flip .chip{transform:translate(calc(-100% - 22px))}[data-build-box]{transition:opacity .32s ease-out}.box-wait{opacity:0}[data-build].held{outline:1.5px solid var(--grab,var(--accent));outline-offset:4px}.foot{overflow-x:clip}
