:root{--room: #08090b;--frame: #121316;--frame-edge: #1e2024;--rail: #15171a;--nut: #040405;--nut-ring: #26292e;--plate: #1a1c20;--plate-top: #24272c;--plate-edge: #2d3036;--plate-shine: rgba(255, 255, 255, .06);--screw-hi: #5a5f69;--screw-lo: #22252a;--fg: #eceef1;--muted: #8d929c;--engrave: #c9ccd2;--amber: #ffb326;--amber-dim: rgba(255, 179, 38, .18);--green: #3fe08f;--off: #2b2f36;--sans: "Geist", system-ui, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--room);color:var(--fg)}body{font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-block:34px 44px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}a{color:inherit}a:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:3px}::selection{background:var(--amber-dim);color:var(--amber)}.wrap{max-width:760px;margin:0 auto}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:22px}.hero h1{margin:0;font-weight:700;font-size:clamp(34px,6vw,54px);letter-spacing:-.035em;line-height:1}.hero h1 span{color:var(--amber)}.hero .role{margin:8px 0 0;color:var(--muted);opacity:.75;font-size:13px;letter-spacing:.01em}.hero .tag{margin:0;color:var(--muted);font-size:14px;max-width:36ch;line-height:1.45}.rack{display:grid;grid-template-columns:30px 1fr 30px;background:var(--frame);border:1px solid var(--frame-edge);border-radius:8px;padding:8px;box-shadow:0 30px 80px -40px #000,inset 0 1px #ffffff0a}.rail{background:var(--rail);border-radius:3px;background-image:radial-gradient(circle at 50% 50%,var(--nut) 0 3.2px,var(--nut-ring) 3.4px 4.2px,transparent 4.4px);background-size:30px 22px;background-position:0 4px;box-shadow:inset 1px 0 #ffffff08,inset -1px 0 #0009}.rail.r{transform:scaleX(-1)}.units{display:flex;flex-direction:column;gap:5px;padding:0 5px;min-width:0}.u{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 34px;min-width:0;text-decoration:none;color:inherit;background:linear-gradient(180deg,var(--plate-top),var(--plate));border:1px solid var(--plate-edge);border-radius:3px;box-shadow:inset 0 1px 0 var(--plate-shine),0 1px #000;transition:background .2s,border-color .2s}a.u:hover{background:linear-gradient(180deg,#2a2d33,#1f2126);border-color:#3a3e46}.u.h2{min-height:98px}.u.h1{min-height:46px}.u:before,.u:after{content:"";position:absolute;top:8px;bottom:8px;width:18px;border-radius:2px;background:linear-gradient(90deg,#2c3036,#1d2025);box-shadow:inset 0 0 0 1px #0a0b0d,inset 1px 1px #ffffff0d}.u:before{left:6px}.u:after{right:6px}.screw{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--screw-hi),var(--screw-lo));box-shadow:0 0 0 1px #000}.screw:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:#0b0c0e;transform:rotate(var(--sr, 20deg))}.screw.tl{left:11.5px;top:11px}.screw.bl{left:11.5px;bottom:11px;--sr: -35deg}.screw.tr{right:11.5px;top:11px;--sr: 70deg}.screw.br{right:11.5px;bottom:11px;--sr: -10deg}.u.h1 .screw.tl,.u.h1 .screw.tr{top:50%;margin-top:-3.5px}.leds{display:grid;grid-template-columns:auto auto;gap:5px 7px;align-items:center;font-family:var(--mono);font-size:9.5px;color:var(--muted);letter-spacing:.06em}.led{width:7px;height:7px;border-radius:50%;background:var(--off);box-shadow:inset 0 1px 2px #000}.led.g{background:var(--green);box-shadow:0 0 7px var(--green)}.led.a{background:var(--amber);box-shadow:0 0 7px var(--amber)}.led.b{animation:blink 1.4s steps(2) infinite}.led.b2{animation:blink 2.1s .5s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.label{min-width:0}.name{font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.1;color:var(--engrave);text-shadow:0 1px 0 rgba(255,255,255,.08),0 -1px 0 #000}.name small{font-family:var(--mono);font-weight:500;font-size:10.5px;letter-spacing:.08em;color:var(--muted);margin-left:10px;text-transform:uppercase;vertical-align:middle}.desc{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.45;max-width:44ch}.hub .name{color:var(--amber);font-size:17px}.hub .oled{width:110px;height:30px}.oled{position:relative;width:168px;height:40px;background:#050506;border:1px solid #2a2d33;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 14px #000000e6,inset 0 0 0 1px #000;font-family:var(--mono);font-size:11.5px;color:var(--amber);letter-spacing:.06em}.oled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px);pointer-events:none}.oled .t{position:absolute;white-space:nowrap;top:50%;left:0;padding-left:100%;transform:translateY(-50%);animation:crawl 14s linear infinite;text-shadow:0 0 6px var(--amber-dim)}.oled .s{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}@keyframes crawl{to{transform:translate(-100%,-50%)}}.oled.screen{width:168px;height:72px}.oled.screen canvas{width:100%;height:100%;display:block}.ports{display:grid;grid-template-columns:repeat(6,14px);gap:5px}.ports i{height:11px;background:#07080a;border:1px solid #2e323a;border-radius:1px;box-shadow:inset 0 1px 2px #000}.ports i.on{border-color:var(--green);box-shadow:inset 0 0 5px var(--green)}.vent{grid-column:1 / -1;height:16px;border-radius:2px;background:repeating-linear-gradient(90deg,#0b0c0e 0 3px,transparent 3px 8px);opacity:.9}.u.blank{grid-template-columns:1fr;cursor:default;padding:12px 34px}.foot{max-width:760px;margin:24px auto 0;font-size:13px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}.foot a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--plate-edge)}.foot a:hover{border-color:var(--amber)}.lost{padding:40px 0}.lost h1{margin:0 0 8px;font-size:28px;letter-spacing:-.03em}.lost p{color:var(--muted);margin:0 0 18px}.lost a{color:var(--amber)}@media(max-width:560px){.rack{grid-template-columns:18px 1fr 18px;padding:6px}.rail{background-size:18px 22px}.u{grid-template-columns:auto 1fr;gap:12px;padding:12px 26px}.u:before,.u:after{width:12px}.u:before{left:4px}.u:after{right:4px}.screw.tl,.screw.bl{left:6.5px}.screw.tr,.screw.br{right:6.5px}.oled,.oled.screen,.hub .oled{grid-column:1 / -1;width:100%}.ports{grid-column:1 / -1}.name{font-size:19px}.name small{display:block;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){.led,.oled .t{animation:none}.oled .t{padding-left:8px}.u{transition:none}}