@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/assets/barlow-400-DygnOwyn.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/assets/barlow-500-D6sGsXIV.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/assets/barlow-600-DO9c7XN2.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:600;font-display:swap;src:url(/assets/barlow-semi-condensed-600-D36brihh.woff2)format("woff2")}:root{--paper:#f6f6fa;--ink:#191542;--muted:#5b5880;--rule:#dcdbe9;--link:#453f9e;--button:#453f9e;--button-hover:#383286;--button-active:#2b2669;--button-ink:#fff;--warn:#e67e00;--crit:#d92d20;--tray:#fff;--tray-edge:#d3d1e4;--app-color:#6d65d8;--fold-color:#3f389f;--cache-edge:#b9b6dc;--wired:#b4b2c8;--wired-stripe:#cfcddd;--fs-s:.875rem;--fs-m:1.125rem;--fs-l:1.375rem;--fs-xl:clamp(1.75rem, 3.2vw, 2.375rem);--fs-xxl:clamp(2.75rem, 6.4vw, 5.75rem);--sans:"Barlow", system-ui, sans-serif;--display:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--apple:-apple-system, BlinkMacSystemFont, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#100d2b;--ink:#ecebf8;--muted:#a9a6cc;--rule:#2b2758;--link:#b8b3ff;--button:#ecebf8;--button-hover:#d4d1f2;--button-active:#bcb8e6;--button-ink:#171245;--warn:#ff9f0a;--crit:#ff453a;--tray:#19163a;--tray-edge:#36326a;--app-color:#8b84f0;--fold-color:#5a52c8;--cache-edge:#4b4690;--wired:#4a4775;--wired-stripe:#3a375f}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-m);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img,picture{max-width:100%;height:auto;display:block}a{color:var(--link);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--link);outline-offset:3px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:600;line-height:1.05}h2{font-size:var(--fs-xl);text-wrap:balance}h3{font-size:var(--fs-l)}p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(76rem,100% - 2rem);margin-inline:auto}main{overflow-x:clip}.top{padding-block:1.25rem}.brand{color:var(--ink);font-family:var(--display);font-size:var(--fs-l);align-items:center;gap:.625rem;font-weight:600;text-decoration:none;display:inline-flex}.button{background:var(--button);color:var(--button-ink);font-size:var(--fs-l);border-radius:8px;padding:.8rem 2rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s;display:inline-block}.button:hover{background:var(--button-hover)}.button:active{background:var(--button-active)}.used,.foot{color:var(--muted);font-size:var(--fs-s)}.note{color:var(--muted)}.hero{padding-block:clamp(1.5rem,5vw,4rem) 0;container-type:inline-size}.hero h1{font-size:min(var(--fs-xxl), 100cqi / 8.8);letter-spacing:-.015em;line-height:1}.hero h1 span{text-wrap:balance;display:block}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;margin-top:clamp(1.5rem,3vw,2.5rem);display:flex}.lede{text-wrap:pretty;max-width:34rem;font-size:var(--fs-l);line-height:1.35}.get{align-items:center;gap:1.25rem;display:flex}.desk{background:radial-gradient(120% 90% at 85% 0,#8c82ff59,#0000 60%),linear-gradient(160deg,#453f9e,#171245);border-radius:18px;gap:clamp(1rem,2.4vw,1.75rem);margin:clamp(2rem,4vw,3rem) 0 0;padding:clamp(1rem,3.5vw,2.75rem);display:grid}.menubar{color:#fff;background:#0e0b289e;border-radius:12px;align-items:center;gap:2rem;min-height:6rem;padding:.75rem clamp(1rem,3vw,2.25rem);display:flex;box-shadow:inset 0 1px #ffffff14,0 10px 30px #08061e40}.menubar-label{font-family:var(--display);margin-right:auto;font-size:2.375rem;font-weight:600;line-height:1}.menubar img{flex-shrink:1;min-width:0;max-width:100%;height:auto}@media (width<=40rem){.hero-row{flex-direction:column;align-items:stretch}.get{flex-direction:column;align-items:stretch;gap:.75rem}.get .button,.get .note{text-align:center}.desk{border-radius:0;margin-inline:-1rem}.menubar{flex-direction:column;align-items:flex-start;gap:.625rem;min-height:0;padding:.875rem 1rem 1rem}.menubar-label{font-size:var(--fs-l)}.menubar img{align-self:flex-end}}.block{padding-block:clamp(3.5rem,8vw,6rem) 0}.block-head h2{margin-bottom:1rem}.block-head p{max-width:40rem}.lights-block{grid-template-columns:minmax(0,26rem) minmax(0,42rem);justify-content:space-between;align-items:start;gap:2rem 4rem;display:grid}.lights{margin:0;padding:0;list-style:none}.lights li{border-bottom:1px solid var(--rule);grid-template-columns:4rem minmax(0,1fr);align-items:center;padding-block:1.125rem;line-height:1.3;display:grid}.lights li:first-child{border-top:1px solid var(--rule)}.sign img{width:auto;height:26px}@media (width<=52rem){.lights-block{grid-template-columns:minmax(0,1fr)}.lights li{font-size:var(--fs-m);grid-template-columns:3.25rem minmax(0,1fr)}}.s1{--m:6%;--slack:1.6cqw;--band:.9cqw;--tone:var(--ink)}.s2{--m:29%;--slack:1.1cqw;--band:.75cqw;--tone:var(--ink)}.s3{--m:82%;--slack:.6cqw;--band:.5cqw;--tone:var(--warn)}.s4{--m:100%;--slack:.25cqw;--band:.35cqw;--tone:var(--crit)}.s5{--m:35%;--slack:1.4cqw;--band:.8cqw;--tone:var(--ink)}.stage{--move:.9s cubic-bezier(.45, 0, .2, 1);grid-template-columns:minmax(0,1fr) 17rem;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.stage.jump{--move:.3s ease-in-out}.board{aspect-ratio:16/8.4;--u:6.25cqw;--ssd-row:5.6;position:relative;container-type:inline-size}.board-tray{height:calc(4 * var(--u));background:var(--tray);box-shadow:inset 0 0 0 1px var(--tray-edge);border-radius:1.2cqw;position:absolute;inset:0 0 auto}.band{top:calc(-1 * (var(--slack) + var(--band)));left:calc(-1 * (var(--slack) + var(--band)));width:calc(100% + 2 * (var(--slack) + var(--band)));height:calc(4 * var(--u) + 2 * (var(--slack) + var(--band)));border:var(--band) solid var(--tone);border-radius:calc(1.2cqw + var(--slack));opacity:.85;pointer-events:none;transition:top var(--move), left var(--move), width var(--move), height var(--move), border var(--move), border-radius var(--move);position:absolute}.board-ssd{top:calc(var(--ssd-row) * var(--u));width:100%;height:calc(2 * var(--u));box-shadow:inset 0 0 0 1px var(--tray-edge);border-radius:.9cqw;position:absolute;left:0}.board .ssd-label{position:absolute;top:50%;left:1.6cqw;transform:translateY(-50%)}.ssd-label{color:var(--muted);font-size:var(--fs-s);font-weight:600}.swapfile{top:calc((var(--ssd-row) + var(--r)) * var(--u) - .25cqw);left:calc(var(--c) * var(--u) - .25cqw);width:calc(4 * var(--u) + .5cqw);height:calc(var(--u) + .5cqw);border:1.5px dashed var(--muted);opacity:0;transform-origin:0;border-radius:1cqw;position:absolute}.swapfill{width:calc(var(--fill,0) * var(--u) - .8cqw * min(var(--fill,0), 1));background:repeating-linear-gradient(90deg, var(--app-color) 0 calc(var(--u) * .22), var(--fold-color) calc(var(--u) * .22) calc(var(--u) / 3));border-radius:.7cqw;position:absolute;top:.65cqw;bottom:.65cqw;left:.65cqw}.layer{position:absolute;inset:0}.label{top:calc(4.45 * var(--u));left:calc(var(--x,0) * var(--u));font-size:var(--fs-s);white-space:nowrap;transition:left var(--move), opacity .4s;font-weight:600;position:absolute;transform:translate(-50%)}.label small{color:var(--muted);font-size:1em;font-weight:400}.label.l-swap{top:calc((var(--ssd-row) + 2.1) * var(--u))}.label.gone{opacity:0}.cell{will-change:transform, width, height, opacity;border-radius:.7cqw;width:0;height:0;position:absolute;top:0;left:0;overflow:hidden}.cell:before,.cell:after{content:"";border-radius:inherit;position:absolute;inset:0}.cell:after{background:repeating-linear-gradient(90deg, transparent 0 22%, var(--fold-color) 22% 33.333%);opacity:var(--f,0)}.k-wired:before{background:repeating-linear-gradient(135deg, var(--wired) 0 3px, var(--wired-stripe) 3px 6px)}.k-app:before{background:var(--app-color)}.k-cache:before{box-shadow:inset 0 0 0 1px var(--cache-edge)}.k-squeezed:before{background:var(--app-color)}.caption{max-width:40rem;font-size:var(--fs-l);line-height:1.35}.readout{justify-items:start;gap:.25rem;display:grid}.mrow{color:#fff;font-family:var(--apple);font-variant-numeric:tabular-nums;--ink-tone:#fff;background:#1c1940;border-radius:12px;align-items:center;gap:6px;margin-bottom:.5rem;padding:16px 20px;font-size:34px;font-weight:600;line-height:1;display:flex}.s3 .mrow{--ink-tone:#ff9f0a}.s4 .mrow{--ink-tone:#ff453a}.m-label{color:#fff9;transition:color var(--move)}.s3 .m-label,.s4 .m-label{color:var(--ink-tone)}.capsule{border-radius:12px;width:78px;height:24px;position:relative;overflow:hidden}.capsule:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #fffc}.fill{width:var(--m);background:var(--ink-tone);transition:width var(--move), background-color var(--move);position:absolute;inset:0 auto 0 0}.m-value{min-width:2.1ch;color:var(--ink-tone);transition:color var(--move)}.slow{opacity:0;width:17px;transition:opacity var(--move);margin-left:4px}.s4 .slow{opacity:1}.used-value,.swap-value{color:var(--ink);font-weight:600}.stage.twang .band{animation:.5s ease-out .6s twang}@keyframes twang{0%{transform:scale(1.012,.97)}35%{transform:scale(.996,1.012)}70%{transform:scale(1.003,.996)}to{transform:none}}.stepper{margin-top:2.5rem}.nav{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.25rem;margin-bottom:2.5rem;display:grid}.controls{gap:.5rem;display:flex}.play,.next{border:1px solid var(--rule);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s;display:grid}.play:hover,.next:hover{background:var(--rule)}.play svg,.next svg{fill:currentColor;width:16px;height:16px}.play .i-pause,.play.on .i-play{display:none}.play.on .i-pause{display:block}.titles{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.titles button{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:.5rem;padding:.25rem 0 .5rem;font-weight:600;display:grid}.titles button[aria-current=step],.titles button:hover{color:var(--ink)}.bar{background:var(--rule);border-radius:2px;height:4px;position:relative;overflow:hidden}.bar:after{content:"";background:var(--ink);width:0;position:absolute;inset:0 auto 0 0}.titles .done .bar:after,.titles [aria-current=step] .bar:after{width:100%}.stepper.playing .titles [aria-current=step] .bar:after{animation:progress var(--step-time,4.5s) linear forwards}@keyframes progress{0%{width:0}to{width:100%}}.live-caption{min-height:2.7em;margin-top:2rem}@media (width<=52rem){.stage{grid-template-columns:minmax(0,1fr)}.label small{display:none}.board{aspect-ratio:16/9.2;--ssd-row:6.3}.mrow{padding:12px 16px;font-size:26px}.capsule{border-radius:9px;width:60px;height:18px}.nav{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.titles{gap:0;display:flex}.titles button{place-items:center;width:44px;height:44px;padding:0}.titles .t{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar{border-radius:50%;width:12px;height:12px}}@media (prefers-reduced-motion:reduce){.stage,.stage *,.stage :before{transition:none!important;animation:none!important}}.more{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 4rem;display:grid}.more>div{border-top:1px solid var(--rule);padding-top:1.5rem}.more h2{font-size:var(--fs-l);margin-bottom:.625rem}.more p{text-wrap:pretty;max-width:34rem}@media (width<=52rem){.more{grid-template-columns:minmax(0,1fr)}}.again{padding-block:clamp(2.5rem,5vw,3.5rem) clamp(3.5rem,8vw,6rem)}.foot{border-top:1px solid var(--rule);padding-block:2rem 3rem}.foot a{color:inherit}.lost{min-height:60vh;padding-block:clamp(2.5rem,8vw,6rem)}.lost h1{font-size:var(--fs-xxl);letter-spacing:-.015em;line-height:1}.lost p{max-width:34rem;font-size:var(--fs-l);text-wrap:pretty;margin-top:1.25rem;line-height:1.35}