@font-face{font-family:Basenji;src:url(/fonts/Basenji-SemiBold.otf)format("opentype");font-weight:600;font-display:block}@font-face{font-family:DepartureMono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-display:block}:root{--black:#000;--white:#fff;--dim:#a8a8a8;--focus:#ff9a2e;--pass:#3ddc84;--fail:#ff4d5e;--name:#4aa3ff;--rule:2px;--display:"Basenji", "DepartureMono", monospace;--mono:"DepartureMono", ui-monospace, monospace;--text:16.5px;--small:11px;--gutter:clamp(20px, 3.4vw, 56px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--mono);font-size:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;margin:0;line-height:1.66;overflow-x:hidden}::selection{background:var(--white);color:var(--black)}a{color:inherit}.gl{z-index:0;pointer-events:none;width:100vw;height:100vh;image-rendering:pixelated;position:fixed;inset:0}.wrap{width:100%;max-width:1520px;margin:0 auto;padding:0 clamp(20px,3vw,48px)}.header{z-index:30;border-bottom:var(--rule) solid #222;background:#000000eb;position:fixed;top:0;left:0;right:0}.header-row{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;align-items:baseline;gap:12px;font-size:22px;text-decoration:none;display:flex}.brand small{font-family:var(--mono);font-size:var(--small);letter-spacing:.08em;color:var(--dim)}.nav{align-items:center;gap:22px;display:flex}.nav a.link{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);text-decoration:none}.nav a.link:hover{color:var(--white)}.gh{border:var(--rule) solid var(--white);background:var(--black);text-transform:uppercase;letter-spacing:.06em;align-items:stretch;height:36px;text-decoration:none;display:inline-flex}.gh>span{align-items:center;gap:8px;padding:0 12px;display:inline-flex}.gh .count{background:var(--white);color:var(--black);justify-content:center;min-width:64px}.gh:hover>span:first-child{background:var(--white);color:var(--black)}.gh svg{width:16px;height:16px}main{z-index:1;position:relative}.chapter{position:relative}.pin{align-items:center;height:100vh;padding:92px 0 32px;display:flex;position:sticky;top:0}.grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(28px,4vw,72px);display:grid}.copy{flex-direction:column;gap:16px;min-width:0;transition:opacity .24s steps(4,end);display:flex}.viewport{border:var(--rule) solid var(--white);flex-direction:column;min-width:0;margin:0;display:flex}.vp-head,.vp-foot{text-transform:uppercase;letter-spacing:.06em;font-size:var(--small);white-space:nowrap;justify-content:space-between;gap:16px;padding:4px 12px;display:flex;overflow:hidden}.vp-head{border-bottom:var(--rule) solid var(--white)}.vp-head,.vp-foot{background:var(--black)}.vp-foot{border-top:var(--rule) solid #333;color:var(--dim)}.vp-body{height:min(52vh,500px);position:relative}.vp-mark{border:0 solid #777;width:12px;height:12px;position:absolute}.vp-mark.tl{border-left-width:var(--rule);border-top-width:var(--rule);top:10px;left:10px}.vp-mark.tr{border-right-width:var(--rule);border-top-width:var(--rule);top:10px;right:10px}.vp-mark.bl{border-left-width:var(--rule);border-bottom-width:var(--rule);bottom:10px;left:10px}.vp-mark.br{border-right-width:var(--rule);border-bottom-width:var(--rule);bottom:10px;right:10px}.kicker{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;display:flex}.chip{background:var(--white);color:var(--black);padding:0 7px;line-height:1.5;display:inline-block}.chip.focus{background:var(--focus)}.chip.pass{background:var(--pass)}.chip.fail{background:var(--fail)}.title{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(30px,3vw,46px);font-weight:600;line-height:1.06}.body{color:#d6d6d6;max-width:34em;margin:0}.body code,.inline{color:var(--white);background:#1c1c1c;padding:0 4px}.hero .title{font-size:clamp(34px,3.4vw,50px);line-height:1.04}.hero .title span{display:block}.hero .title span+span{color:var(--dim)}.ctas{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.install{border:var(--rule) solid var(--white);background:var(--black);height:44px;color:var(--white);font:inherit;cursor:pointer;align-items:center;gap:12px;padding:0 14px;display:inline-flex}.install .prompt{color:var(--dim)}.install .state{color:var(--black);background:var(--white);text-transform:uppercase;font-size:var(--small);letter-spacing:.08em;padding:0 6px}.install:hover{background:#111}.btn{background:var(--white);height:44px;color:var(--black);text-transform:uppercase;letter-spacing:.06em;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--focus)}.scroll-cue{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:var(--small)}.panel{border:var(--rule) solid var(--white);background:#000000e0}.panel-head{font-size:var(--small);white-space:nowrap;background:var(--white);color:var(--black);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;padding:3px 10px;display:flex}.panel-body{padding:10px 12px}.code{font-family:var(--mono);white-space:pre;margin:0;font-size:13.75px;line-height:1.5;overflow:hidden}.code .ln{color:#6e6e6e;margin:0 -6px;padding:0 6px;display:block}.code .ln.on{color:var(--white)}.code .ln.hot{background:var(--white);color:var(--black)}.code .ln.hot.focus{background:var(--focus)}.code .ln.hot.pass{background:var(--pass)}.code .ln.hot.fail{background:var(--fail)}.code .cell-head{color:var(--white)}.code .param{color:var(--name)}.stdout{color:var(--dim);white-space:pre;font-size:13.75px;overflow:hidden}.stdout b{color:var(--white);font-weight:400}.readout{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;font-size:13.75px;display:grid}.readout .k{text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.readout .v{text-align:right;white-space:nowrap}.bar{background-image:repeating-linear-gradient(90deg, var(--white) 0 4px, transparent 4px 7px);height:10px;transition:width .2s steps(6,end)}.bar.focus{background-image:repeating-linear-gradient(90deg, var(--focus) 0 4px, transparent 4px 7px)}.bar.pass{background-image:repeating-linear-gradient(90deg, var(--pass) 0 4px, transparent 4px 7px)}.big{align-items:baseline;gap:14px;display:flex}.big b{font-family:var(--display);font-size:clamp(48px,5vw,84px);font-weight:600;line-height:1}.big span{text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.tags{flex-direction:column;gap:4px;display:flex}.tag{color:#6e6e6e;justify-content:space-between;gap:12px;display:flex}.tag.on{color:var(--focus)}.legend{height:14px;display:flex}.legend i{flex:1}.legend-scale{color:var(--dim);justify-content:space-between;display:flex}.slider{grid-template-columns:9em 1fr 5.5em;align-items:center;gap:14px;display:grid}.slider .track{background:#555;height:2px;position:relative}.slider .track b{background:var(--white);width:10px;height:18px;margin-left:-5px;transition:left .22s steps(5,end);position:absolute;top:-8px}.slider.fail .track b{background:var(--fail)}.slider .val{text-align:right}.slider .param{color:var(--name)}.slider.fail .val{color:var(--fail)}.err .panel-head.fail{background:var(--fail)}.err .panel-head.pass{background:var(--pass)}.err pre{white-space:pre-wrap;font:inherit;color:#8a8a8a;margin:0;font-size:13.75px;line-height:1.5}.err pre .on{color:var(--white)}.err pre .hot{background:var(--white);color:var(--black)}.close .wrap{justify-content:center;display:flex}.close .copy{text-align:center;align-items:center;gap:26px;max-width:900px}.close .title{font-size:clamp(40px,5.6vw,88px);line-height:1}.close .title span{display:block}.close .title span+span{color:var(--dim)}.links{text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;justify-content:center;gap:12px 26px;display:flex}.links a{border-bottom:var(--rule) solid var(--white);text-decoration:none}.links a:hover{color:var(--focus);border-color:var(--focus)}.footer{z-index:1;border-top:var(--rule) solid #222;background:var(--black);padding:56px 0 72px;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1.3fr 1.5fr;gap:32px;display:grid}.footer-col{flex-direction:column;gap:6px;display:flex}.footer-col .k{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:4px}.footer-col a{text-decoration:none}.footer-col a:hover{color:var(--focus)}.status{color:#666}.dither{pointer-events:none;image-rendering:pixelated;position:absolute}@media (max-width:899px){.nav a.link,.brand small{display:none}.pin{align-items:flex-start;padding-top:80px}.grid{grid-template-columns:minmax(0,1fr);gap:16px}.grid .viewport{order:-1}.vp-body{height:34vh}.copy{gap:12px}.copy .body{font-size:13.75px}.code{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.chips{white-space:normal;flex-wrap:wrap;gap:4px 6px;display:flex}.chips button{font:inherit;text-transform:uppercase;letter-spacing:.06em;color:#777;cursor:pointer;background:0 0;border:0;padding:0 6px}.chips button:hover:not(:disabled){color:var(--white)}.chips button.on{background:var(--white);color:var(--black)}.chips button:disabled{color:#333;cursor:default}