:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf6;background:#0b1020}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#1a2c49 0,#0b1020 45%);min-height:100vh}main{max-width:1100px;margin:auto;padding:clamp(20px,5vw,56px)}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.eyebrow{color:#7dd3fc;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:0}.refresh{border:1px solid #456282;background:#163457;color:#e8edf6;border-radius:10px;padding:11px 16px;font-weight:650;cursor:pointer}.refresh:hover{background:#20476d}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.summary article,.device-card,.error{background:#101a2dce;border:1px solid #253a55;border-radius:16px;padding:20px;box-shadow:0 10px 28px #0002}.summary span,.section-heading span,dt{color:#9aabc2;font-size:.8rem}.summary strong{display:block;font-size:2rem;margin-top:8px}.online strong{color:#62e6a1}.offline strong{color:#ff8d8d}.unknown strong{color:#f7cc75}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.device-list{display:grid;gap:14px}.device-title{display:flex;justify-content:space-between;gap:12px}.device-title h3{margin-bottom:5px}.device-title p{color:#9aabc2;margin:0;font-size:.9rem}.status{padding:5px 9px;border-radius:999px;font-size:.75rem;height:max-content}.good{color:#62e6a1;background:#143c35}.bad{color:#ff8d8d;background:#44252b}.muted{color:#f7cc75;background:#443919}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 0;border-top:1px solid #253a55;padding-top:15px}dt{margin-bottom:5px}dd{margin:0;font-size:.9rem}.unsupported{border:1px solid #3e5168;background:#1a2536;color:#7e8da3;border-radius:7px;padding:6px 9px}.error{max-width:540px;margin:15vh auto}@media(max-width:650px){main{padding:24px 16px}.topbar{align-items:flex-start;flex-direction:column}.refresh{width:100%}.summary{grid-template-columns:repeat(2,1fr);margin:24px 0}.summary article{padding:15px}.device-card{padding:16px}dl{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}}