:root{color-scheme:dark;--text:#e7eceb;--muted:#a6b2b3;--mint:#b3f9dc;--amber:#f8d09c;--line:#475356}*{box-sizing:border-box}body{margin:0;color:var(--text);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% 0,#35464c 0,#192329 45%,#11191e 100%);min-height:100vh}.navigation{max-width:1210px;margin:auto;padding:24px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.navigation a{color:#d1e4df;text-decoration:none}.navigation>span{color:#899b9d;letter-spacing:.16em;font-size:10px}button{color:#d1e4df;font:inherit;background:#2d3a40;border:1px solid #536266;border-radius:8px;padding:9px 14px;cursor:pointer;box-shadow:inset 0 1px #ffffff13,0 2px 4px #0003}button:hover{background:#3c5055}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.chassis{position:relative;max-width:1180px;margin:0 auto;padding:35px 38px 24px;border:1px solid #798386;border-radius:22px;background:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,#00000002 1px,#00000002 3px),linear-gradient(115deg,#465356,#303b3e 45%,#39474b 75%,#273336);box-shadow:inset 0 2px 2px #c8d4d044,inset 0 -5px 7px #0008,0 1px 0 3px #101b1d,0 22px 50px #0007}.screw{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(120deg,#c7cdce,#647274 60%,#d1d6d5);box-shadow:0 1px 3px #000,inset 0 0 0 1px #9ba5a6}.screw:after{content:"";position:absolute;width:9px;height:2px;left:1.5px;top:5px;background:#303b3c;transform:rotate(-35deg);box-shadow:0 1px #ffffff50}.tl{top:13px;left:13px}.tr{top:13px;right:13px}.bl{bottom:13px;left:13px}.br{bottom:13px;right:13px}.panel-header{display:flex;justify-content:space-between;gap:25px;align-items:center}.eyebrow{color:#a4b5b7;font-size:10px;letter-spacing:.2em;margin:0 0 5px}h1{font-size:36px;letter-spacing:-.04em;line-height:1.15;margin:0;font-weight:750;text-shadow:0 2px 1px #0006}h1 span{font-weight:350;color:#c2cdcf}.subheading{font-size:11px;color:#bbc5c6;margin:9px 0 0}.connection{text-align:right;font-size:12px;font-weight:600}.connection small{display:block;margin-top:7px;font-size:10px;color:var(--muted);font-weight:400}.led{display:inline-block;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#95a2a6,#435055 60%,#263134);box-shadow:0 0 0 2px #1a2427,0 1px 2px #000;margin-right:9px;vertical-align:middle}.led.good{background:radial-gradient(circle at 35% 30%,#d7ffb8,#7fe28e 45%,#379352);box-shadow:0 0 0 2px #1a2427,0 0 12px #76ea8480}.led.warning{background:radial-gradient(circle at 35% 30%,#ffe4b1,#e5aa55 45%,#9f6a20);box-shadow:0 0 0 2px #1a2427,0 0 12px #eaaa5560}.led.error{background:radial-gradient(circle at 35% 30%,#ffcebf,#e67e65 45%,#913d2b);box-shadow:0 0 0 2px #1a2427,0 0 12px #e67e6560}.safety-strip{font-size:11px;color:#bdccce;display:flex;gap:12px;align-items:center;border-top:1px solid #71808066;border-bottom:1px solid #172326;margin:25px 0 21px;padding:12px 0}.read-only{font-size:9px;letter-spacing:.12em;white-space:nowrap;padding:3px 7px;border:1px solid #8ea99f;border-radius:4px;color:#c8e5d4}.section-label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:22px 0 12px}h2{font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin:0;color:#cbd5d5;font-weight:650}.section-label>span{font-size:10px;color:#a6b9ba}.temperature-bank{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.instrument{border:1px solid #536063;border-radius:12px;background:linear-gradient(160deg,#344145,#29363a);box-shadow:inset 0 1px #b9cecc1c,0 3px 5px #0004;padding:17px;min-width:0}.instrument-label{display:flex;align-items:center;gap:8px;justify-content:space-between}h3{font-size:13px;font-weight:650;margin:0;color:#d7e1e0}.register{color:#95a9aa;font-size:9px;letter-spacing:.05em}.path-icon{font-size:15px}.cool{color:#9abfce}.warm{color:#d6b08b}.lcd{position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px;border:4px solid #152226;border-radius:7px;background:linear-gradient(170deg,#0c1d20,#153438);padding:13px 8px 10px;margin-top:13px;box-shadow:inset 0 4px 10px #0009,0 1px 0 #82908e55;overflow:hidden}.lcd:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#c4eff315,transparent 45%);pointer-events:none}.lcd-value{font:400 clamp(26px,3.5vw,42px)/1.1 "SFMono-Regular",Consolas,"Liberation Mono",monospace;letter-spacing:-.04em;color:var(--mint);text-shadow:0 0 9px #97f6d350;font-variant-numeric:tabular-nums}.unit{font-size:11px;color:#a0d6c0}.instrument p{font-size:10px;color:#a6b8b8;margin:11px 0 0}.temperature p{text-align:center}.reference-line{font-size:10px;color:#afc1bf;display:flex;justify-content:space-between;gap:15px;padding:12px 4px 0}.reference-line strong{color:#c9e4df;font-weight:500;margin-left:8px}.fan-bank{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fan{padding:20px}.fan-title{display:flex;justify-content:space-between;align-items:baseline}.fan-title h3{font-size:16px}.fan-controls{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:20px;align-items:center;margin-top:14px}.gauge-wrap{position:relative;max-width:285px;width:100%;margin:auto}.gauge svg{display:block;width:100%;filter:drop-shadow(0 4px 5px #0009)}.gauge .needle{transition:transform 1.1s ease;transform-origin:120px 120px}.gauge .needle.hidden{visibility:hidden}.gauge-digital{position:absolute;bottom:16%;left:30%;right:30%;padding:4px 0 3px;background:#101d22;border:1px solid #4e6164;border-radius:4px;text-align:center;box-shadow:inset 0 2px 5px #0007;pointer-events:none}.gauge-digital span{display:block;color:#c4e9d8;font:23px/1.15 "SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums}.gauge-digital small{display:block;font-size:7px;color:#849c94;margin-top:3px}.knob-assembly{text-align:center}.knob-scale{display:flex;justify-content:space-between;font-size:9px;color:#b6c6c5;margin-bottom:5px;padding:0 5px}.knob{width:100px;height:100px;margin:auto;border-radius:50%;padding:8px;background:repeating-conic-gradient(#899595 0deg 2deg,#2a3537 3deg 5deg);box-shadow:0 6px 9px #0008,0 0 0 3px #1b282c,inset 0 1px 3px #d5dedc}.knob-face{position:relative;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 20deg,#9ba5a4,#e2e5df 15%,#8d9998 30%,#d2d7d1 50%,#8a9898 65%,#dce1d8 85%,#9ba5a4);box-shadow:inset 0 0 0 1px #d7dddb,inset 0 -4px 9px #384d5588;transform:rotate(var(--angle,0deg));transition:transform 1.1s ease}.knob-face i{position:absolute;height:25px;width:4px;background:#23393e;left:calc(50% - 2px);top:7px;box-shadow:1px 0 1px #fff8;border-radius:2px}.knob.unknown .knob-face i{visibility:hidden}.command{margin-top:13px;color:#dcf2e5}.command strong{font:25px/1.2 "SFMono-Regular",Consolas,monospace}.command>span{margin-left:4px;font-size:11px}.knob-assembly p{font-size:8px;letter-spacing:.08em}.fan .instrument-note{border-top:1px solid #58686955;padding-top:11px;font-size:10px;line-height:1.6;min-height:45px}.environment-bank{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:14px}.amber{background:linear-gradient(170deg,#201c18,#3b2d20)}.amber .lcd-value{color:var(--amber);text-shadow:0 0 10px #f7c07845}.amber .unit{color:#d4b890}.bar{display:flex;gap:3px;margin-top:13px}.bar i{height:5px;flex:1;border-radius:1px;background:#172329;box-shadow:inset 0 1px 2px #0009}.bar i.on{background:#dfbb86;box-shadow:0 0 5px #e5ba6f44}.switch-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}.switch-position{font-size:9px;color:#8f9fa0;letter-spacing:.04em}.switch-position.selected{color:#d0e5df}.toggle{position:relative;width:66px;height:33px;border-radius:16px;border:3px solid #17262a;background:linear-gradient(#0e171c,#253b3d);box-shadow:inset 0 3px 5px #0009,0 1px #9aaba855}.toggle i{position:absolute;top:2px;left:2px;width:27px;height:23px;border-radius:10px;background:linear-gradient(120deg,#c9d2cd,#7f8f90);box-shadow:0 2px 4px #000b,inset 0 1px #ffffff77;transition:transform .6s}.toggle.summer i{transform:translateX(29px)}.toggle.unknown i{left:17px;opacity:.4}.mode-readout{text-align:center;font-size:11px;margin-top:22px}.mode-readout strong{font-weight:500}.mode p{text-align:center}.panel-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #70828355;margin-top:25px;padding-top:17px;font-size:9px;color:#bac9c9}.panel-footer .led{width:6px;height:6px;margin-right:7px}.explanation{max-width:1160px;margin:20px auto 36px;padding:0 16px;color:#9eb0b3;font-size:11px}.explanation>p:first-child{color:#c7dad4;font-size:12px}.explanation details{margin-top:18px}.explanation summary{cursor:pointer;color:#bed4cd}.explanation details p{max-width:950px}.raw-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.raw-grid>div{border:1px solid #3c4e53;border-radius:5px;padding:7px 10px;display:flex;justify-content:space-between;font-family:monospace;gap:7px}.raw-grid span{color:#90a4a5}.stale .lcd-value,.stale .gauge-digital span,.stale .command{color:#d7b888;text-shadow:none}.stale .needle{opacity:.55}.stale .lcd:after{background:#b7956210}.out-of-range{color:#f1bd88!important}html[data-network-error="true"] .chassis{border-color:#997760}
@media(max-width:1000px){.chassis{margin:0 14px;padding:30px 24px 22px}.fan-controls{gap:10px;grid-template-columns:minmax(0,1fr) 90px}.knob{width:80px;height:80px}.gauge-digital span{font-size:19px}.gauge-digital small{font-size:6px}.environment-bank{grid-template-columns:1fr 1fr}.mode{grid-column:1/-1}.mode .switch-row{margin-top:17px}.mode-readout{margin-top:13px}.mode p br{display:none}.mode p br:after{content:" "}}
@media(max-width:680px){.navigation{padding:17px 16px}.navigation>span{display:none}.chassis{padding:28px 18px 20px;border-radius:17px;margin:0 10px}.panel-header{align-items:flex-start;gap:12px}h1{font-size:28px}h1 span{display:block;font-size:22px;margin-top:3px}.eyebrow{font-size:8px}.subheading{font-size:9px;max-width:180px}.connection{font-size:10px;max-width:125px}.connection small{font-size:9px}.safety-strip{align-items:flex-start;line-height:1.7;margin-top:20px}.section-label{align-items:flex-start}.section-label>span{max-width:145px;text-align:right;font-size:9px}.temperature-bank{grid-template-columns:1fr 1fr;gap:10px}.lcd-value{font-size:36px}.instrument{padding:13px}.reference-line{flex-direction:column;gap:3px}.fan-bank{grid-template-columns:1fr}.fan{padding:18px}.fan-controls{grid-template-columns:minmax(0,1fr) 110px;gap:18px}.knob{width:94px;height:94px}.gauge-digital span{font-size:24px}.gauge-digital small{font-size:7px}.environment-bank{gap:10px}.environment .lcd-value{font-size:29px}.environment .lcd{gap:4px;padding-left:5px;padding-right:5px}.environment .unit{font-size:9px}.panel-footer{gap:12px;font-size:9px}.raw-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.gauge .needle,.knob-face,.toggle i{transition:none}}