@font-face{font-family:Science Gothic;src:url(/4d-os/assets/science-gothic-latin-wdth-wght-C3RaGAYu.woff2)format("woff2");font-weight:100 900;font-stretch:50% 200%;font-display:swap}@font-face{font-family:E Instrument;src:url(/4d-os/assets/handjet-latin-wght-so6y6v28.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:E Instrument;src:url(/4d-os/assets/atkinson-hyperlegible-next-latin-wght-CxkEJpIE.woff2)format("woff2");font-weight:100 900;unicode-range:U+30-39;size-adjust:95%;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/4d-os/assets/atkinson-hyperlegible-next-latin-wght-CxkEJpIE.woff2)format("woff2");font-weight:200 800;font-display:swap}:root,[data-flavor=e]{--pal-1bit-0:#05060a;--pal-1bit-1:#f4f1ea;--pal-16-0:#05060a;--pal-16-1:#f4f1ea;--pal-16-2:#0e1224;--pal-16-3:#1d2748;--pal-16-4:#3b4f86;--pal-16-5:#7f9be0;--pal-16-6:#cfe0ff;--pal-16-7:#fff0cf;--pal-16-8:#ffc66b;--pal-16-9:#ff8a2e;--pal-16-10:#e0461f;--pal-16-11:#9c1f1c;--pal-16-12:#4a0f16;--pal-16-13:#2fd0e0;--pal-16-14:#f0a030;--pal-16-15:#6a6f7c;--accent-forward:#2fd0e0;--accent-rewind:#f0a030;--accent-hold:#f4f1ea;--scene-bg:#05060a;--trail:#cfe0ff;--future:#3b4f86;--frustum:#6a6f7c;--trajectory:#3b4f86;--display-chroma:1.15;--display-exposure:1.05;--void:#05060a;--night:#0e1224;--deep:#1d2748;--slate:#3b4f86;--periwinkle:#7f9be0;--ice:#cfe0ff;--bone:#f4f1ea;--cream:#fff0cf;--gold:#ffc66b;--orange:#ff8a2e;--flame:#e0461f;--ember:#9c1f1c;--garnet:#4a0f16;--grid:#6a6f7c;--font-display:"Science Gothic", "Arial Narrow", sans-serif;--font-instrument:"E Instrument", ui-monospace, monospace;--font-text:"Atkinson Hyperlegible Next", "Helvetica Neue", Arial, sans-serif;--render-scale:3;--hair:1px;--gutter:24px}*,:before,:after{box-sizing:border-box}html{background:var(--void);color:var(--bone);font-family:var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scrollbar-color:var(--slate) var(--void);scrollbar-width:thin;--col-w:184px;--band-h:clamp(176px, 23vh, 214px);--transport-h:44px;font-size:16px}body{background:var(--void);font-variant-numeric:tabular-nums;margin:0;line-height:1.5;overflow-x:clip}::selection{background:var(--ice);color:var(--void)}:focus-visible{outline:1px solid var(--bone);outline-offset:2px}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--bone);color:var(--void);font:500 18px / 1 var(--font-instrument);letter-spacing:.04em;text-transform:uppercase;padding:6px 10px 5px;text-decoration:none;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.clock__ch,.readouts dt,.monitor legend,.trace__ch,.trace__note,.hint,.band__depth,.grid-read dt,.register dt,.still__read,.pens__legend,.spectrum__ch,.boot__title,.boot__pct,.colophon__line{font-family:var(--font-instrument);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.tag{background:var(--bone);color:var(--void);font:600 16px / 1.25 var(--font-instrument);letter-spacing:.06em;text-transform:uppercase;vertical-align:.08em;padding:1px 6px 0;display:inline-block}var{font-style:normal}.sym{text-transform:none}.math{font-family:var(--font-instrument);letter-spacing:.02em;white-space:nowrap;color:var(--ice);font-size:1.12em;font-weight:500}.obs{position:relative}.obs__track{height:300svh;position:relative}.obs__stage{z-index:calc(var(--engine-z,5) + 1);height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}.obs__view{inset:0 var(--col-w) var(--band-h) 0;position:absolute}.obs__deck{pointer-events:none;position:absolute;inset:0}.deck{z-index:calc(var(--engine-z,5) + 2);height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}.deck>*{pointer-events:auto}.slate{left:var(--gutter);pointer-events:none;max-width:min(62%,820px);position:absolute;top:22px}.slate__title{font:800 clamp(46px, 6vw, 92px) / .92 var(--font-display);letter-spacing:-.01em;margin:0 0 0 -.08em;font-stretch:128%}.slate__title,.slate__line{background:var(--void);width:fit-content;padding:0 .1em}.slate__line{max-width:44ch;color:var(--ice);text-wrap:pretty;margin:10px 0 0 -.1em;padding:4px 8px 5px;font-size:1rem;line-height:1.45}.stage-keys{display:none}.recorder{height:var(--band-h);padding:14px var(--gutter) calc(var(--transport-h) + 8px);background:var(--void);border-top:var(--hair) solid var(--grid);grid-template-columns:max-content minmax(0,1fr) max-content;align-items:end;gap:0 28px;display:grid;position:absolute;bottom:0;left:0;right:0}.clock{min-width:0}.clock__ch{color:var(--periwinkle);align-items:baseline;gap:8px;margin:0 0 6px;font-size:17px;line-height:1;display:flex}.clock__ch span{color:var(--bone)}.clock__ch var{text-transform:none;color:var(--ice);font-size:19px}.clock__face{font:700 clamp(44px, min(6.4vw, calc((100vw - 500px) / 10)), 96px) / .86 var(--font-display);white-space:nowrap;align-items:baseline;gap:.12em;margin:0;font-stretch:100%;display:flex}.clock__face output{font-variant-numeric:tabular-nums}.clock__unit{font:500 .32em / 1 var(--font-instrument);letter-spacing:.04em;color:var(--periwinkle)}.clock--its .clock__face{color:var(--its-color,var(--ice));font-stretch:calc(100% + var(--its-k,0) * var(--its-span,100%));font-weight:calc(700 - var(--its-k,0) * 500)}.readouts{grid-template-columns:repeat(4,auto);gap:0 22px;margin:0 0 4px;display:grid}.readouts div{gap:6px;display:grid}.readouts dt{color:var(--periwinkle);text-transform:none;font-size:16px;line-height:1}.readouts dd{font:500 30px / 1 var(--font-instrument);color:var(--bone);align-items:baseline;gap:3px;margin:0;display:flex}.readouts dd span{color:var(--periwinkle);font-size:16px}@media (width>=761px) and (width<=960px){.readouts{grid-template-columns:repeat(2,auto);gap:8px 18px}.readouts div{gap:3px}.readouts dd{font-size:24px}}.column{top:0;right:0;bottom:var(--band-h);width:var(--col-w);background:var(--void);border-left:var(--hair) solid var(--grid);flex-direction:column;display:flex;position:absolute}.monitor{gap:14px;padding:18px 16px 16px;display:grid}.keys{border:var(--hair) solid var(--grid);width:fit-content;display:flex}.key{background:var(--void);width:38px;height:30px;color:var(--bone);border:0;border-left:var(--hair) solid var(--grid);cursor:pointer;place-content:center;padding:0;display:grid}.key:first-child{border-left:0}.key svg{fill:currentColor;shape-rendering:crispedges;width:12px;height:12px}.key:hover{background:var(--deep)}.key:active{background:var(--bone);color:var(--void)}.key[aria-disabled=true]{color:var(--slate);background:var(--void);cursor:default}.seg{border:0;min-width:0;margin:0;padding:0}.seg legend{color:var(--periwinkle);margin-bottom:6px;padding:0;font-size:15px;line-height:1}.seg label{color:var(--ice);cursor:pointer;align-items:center;gap:8px;padding:2px 0;font-size:15px;line-height:1.3;display:flex}.seg input{appearance:none;border:var(--hair) solid var(--periwinkle);background:var(--void);flex:none;width:11px;height:11px;margin:0}.seg input:checked{background:var(--bone);border-color:var(--bone)}.seg label:hover{color:var(--bone)}.seg label:has(input:checked){color:var(--bone)}.seg input:focus-visible{outline:1px solid var(--bone);outline-offset:2px}.seg input[type=radio]{background:var(--periwinkle);border:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath d='M5 0h1v1h-1zM4 1h1v1h-1zM6 1h1v1h-1zM3 2h1v1h-1zM7 2h1v1h-1zM2 3h1v1h-1zM8 3h1v1h-1zM1 4h1v1h-1zM9 4h1v1h-1zM0 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM9 6h1v1h-1zM2 7h1v1h-1zM8 7h1v1h-1zM3 8h1v1h-1zM7 8h1v1h-1zM4 9h1v1h-1zM6 9h1v1h-1zM5 10h1v1h-1z'/%3E%3C/svg%3E") 50%/11px 11px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath d='M5 0h1v1h-1zM4 1h1v1h-1zM6 1h1v1h-1zM3 2h1v1h-1zM7 2h1v1h-1zM2 3h1v1h-1zM8 3h1v1h-1zM1 4h1v1h-1zM9 4h1v1h-1zM0 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM9 6h1v1h-1zM2 7h1v1h-1zM8 7h1v1h-1zM3 8h1v1h-1zM7 8h1v1h-1zM4 9h1v1h-1zM6 9h1v1h-1zM5 10h1v1h-1z'/%3E%3C/svg%3E") 50%/11px 11px no-repeat}.seg input[type=radio]:checked{background:var(--bone);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath d='M5 0h1v1h-1zM4 1h3v1h-3zM3 2h5v1h-5zM2 3h7v1h-7zM1 4h9v1h-9zM0 5h11v1h-11zM1 6h9v1h-9zM2 7h7v1h-7zM3 8h5v1h-5zM4 9h3v1h-3zM5 10h1v1h-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath d='M5 0h1v1h-1zM4 1h3v1h-3zM3 2h5v1h-5zM2 3h7v1h-7zM1 4h9v1h-9zM0 5h11v1h-11zM1 6h9v1h-9zM2 7h7v1h-7zM3 8h5v1h-5zM4 9h3v1h-3zM5 10h1v1h-1z'/%3E%3C/svg%3E")}.seg label:has(input[type=radio]:focus-visible){outline:1px solid var(--bone);outline-offset:2px}.hint{color:var(--periwinkle);margin:0;font-size:15px;line-height:1.2}.trace{border-top:var(--hair) solid var(--grid);flex:1;grid-template-rows:auto 1fr auto;gap:8px;min-height:0;margin:0;padding:12px 16px;display:grid}.trace__ch{color:var(--periwinkle);font-size:15px;line-height:1}.trace__ch span,.band__depth output{color:var(--bone)}.trace__plot{grid-template-rows:1fr auto;gap:4px;min-height:0;display:grid;position:relative}.trace__canvas{width:100%;height:100%;min-height:0;image-rendering:pixelated;border:var(--hair) solid var(--grid)}.trace .axis{height:14px;margin:0;font-size:14px}.trace__note{color:var(--periwinkle);margin:0;font-size:14px;line-height:1.2}.transport{left:var(--gutter);right:var(--gutter);height:calc(var(--transport-h) - 12px);grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;display:grid;position:absolute;bottom:8px}.transport__play{border:var(--hair) solid var(--grid);height:30px}.transport__tc,.transport__state{font:500 22px / 1 var(--font-instrument);letter-spacing:.04em;color:var(--bone)}.transport__state{text-align:right;min-width:13ch;color:var(--accent-current,var(--bone))}.transport__track{cursor:pointer;touch-action:none;border-bottom:var(--hair) solid var(--grid);height:30px;position:relative}.transport__ruler{position:absolute;inset:0}.transport__ruler i{background:var(--grid);width:1px;height:6px;position:absolute;bottom:0}.transport__ruler i.is-major{background:var(--periwinkle);height:12px}.transport__ruler b{font:500 14px / 1 var(--font-instrument);letter-spacing:.04em;color:var(--periwinkle);position:absolute;top:0;transform:translate(4px)}.transport__head{top:0;bottom:-4px;left:calc(var(--playhead,0) * 100%);background:var(--accent-current,var(--bone));width:3px;margin-left:-1px;position:absolute}.boot{z-index:30;background:var(--void);border:var(--hair) solid var(--grid);width:min(340px,100% - 48px);padding:16px 18px 14px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.boot[hidden]{display:none}.boot__title{color:var(--periwinkle);margin:0 0 8px;font-size:16px;line-height:1}.boot__message{font:700 22px / 1.1 var(--font-display);margin:0 0 12px;font-stretch:125%}.boot__bar{border:var(--hair) solid var(--grid);height:9px}.boot__fill{height:100%;width:calc(var(--progress,0) * 100%);background:var(--bone)}.boot__pct{color:var(--ice);margin:8px 0 0;font-size:16px;line-height:1}.boot.is-error .boot__message{color:var(--gold)}.screen{border:var(--hair) solid var(--grid);min-height:0;position:relative;overflow:hidden}.screen canvas{image-rendering:pixelated;position:absolute;top:0;left:0}.trace__screen{height:100%}.log{z-index:calc(var(--engine-z,5) + 1);padding:0 var(--gutter);position:relative}.lede{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px 56px;padding:18vh 0 14vh;display:grid}.lede__title,.band__title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:800;line-height:.9}.lede__title{font-size:clamp(52px,7.6vw,96px);font-stretch:132%}.lede__text{max-width:48ch;color:var(--bone);text-wrap:pretty;margin:0;font-size:1.25rem;line-height:1.55}.band{border-top:var(--hair) solid var(--grid);padding:13vh 0 14vh}.band__head{flex-wrap:nowrap;justify-content:space-between;align-items:last baseline;gap:12px 32px;margin-bottom:48px;display:flex}.band__title{font-size:clamp(38px,5.2vw,76px);font-stretch:118%}.band__depth{color:var(--periwinkle);white-space:nowrap;align-items:baseline;gap:8px 26px;margin:0;font-size:17px;line-height:1;display:flex}.band__ch b{color:var(--bone);margin-right:6px;font-weight:500}.band__r{text-transform:none}.band__r output{font-size:30px}.band__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:40px 56px;display:grid}.band__text p{text-wrap:pretty;max-width:46ch;margin:0 0 1em;font-size:1.125rem;line-height:1.6}.band__text output,.band__caption output,.band__note output{font-variant-numeric:tabular-nums;color:var(--ice)}.band__aside{font-family:var(--font-instrument);letter-spacing:.02em;color:var(--periwinkle);font-size:1.125rem!important}.band__figure--wide{aspect-ratio:21/9;border:var(--hair) solid var(--grid);width:100%}.band__caption{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 56px;margin-top:20px;display:grid}.band__caption p{max-width:52ch;margin:0;font-size:1.125rem;line-height:1.6}.grid-read,.register{border-bottom:var(--hair) solid var(--grid);grid-template-columns:minmax(0,1fr) max-content minmax(4ch,max-content);align-self:start;column-gap:20px;margin:0;display:grid}.grid-read div,.register div{grid-column:1/-1;grid-template-columns:subgrid;border-top:var(--hair) solid var(--grid);align-items:baseline;padding:14px 0 12px;display:grid}.grid-read dt,.register dt{color:var(--periwinkle);font-size:17px;line-height:1.1}.grid-read dd,.register dd{display:contents}.grid-read output,.register output{font:700 clamp(30px, 3.2vw, 46px) / .9 var(--font-display);text-align:right;color:var(--bone);font-stretch:100%}.grid-read dd span,.register dd span{font:500 18px / 1 var(--font-instrument);letter-spacing:.04em;color:var(--periwinkle)}.pens{--rows-w:58px;margin:0}.pens__plot{grid-template-columns:var(--rows-w) minmax(0, 1fr);display:grid}.pens__rows{margin:0;position:relative}.pens__row{font:500 16px / 1 var(--font-instrument);letter-spacing:.04em;white-space:nowrap;position:absolute;left:0;transform:translateY(-50%)}.pens__row--yours{color:var(--bone);top:26%}.pens__row--its{color:var(--ice);top:76%}.pens__row var{color:var(--periwinkle);margin-left:2px;font-size:18px}.pens__screen{height:clamp(186px,26vh,264px)}.pens .axis,.pens__legend{margin-left:var(--rows-w)}.pens__legend{color:var(--periwinkle);margin-top:10px;font-size:16px;line-height:1.2}.spectrum{margin:0}.spectrum__ch{color:var(--periwinkle);margin-bottom:10px;font-size:16px;line-height:1}.spectrum__ch span{color:var(--bone);margin-right:4px}.spectrum__screen{height:clamp(280px,44vh,420px)}.axis{height:15px;font-family:var(--font-instrument);letter-spacing:.04em;color:var(--periwinkle);margin:8px 0 0;font-size:15px;font-weight:500;line-height:1;position:relative}.axis span{position:absolute;top:0;transform:translate(-50%)}.axis span:first-child{transform:none}.axis .axis__unit{color:var(--ice);right:0;transform:none}.approach__legend{font-family:var(--font-instrument);letter-spacing:.04em;text-transform:uppercase;color:var(--periwinkle);flex-wrap:wrap;gap:6px 20px;margin-top:10px;font-size:16px;font-weight:500;display:flex}.approach__legend b{color:var(--bone);font-weight:500}.approach__legend>span:before{content:"";vertical-align:.25em;background:var(--bone);width:12px;height:3px;margin-right:8px;display:inline-block}.approach__legend>.approach__clip:before{vertical-align:-.05em;background:var(--grid);width:3px;height:12px}.approach__legend>.approach__never:before{border-top:3px dotted var(--periwinkle);background:0 0;height:0}.stills{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:56px 0 0;padding:0;list-style:none;display:grid}.still__view{aspect-ratio:4/3;border:var(--hair) solid var(--grid)}.still__read{color:var(--periwinkle);text-transform:none;justify-content:space-between;margin:8px 0 0;font-size:17px;line-height:1;display:flex}.still__read output{color:var(--bone)}.band__body--horizon{margin-top:40px}.approach{margin:0}.approach__screen{height:clamp(180px,26vh,250px)}.colophon{z-index:calc(var(--engine-z,5) + 1);padding:64px var(--gutter) 48px;border-top:var(--hair) solid var(--grid);grid-template-columns:120px 1fr;align-items:center;gap:24px;display:grid;position:relative}.colophon__mark{width:120px;height:120px}.colophon__line{color:var(--periwinkle);margin:0;font-size:17px;line-height:1.4}@media (width<=760px){html{--col-w:0px;--band-h:148px;--gutter:16px}.obs__track{height:260svh}.obs__stage{min-height:560px}.slate{max-width:calc(100% - 32px);top:14px}.slate__title{font-size:clamp(40px,13vw,56px);font-stretch:118%}.slate__line{font-size:.9375rem}.stage-keys{left:var(--gutter);bottom:calc(var(--band-h) + 12px);align-items:center;gap:10px;display:flex;position:absolute}.stage-keys .keys{background:var(--void)}.stage-keys .hint{background:var(--void);padding:4px 6px 3px}.monitor .keys,.monitor .hint{display:none}.recorder{padding:12px var(--gutter) 12px;grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 16px}.clock__ch{margin-bottom:4px;font-size:15px}.clock__face{font-size:clamp(30px,9vw,44px)}.clock--its{--its-span:42%}.readouts{grid-column:1/-1;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0 12px}.readouts div{gap:3px}.readouts dt{font-size:14px}.readouts dd{font-size:22px}.obs__deck{pointer-events:auto;position:static}.deck{height:auto;min-height:0;padding:0 var(--gutter);border-bottom:var(--hair) solid var(--grid);gap:0;display:grid;position:static;overflow:visible}.column{border-left:0;grid-template-columns:minmax(0,1fr) 132px;gap:16px;width:auto;padding:16px 0;display:grid;position:static}.monitor{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;padding:0}.keys,.hint{grid-column:1/-1}.trace{border:0;min-height:300px;padding:0}.transport{border-top:var(--hair) solid var(--grid);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;gap:10px 12px;height:auto;padding:12px 0 16px;position:static}.transport__track{grid-area:2/1/auto/-1}.transport__state{min-width:0}.lede,.band__body,.band__caption{grid-template-columns:minmax(0,1fr)}.lede{padding:12vh 0 10vh}.lede__title{font-size:clamp(44px,13vw,64px);font-stretch:118%}.lede__text{font-size:1.125rem}.band{padding:9vh 0 10vh}.band__head{flex-wrap:wrap;margin-bottom:28px}.band__title{font-size:clamp(34px,10vw,48px);font-stretch:108%}.band__depth{font-size:15px}.band__r output{font-size:24px}.band__figure--wide{aspect-ratio:1}.stills{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.still__view{aspect-ratio:3/4}.still__read{flex-direction:column;gap:4px;font-size:15px}.grid-read,.register{column-gap:12px}.grid-read dt,.register dt{font-size:15px}.grid-read output,.register output{font-size:min(30px,7vw);font-stretch:92%}.grid-read dd span,.register dd span{font-size:16px}.colophon{padding:40px var(--gutter) 32px;grid-template-columns:80px 1fr}.colophon__mark{width:80px;height:80px}}@media (orientation:landscape) and (height<=500px){html{--col-w:0px;--band-h:120px}.obs__stage{min-height:0}.slate__title{font-size:40px}.slate__line{display:none}.stage-keys{right:var(--gutter);align-items:center;gap:10px;display:flex;position:absolute;top:14px}.stage-keys .keys,.stage-keys .hint{background:var(--void)}.stage-keys .hint{padding:4px 6px 3px}.monitor .keys,.monitor .hint{display:none}.recorder{padding:10px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr)) auto}.clock__face{font-size:40px}.obs__deck{pointer-events:auto;position:static}.deck{height:auto;min-height:0;padding:0 var(--gutter);position:static;overflow:visible}.column{border-left:0;grid-template-columns:minmax(0,1fr) 160px;width:auto;padding:16px 0;display:grid;position:static}.monitor{padding:0}.trace{border:0;min-height:240px;padding:0}.transport{height:auto;padding:12px 0;position:static}}