:root{color:#f5f7f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0d0c;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px 70px}header{justify-content:space-between;align-items:flex-start;gap:18px;margin:12px 0 28px;display:flex}.eyebrow{letter-spacing:.16em;color:#8fa397;margin:0 0 6px;font-size:12px}h1{margin:0;font-size:34px}h2{color:#aebbb3;margin:28px 0 10px;font-size:15px}.status{color:#75dc9b;background:#12251a;border-radius:999px;padding:8px 10px;font-size:12px}.status.bad{color:#ff9a9a;background:#2b1515}.hero,.grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric,.device{background:#151917;border:1px solid #252c28;border-radius:16px}.metric{flex-direction:column;justify-content:space-between;min-height:100px;padding:16px;display:flex}.metric span,.device span{color:#8f9a94;font-size:12px}.metric b{font-size:27px}.metric small{color:#aab4ae;font-size:12px;font-weight:500}.devices{gap:8px;display:grid}.device{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.device div{flex-direction:column;gap:3px;display:flex}.device strong{color:#707873;font-size:12px}.device strong.on{color:#75dc9b}footer{text-align:center;color:#68716c;margin-top:28px;font-size:11px}@media (width>=650px){.hero{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}