:root{--bg:#f4f5f7;--card:#fff;--fg:#1b1d21;--mute:#6b7280;--line:#e5e7eb;--acc:#2563eb;
--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--stale-bg:#fde68a;--stale-fg:#78350f}
@media (prefers-color-scheme:dark){:root{--bg:#111316;--card:#1b1e23;--fg:#e8eaed;--mute:#9aa0a6;--line:#2c3036;
--acc:#60a5fa;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--stale-bg:#78350f;--stale-fg:#fde68a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);
font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.card{max-width:480px;margin:16px auto;padding:20px 16px;background:var(--card);border-radius:14px;margin-left:16px;margin-right:16px}
@media (min-width:512px){.card{margin-left:auto;margin-right:auto}}
h1{font-size:18px;margin:0}.top{display:flex;justify-content:space-between;align-items:center}
.badge{font-size:14px;font-weight:600;padding:3px 10px;border-radius:99px;border:1px solid var(--line)}
.s-irradiating{color:var(--acc)}.s-moving{color:var(--warn)}.s-done{color:var(--ok)}
.s-stopped,.s-estop,.s-unknown{color:var(--bad)}.s-idle{color:var(--mute)}
.stale{margin:12px 0;padding:10px 12px;border-radius:8px;background:var(--stale-bg);color:var(--stale-fg);font-weight:600}
.set{color:var(--mute);margin:8px 0 0;min-height:1em}section{margin-top:16px}
.lbl{color:var(--mute);font-size:13px}.big{font-size:56px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.mid{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.sub{color:var(--mute)}
.row{display:flex;gap:24px}.row>div{flex:1}.upd{margin-top:18px}.foot{color:var(--mute);font-size:13px}
.foot a{color:var(--acc)}.old .big,.old .mid{opacity:.45}
.login form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
input{font-size:18px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
button{font-size:17px;padding:10px;border:0;border-radius:8px;background:var(--acc);color:#fff}
.msg{color:var(--bad);min-height:1em}