:root{--bg:#080706;--rack:#161310;--ink:#f4eee4;--muted:#9a8d7c;--line:#3a3228;--amber:#e4b25a;--watch:#d4784a;--code:#c9c07a;--sans:"Geologica", "Segoe UI", sans-serif;--display:"Unbounded", "Segoe UI", sans-serif;--mono:"Azeret Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,a{cursor:pointer}html,body{overflow-x:hidden}.stage{--lx:-280px;--ly:-280px;--spot:210px;min-height:100dvh;padding:4.2rem .7rem max(1.2rem, env(safe-area-inset-bottom));padding-top:max(4.2rem, env(safe-area-inset-top));background:var(--bg);overscroll-behavior:none;position:relative;overflow:visible}.stage:before{content:"";pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.stage:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(var(--spot) var(--spot) at var(--lx) var(--ly), #e4b25a29, transparent 70%);mix-blend-mode:screen;transition:opacity .7s;position:fixed;inset:0}.boot{z-index:12;background:#050403;transition:background 1.6s;position:fixed;inset:0}.boot[data-beat=filament]{background:#080604}.boot[data-beat=chassis]{background:radial-gradient(58% 50% at 50% 46%,#05040300 0%,#0504031f 36%,#050403b8 72%,#050403eb 100%)}.boot[data-beat=patch]{pointer-events:none;background:radial-gradient(120% 90% at 50% 44%,#05040300 0%,#05040314 100%)}.boot__brand{z-index:1;width:max-content;max-width:92%;color:var(--ink);font-family:var(--display);text-align:left;text-transform:none;text-shadow:0 0 48px #e4b25a59;pointer-events:none;flex-direction:column;align-items:flex-start;margin:0;font-weight:800;line-height:.92;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.boot__lead,.boot__trail{white-space:nowrap;display:block}.boot__lead{letter-spacing:.04em;font-size:clamp(2.7rem,15vw,4.4rem)}.boot__trail{color:#f0d7a8;letter-spacing:.18em;margin-top:.12em;margin-left:1.35em;font-size:clamp(1.35rem,7.2vw,2.15rem);font-weight:600}.boot__spark{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.boot[data-beat=chassis] .boot__spark{opacity:.4;transition:opacity .85s}.boot[data-beat=patch] .boot__spark,.boot[data-beat=patch] .boot__line{opacity:0;transition:opacity .45s}.boot__line{z-index:1;color:#f0d7a8;width:min(22rem,88%);font-family:var(--sans);letter-spacing:.01em;text-align:center;pointer-events:none;margin:0;padding:0 .8rem;font-size:clamp(1.05rem,4.4vw,1.4rem);font-weight:500;line-height:1.35;position:absolute;top:calc(15% + clamp(6.4rem,28vw,8.6rem));left:50%;transform:translate(-50%)}.boot[data-beat=chassis] .boot__line{top:auto;bottom:14%}.boot__skip{top:max(.75rem, env(safe-area-inset-top));z-index:1;border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:auto;background:0 0;padding:.4rem .7rem;font-size:.62rem;position:absolute;right:.9rem}.boot[data-beat=patch] .boot__skip{opacity:0;pointer-events:none}.stage[data-boot=void] .rack,.stage[data-boot=filament] .rack{opacity:0;filter:brightness(.18);transform:translateY(28px)scale(.96)}.stage[data-boot=chassis] .rack,.stage[data-boot=patch] .rack,.stage[data-boot=live] .rack{opacity:1;filter:none;transition:opacity 1.35s,transform 1.45s cubic-bezier(.16,1,.3,1),filter 1.35s;transform:none}.stage[data-boot=chassis] .rack{filter:brightness(1.08)}.stage[data-boot=void] .bus__jack,.stage[data-boot=filament] .bus__jack{opacity:0}.stage[data-boot=chassis] .bus__jack,.stage[data-boot=patch] .bus__jack,.stage[data-boot=live] .bus__jack{opacity:1;transition:opacity .55s .12s}.stage[data-boot=void] .jack,.stage[data-boot=filament] .jack,.stage[data-boot=chassis] .jack{opacity:0;transform:scale(.42)}.stage[data-boot=patch] .jack,.stage[data-boot=live] .jack{opacity:1;transition:opacity .55s,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 95ms);transform:none}.stage[data-boot=void] .cables g,.stage[data-boot=filament] .cables g,.stage[data-boot=chassis] .cables g{opacity:0}.stage[data-boot=patch] .cables g,.stage[data-boot=live] .cables g{opacity:1;transition:opacity .5s;transition-delay:calc(var(--i,0) * 95ms)}.stage:not([data-boot=live]) .ghosts{opacity:0}.stage[data-boot=live] .ghosts{opacity:1;transition:opacity .9s .12s}.stage:not([data-boot=live]):after{opacity:0}.ghosts{z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(calc(var(--spot) + 40px) calc(var(--spot) + 40px) at var(--lx) var(--ly), #000 0%, #0000008c 42%, transparent 72%);-webkit-mask-image:radial-gradient(calc(var(--spot) + 40px) calc(var(--spot) + 40px) at var(--lx) var(--ly), #000 0%, #0000008c 42%, transparent 72%);mask-image:radial-gradient(calc(var(--spot) + 40px) calc(var(--spot) + 40px) at var(--lx) var(--ly), #000 0%, #0000008c 42%, transparent 72%);position:fixed;inset:0}.ghost-print{background:#17130f;margin:0;padding:.35rem .35rem 1.1rem;position:absolute;box-shadow:0 18px 42px #0000008c}.ghost-print--live{pointer-events:auto}.ghost-print--live a{color:inherit;text-decoration:none;display:block}.ghost-print--live a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.ghost-print--live:hover{box-shadow:0 18px 42px #0000008c,0 0 0 1px #e4b25a73}.ghost-print img{filter:saturate(.82)contrast(1.08)brightness(.78);width:100%;height:auto;display:block}.ghost-print figcaption{color:#c4b49a;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem;font-size:.58rem}.skip{z-index:8;background:var(--amber);color:#1a140c;padding:.4rem .7rem;text-decoration:none;position:absolute;top:.5rem;left:.8rem;transform:translateY(-160%)}.skip:focus{transform:none}.rack-lift{z-index:1;width:min(32rem,100%);transform:translate3d(var(--rx,0px), var(--ry,0px), 0);margin:0 auto;position:relative}.rack-lift.is-towing{cursor:grabbing;-webkit-user-select:none;user-select:none}.rack{z-index:1;background:linear-gradient(180deg, #ffffff0a, transparent 16%), linear-gradient(90deg, #0e0c0a, var(--rack) 7%, var(--rack) 93%, #0e0c0a);border:1px solid #2c261f;width:100%;margin:0;padding:1.1rem .85rem .9rem;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0f,0 30px 60px #00000073}.rack__screws{pointer-events:none;position:absolute;inset:.4rem}.rack__screws .screw{width:13px;height:13px;position:absolute}.rack__screws .screw:first-child{top:0;left:0}.rack__screws .screw:nth-child(2){top:0;right:0}.rack__screws .screw:nth-child(3){bottom:0;left:0}.rack__screws .screw:nth-child(4){bottom:0;right:0}.face{cursor:grab;touch-action:none;padding:.2rem .2rem .75rem}.lcd,.hud{cursor:grab;touch-action:none}.face__id{gap:.12rem;min-width:0;display:grid}.face__handle{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;font-size:.72rem;font-weight:500}.face__meta,.face__toggles,.lcd,.hud{align-items:center;display:flex}.face__meta,.lcd,.hud{justify-content:space-between}.face__meta{gap:.6rem;margin-bottom:.7rem}.face__serial,.lcd,.hud,.jack__num{font-family:var(--mono)}.face__serial{letter-spacing:.18em;color:var(--muted);font-size:.66rem}.face__toggles,.lang{gap:.25rem;display:flex}.lang button,.line,.bus__jack{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.08em;background:0 0}.lang button,.line,.hud a{cursor:pointer;touch-action:auto}.lang button,.line{min-width:2.5rem;min-height:2rem;padding:0 .5rem;font-size:.66rem}.lang button.is-live,.line.is-live{color:#1a140c;background:var(--amber);border-color:var(--amber)}.face h1{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,7.2vw,2.05rem);font-weight:800;line-height:1.02}.face__tag{color:var(--muted);margin:.5rem 0 0;font-size:.92rem;line-height:1.35}.lcd{color:#8ee3a4;letter-spacing:.04em;text-transform:uppercase;background:#0a1810;border:1px solid #16321f;gap:.7rem;min-height:2.6rem;margin-bottom:.7rem;padding:.45rem .65rem;font-size:.62rem;overflow:hidden;box-shadow:inset 0 0 18px #50c8781f}.lcd__clock{white-space:nowrap;flex:none}.lcd__track{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 .7rem calc(100% - .7rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .7rem calc(100% - .7rem),#0000)}.lcd__tape{width:max-content;animation:linear infinite lcd-run;display:flex}.lcd__msg{white-space:nowrap;padding-right:2.8rem}@keyframes lcd-run{0%{transform:translate(0)}to{transform:translate(-50%)}}.scope{margin-bottom:.75rem}.scope__meta{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.28rem;font-size:.6rem;display:flex}.scope__meta span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scope__bezel{background:#0c0a08;border:1px solid #2a221b;height:7.4rem;padding:.45rem;box-shadow:inset 0 0 0 1px #1a1510,inset 0 0 28px #000000a6}.scope__glass{background:#070605;width:100%;height:100%;display:block}.field{grid-template-columns:3.7rem 1fr;gap:.45rem .3rem;display:grid;position:relative;overflow:visible}.bus__jack{z-index:4;letter-spacing:.04em;text-transform:uppercase;align-content:center;justify-items:center;gap:.2rem;min-height:4.4rem;padding:.3rem .1rem;font-size:.52rem;display:grid;position:relative}.bus__jack .jack-mark{width:30px;height:30px}.bus__jack--work{color:var(--amber)}.bus__jack--watch{color:var(--watch)}.bus__jack--code{color:var(--code)}.bay{z-index:1;grid-template-columns:repeat(auto-fill,minmax(6.1rem,1fr));gap:.2rem;margin:0;padding:.15rem 0;list-style:none;display:grid}.jack{pointer-events:none;justify-items:center;gap:.12rem;min-height:4.4rem;padding:.28rem .15rem .35rem;display:grid}.jack__num{color:var(--muted);letter-spacing:.08em;font-size:.52rem}.jack__socket{color:#8a7d6c;place-items:center;width:26px;display:grid}.jack-mark{width:22px;height:22px}.jack__copy{max-width:100%;color:inherit;text-align:center;pointer-events:auto;font-size:.72rem;font-weight:500;line-height:1.15;text-decoration:none}.jack__copy:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.jack__label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.offboard{z-index:2;pointer-events:none;grid-area:1/1/4/-1;margin:0;padding:0;list-style:none;position:absolute;inset:0}.jack--west,.jack--east{width:auto;min-height:0;box-shadow:none;background:0 0;border:none;gap:.2rem;padding:0;position:absolute}.jack--west .jack__num,.jack--east .jack__num{display:none}.jack--west .jack__socket,.jack--east .jack__socket{width:32px;color:var(--watch)}.jack--west .jack-mark,.jack--east .jack-mark{width:28px;height:28px}.jack--west .jack__label,.jack--east .jack__label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem}.jack--west{top:-3.6rem;left:.55rem}.jack--east{top:-3.6rem;right:.55rem}.cables{z-index:3;pointer-events:none;grid-area:1/1/4/-1;width:auto;height:auto;position:absolute;inset:-6.2rem -7.2rem;overflow:visible}.cable,.cable-glow{pointer-events:none;touch-action:none}.plug{pointer-events:auto;touch-action:none}.cable{stroke-width:2.4px;stroke-linecap:round;pointer-events:none}.cable-glow{stroke-width:6px;stroke-opacity:.16;filter:blur(1px);pointer-events:none}.plug{stroke:#1a140c;stroke-width:1.2px;cursor:grab}.plug:active,.cable:active{cursor:grabbing}.hud{color:var(--muted);margin-top:.8rem;font-size:.64rem}.hud p{margin:0}.hud a{color:var(--amber);text-decoration:none}.hud a:hover,.hud a:focus-visible,.jack__copy:hover .jack__label{text-decoration:underline}@media (prefers-reduced-motion:reduce){.lcd__tape{animation:none}.boot__spark{animation:none!important}.ghosts{-webkit-mask-image:radial-gradient(320px 320px at 50% 18%,#000 0%,#0006 50%,#0000 78%);mask-image:radial-gradient(320px 320px at 50% 18%,#000 0%,#0006 50%,#0000 78%)}.rack,.jack,.cables g,.ghosts,.bus__jack,.stage:after{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}}@media (width<=719px){.stage{overscroll-behavior:auto;padding:.85rem .7rem max(1.15rem, env(safe-area-inset-bottom));padding-top:max(.85rem, env(safe-area-inset-top))}.ghosts,.cables{display:none}.boot__skip{min-width:4.5rem;min-height:2.75rem;padding:.55rem .85rem;font-size:.78rem}.rack-lift{width:100%;transform:none}.face,.lcd,.hud{cursor:default;touch-action:auto}.face__meta{flex-wrap:wrap;align-items:flex-start}.lang button,.line{min-width:2.75rem;min-height:2.75rem;padding:0 .7rem;font-size:.78rem}.field{flex-direction:column;gap:.45rem;display:flex;overflow:hidden}.bus__jack--work{order:1}.bay--work{order:2}.bus__jack--watch{order:3}.offboard{pointer-events:auto;flex-direction:column;order:4;grid-area:auto;gap:.35rem;display:flex;position:static;inset:auto}.bay--watch{order:5}.bus__jack--code{order:6}.bay--code{order:7}.bus__jack{flex-direction:row;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;min-height:2.75rem;padding:.45rem .75rem;font-size:.8rem;display:flex}.bus__jack .jack-mark{width:22px;height:22px}.bay{flex-direction:column;gap:.35rem;margin:0;padding:0;display:flex}.jack,.jack--west,.jack--east{pointer-events:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;min-height:2.85rem;padding:.35rem .55rem;display:flex;position:static;top:auto;left:auto;right:auto}.jack--west .jack__num,.jack--east .jack__num{display:inline}.jack--west .jack__label,.jack--east .jack__label{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:.95rem}.jack__copy{text-align:left;flex:1;align-items:center;min-height:2.75rem;padding:.15rem 0;font-size:.95rem;display:flex}.hud{flex-wrap:wrap;gap:.45rem .8rem;font-size:.78rem}.hud a{align-items:center;min-height:2.75rem;display:inline-flex}}@media (width>=720px){.stage{--spot:280px;place-items:center;padding:2.4rem 6.8rem;display:grid}.jack--west{top:38%;left:-3.2rem}.jack--east{top:20%;right:-3.2rem}}