*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0a1116;color:#eff5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body{font-variant-numeric:tabular-nums}.shell{height:100dvh;min-height:480px;max-width:1100px;margin:auto;padding:clamp(16px,4vw,38px);display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;min-height:36px}.brand{font-size:12px;letter-spacing:.18em;color:#a8b8c1}.brand b{color:#eff5f5;font-weight:650}button{font:inherit;cursor:pointer}#logout{background:none;border:1px solid #33404a;color:#bdcbd1;border-radius:30px;padding:8px 14px;font-size:12px}.candidate{font-size:9px;letter-spacing:.13em;color:#78909e;margin:12px 0 8px}main{flex:1;min-height:0;display:flex;flex-direction:column}#login{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;flex:1}h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.065em;line-height:1.02;font-weight:550;margin:16px 0 32px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#73e7c5}form{max-width:360px;width:100%;justify-self:end}label{display:block;font-size:12px;color:#afbec6;margin:18px 0 8px}input{width:100%;border:1px solid #33404a;border-radius:10px;background:#111c24;color:white;padding:14px;font:20px inherit;min-height:52px;outline:none}input:focus{border-color:#7ae7c8;box-shadow:0 0 0 2px #7ae7c825}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:16px 18px;background:#a5f5da;color:#0a231a;border:0;border-radius:10px;font-weight:650}.primary:disabled{opacity:.5}#loginError{font-size:12px;min-height:20px;color:#f1be89}#display{flex:1;min-height:0;display:flex;flex-direction:column}.topline{display:flex;justify-content:space-between;margin:12px 0;font-size:10px;letter-spacing:.15em;color:#91a7b2}#mode{color:#91eed1}#connection{letter-spacing:0;text-align:right}
.readings{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px}
.shell{padding:12px;min-height:0;max-width:1400px}
article{border:1px solid #283640;background:linear-gradient(145deg,#14222b,#0e181f);border-radius:16px;padding:6px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;container-type:size;text-align:center}
.soc{grid-area:1/1}.power{grid-area:1/2}.range{grid-area:2/1}.thermal{grid-area:2/2}
.instrument{width:100%;min-width:0;display:grid;justify-items:center;gap:8px}
h2,h3{font-size:11px;font-weight:500;letter-spacing:.12em;color:#93abb7;margin:0;line-height:16px}
h3{font-size:9px;color:#78929f;line-height:12px}
.value{min-width:0;margin:0;width:100%;font-weight:550;line-height:1;letter-spacing:-.065em;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:var(--number-height);font-size:var(--number-size)}
.soc{--number-size:min(66cqw,50cqh,260px);--number-height:min(70cqw,53cqh,276px)}
.power{--number-size:min(58cqw,46cqh,230px);--number-height:min(64cqw,50cqh,252px)}
.range{--number-size:min(58cqw,44cqh,210px);--number-height:min(64cqw,48cqh,232px)}
.thermal{--number-size:min(44cqw,20cqh,110px);--number-height:min(47cqw,22cqh,120px)}
.soc .value{color:#b0f5df}.unit{font-size:.25em;color:#91a7b2;letter-spacing:-.02em;margin-left:3px;align-self:center;padding-top:.9em}
.age{font-size:11px;color:#829aa7;margin:0;line-height:14px;min-height:28px;width:100%;max-width:100%;overflow-wrap:normal}
.age.is-stale{color:#e5b679}
.extrema{display:grid;grid-template-columns:1fr;width:100%;gap:14px}
.extrema>div{display:grid;justify-items:center;gap:4px;width:100%}
.extrema .age{min-height:14px}.thermal .instrument{gap:10px}
.power .value{color:#71838d}.power h2{color:#78909e}.power.is-active{background:linear-gradient(135deg,#143f37,#122b29);border-color:#2d6857}.power.is-active h2{color:#a4efce}.power.is-active .value{color:#adf9d7}
[hidden]{display:none!important}
@media(max-width:600px){#login{grid-template-columns:1fr;gap:0;align-content:center}.intro{padding-top:10px}h1{font-size:44px;margin-bottom:12px}.eyebrow{margin:0}form{max-width:none}label{margin-top:12px}.candidate{font-size:8px}.topline{font-size:9px;margin:8px 0 10px}h2{font-size:9px;letter-spacing:.09em}.age{font-size:10px}.thermal .unit{font-size:.28em}}
@media(max-height:650px){header{min-height:30px}.candidate{margin:6px 0}.topline{margin:6px 0}h1{font-size:36px}.instrument{gap:5px}.extrema{gap:8px}.thermal .instrument{gap:6px}}
@media(orientation:landscape) and (max-height:600px){.shell{max-width:none;padding:8px 12px}.candidate{margin:3px 0}.topline{margin:3px 0}#login{grid-template-columns:1fr 1fr;gap:30px}form{max-width:360px}h2{font-size:9px;line-height:12px}.instrument{gap:3px}.age{font-size:10px;min-height:14px}.extrema{gap:4px}.extrema>div{gap:1px}.thermal .instrument{gap:3px}h3{font-size:8px;line-height:10px}}