: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}.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:hidden}.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 .7s;position:fixed;inset:0}.boot[data-beat=chassis]{background:#05040361}.boot[data-beat=patch]{pointer-events:none;background:#05040314}.boot__spark{background:var(--amber);opacity:0;border-radius:50%;width:9px;height:9px;transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 14px 6px #e4b25abf,0 0 48px 12px #e4b25a47}.boot[data-beat=filament] .boot__spark{opacity:1;transform:translate(-50%,-50%)scale(1)}.boot[data-beat=chassis] .boot__spark,.boot[data-beat=patch] .boot__spark{opacity:0;transform:translate(-50%,-50%)scale(1.35)}.boot__line{color:#8ee3a4;width:100%;font-family:var(--mono);letter-spacing:.2em;text-align:center;text-transform:uppercase;margin:0;font-size:.68rem;position:absolute;bottom:11%}.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:.35rem .65rem;font-size:.62rem;position:absolute;right:.9rem}.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 .9s,transform 1.05s cubic-bezier(.16,1,.3,1),filter 1s;transform:none}.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 .4s,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 48ms);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 .38s;transition-delay:calc(var(--i,0) * 48ms)}.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{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:min(32rem,100%);margin:0 auto;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{padding:.2rem .2rem .75rem}.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{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;box-shadow:inset 0 0 18px #50c8781f}.lcd__msg{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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){.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>=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}}