:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b111b;--panel:#141e2c;--border:#293648;--text:#e9f0f8;--muted:#9baabd;--good:#57d6a0;--amber:#f2bd5c;--bad:#f87880;--blue:#74b6ff;--teal:#68d6d0;--purple:#bba0ff;background:var(--background);color:var(--text);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;gap:1.25rem;max-width:2400px;min-height:100dvh;margin:auto;padding:clamp(1rem,2vw,2.5rem);display:flex}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.5rem,2.3vw,2.5rem);font-weight:600}.eyebrow{color:var(--blue);letter-spacing:.24em;margin-bottom:.35rem;font-size:.65rem;font-weight:700}.header-meta{color:var(--muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}button{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:.6rem;padding:.7rem 1rem}button:hover{background:#24344a}button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.live-dot,.status-dot{background:var(--good);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.live-dot.offline{background:var(--amber)}.dashboard{flex:1;grid-template-columns:1.2fr 1fr;gap:1.5rem;display:grid}section{flex-direction:column;gap:.9rem;min-width:0;display:flex}.section-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}h2{font-size:1rem;font-weight:500}.section-heading>span{color:var(--muted);font-size:.65rem}.battery-grid{flex:1;grid-template-columns:1fr;gap:1rem;display:grid}.battery-body,.temperature-body{grid-template-columns:minmax(120px,.7fr) minmax(0,2fr);align-items:center;gap:1rem;display:grid}.temperature-body{grid-template-columns:minmax(95px,.7fr) minmax(0,2fr)}.temperature-grid{flex:1;grid-template-columns:1fr;gap:1rem;display:grid}.status-grid{grid-template-columns:1fr 1fr 1.3fr;gap:.8rem;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:.6rem;min-width:0;padding:clamp(.85rem,1.2vw,1.5rem);display:flex}.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}h3{font-size:.9rem;font-weight:500}.measurement{color:var(--muted);padding-top:.3rem;font-size:.65rem}.warning{color:var(--amber);font-size:.65rem}.critical{border-color:var(--bad)}.critical .warning{color:var(--bad);font-weight:600}.good{--tone:var(--good)}.amber{--tone:var(--amber)}.bad{--tone:var(--bad)}.neutral{--tone:var(--muted)}.temperature-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,2.6vw,3.1rem);font-weight:550}.temperature-value span{color:var(--muted);font-size:1rem;font-weight:400}.status-value{color:var(--tone);align-items:center;gap:.6rem;font-size:clamp(1.5rem,2vw,2.25rem);font-weight:600;display:flex}.status-dot{background:var(--tone);width:.65rem;height:.65rem}.cycle-note{color:var(--muted);font-size:.65rem;line-height:1.5}.notice{color:var(--amber);background:#302719;border:1px solid #665132;border-radius:.5rem;padding:.65rem 1rem;font-size:.8rem}.capability{color:var(--muted);font-size:.7rem}footer{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.65rem;display:flex}.flash{animation:1.5s ease-out changed}@keyframes changed{0%{border-color:var(--blue);background:#345271}to{background:var(--panel);border-color:var(--border)}}@media (width>=1700px){:root{font-size:20px}}@media (width<=1000px){.dashboard{grid-template-columns:1fr}.temperature-grid{grid-template-columns:repeat(3,1fr)}.temperature-body{grid-template-columns:1fr}}@media (width<=700px){header{align-items:flex-start}.header-meta{flex-wrap:wrap;justify-content:flex-end;max-width:50%}.battery-grid,.temperature-grid,.battery-body,.status-grid{grid-template-columns:1fr}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.flash{outline:2px solid var(--blue);outline-offset:-2px;animation:none}}