:root{--jf-canvas:#f5f6f3;--jf-surface:#ffffff;--jf-surface-alt:#eff0ed;--jf-ink:#15161a;--jf-muted:#646873;--jf-border:#d5d7dc;--jf-border-strong:#aeb2ba;--jf-signal:#5848c6;--jf-signal-soft:#efedff;--jf-success:#2f8255;--jf-warning:#a46a14;--jf-danger:#b34850;--jf-meter-off:#e4e5e8;--jf-meter-1:#b3a9ec;--jf-meter-2:#8577dc;--jf-meter-3:#5848c6;--jf-chamfer:16px;--jf-chamfer-in:calc(var(--jf-chamfer) - 0.6px);--jf-fast:150ms}*{box-sizing:border-box}html{color-scheme:light}body,html{margin:0;padding:0}body{background:var(--jf-canvas);color:var(--jf-ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;padding:24px 16px 64px;-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:0 auto}.jf-frame{position:relative;background:var(--jf-border);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);transition:background var(--jf-fast)}.jf-frame:before{content:"";position:absolute;inset:1px;background:var(--jf-surface);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);z-index:0}.jf-frame>*{position:relative;z-index:1}.console{position:relative;background:var(--jf-border);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);padding:20px 24px}.console:before{content:"";position:absolute;inset:1px;background:var(--jf-surface);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);z-index:0}.console>*{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand h1{font-family:PT Sans Narrow,Arial Narrow,sans-serif;font-weight:700;font-size:34px;line-height:1;letter-spacing:.01em;text-transform:uppercase;margin:0;color:var(--jf-ink)}.logo{height:28px;width:auto;display:block}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--jf-muted)}.rule{height:1px;background:var(--jf-border);margin:16px 0}.stats{display:flex;gap:0;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:12px;padding:4px 22px;flex:1 1;min-width:160px;border-left:1px solid var(--jf-border)}.stat:first-child{border-left:0;padding-left:4px}.stat svg{color:var(--jf-signal);flex-shrink:0}.stat .mono,.stat b{white-space:nowrap}.stat b{display:block;font-family:PT Sans Narrow,Arial Narrow,sans-serif;font-size:28px;font-weight:700;line-height:1;color:var(--jf-ink)}.tabs{display:flex;gap:24px;margin:26px 0 0;flex-wrap:wrap;border-bottom:1px solid var(--jf-border)}.tab{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:none;color:var(--jf-muted);border:0;border-bottom:2px solid transparent;padding:10px 2px;margin-bottom:-1px;cursor:pointer;transition:color var(--jf-fast)}.tab:hover{color:var(--jf-ink)}.tab[aria-selected=true]{color:var(--jf-ink);border-bottom-color:var(--jf-signal)}.tab .n{font-size:10px;margin-left:8px;padding:1px 6px;border-radius:2px;background:var(--jf-surface-alt);color:var(--jf-muted)}.tab[aria-selected=true] .n{background:var(--jf-signal-soft);color:var(--jf-signal)}.rack{display:flex;flex-direction:column;gap:10px;margin-top:14px}.unit{position:relative;display:grid;grid-template-columns:76px 1fr auto;grid-gap:18px;gap:18px;align-items:start;background:var(--jf-border);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);padding:16px 18px;transition:background var(--jf-fast)}.unit:before{content:"";position:absolute;inset:1px;background:var(--jf-surface);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);z-index:0}.unit>*{position:relative;z-index:1}.unit:hover{background:var(--jf-border-strong)}.unit.busy{opacity:.55}.meter{align-items:flex-start;gap:8px;padding-top:2px}.leds,.meter{display:flex;flex-direction:column}.leds{gap:3px}.led{width:26px;height:5px;border-radius:1px;background:var(--jf-meter-off)}.led.on{background:var(--jf-meter-1)}.led.on.mid{background:var(--jf-meter-2)}.led.on.hot{background:var(--jf-meter-3)}.fit{font-family:PT Sans Narrow,sans-serif;font-weight:700;font-size:24px;line-height:1;color:var(--jf-ink)}.fit .of{font-size:13px;color:var(--jf-muted);font-weight:400}.unit h3{font-family:PT Sans Narrow,Arial Narrow,sans-serif;font-weight:700;font-size:22px;letter-spacing:.01em;text-transform:uppercase;margin:3px 0;line-height:1.12}.unit h3 a{color:var(--jf-ink);text-decoration:none}.co,.unit h3 a:hover{color:var(--jf-signal)}.co{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.why{margin:6px 0 0;font-size:14px;color:var(--jf-ink)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:var(--jf-surface);border:1px solid var(--jf-border);border-radius:0;padding:3px 8px;color:var(--jf-muted)}.acts{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--jf-border);padding-left:18px}.acts .act{justify-content:flex-start;min-width:130px}.act{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--jf-surface);border:1px solid var(--jf-border);border-radius:0;padding:9px 14px;cursor:pointer;color:var(--jf-ink);white-space:nowrap;--btn-chamfer:10px;text-decoration:none;transition:border-color var(--jf-fast),background var(--jf-fast)}.act:hover{border-color:var(--jf-border-strong)}.act:disabled{cursor:progress;opacity:.55}.act.primary,.act.solid{background:transparent;border:0}.act.primary:before,.act.solid:before{inset:0;-webkit-clip-path:polygon(0 0,calc(100% - var(--btn-chamfer)) 0,100% var(--btn-chamfer),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--btn-chamfer)) 0,100% var(--btn-chamfer),100% 100%,0 100%)}.act.primary:after,.act.primary:before,.act.solid:after,.act.solid:before{content:"";position:absolute;z-index:-1;transition:background var(--jf-fast)}.act.primary:after,.act.solid:after{inset:1px;-webkit-clip-path:polygon(0 0,calc(100% - (var(--btn-chamfer) - .6px)) 0,100% calc(var(--btn-chamfer) - .6px),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - (var(--btn-chamfer) - .6px)) 0,100% calc(var(--btn-chamfer) - .6px),100% 100%,0 100%)}.act.primary{color:var(--jf-signal)}.act.primary:before{background:var(--jf-signal)}.act.primary:after{background:var(--jf-surface)}.act.primary:hover:after{background:var(--jf-signal-soft)}.act.solid{color:#fff}.act.solid:after,.act.solid:before{background:var(--jf-signal)}.act.solid:hover:after{background:#4a3bb0}.empty{position:relative;background:var(--jf-border);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer)) 0,100% var(--jf-chamfer),100% 100%,0 100%);padding:40px 22px;text-align:center;color:var(--jf-muted)}.empty:before{content:"";position:absolute;inset:1px;background:var(--jf-surface);-webkit-clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--jf-chamfer-in)) 0,100% var(--jf-chamfer-in),100% 100%,0 100%);z-index:0}.empty>*{position:relative;z-index:1}.empty strong{display:block;font-family:PT Sans Narrow,sans-serif;font-size:22px;letter-spacing:.02em;text-transform:uppercase;color:var(--jf-ink);margin-bottom:6px}.err{background:#f8ecec;border:1px solid var(--jf-danger);border-left-width:3px;color:#7a2c34;padding:14px 16px;border-radius:0;font-size:14px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;width:180px;background:var(--jf-border);border-radius:2px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--jf-signal);border:2px solid var(--jf-surface);box-shadow:0 0 0 1px var(--jf-signal)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--jf-signal);border:2px solid var(--jf-surface)}:focus-visible{outline:2px solid var(--jf-signal);outline-offset:2px}@media (max-width:720px){.unit{grid-template-columns:1fr;gap:12px}.meter{align-items:center;gap:10px}.acts,.leds,.meter{flex-direction:row}.acts{flex-wrap:wrap;padding-left:0}.acts,.stat{border-left:0}.stat{padding:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}