:root{color-scheme:dark;--bg:#0c1721;--panel:#13222e;--line:#263947;--text:#edf6fa;--muted:#9aadb9;--cyan:#55e3cc;--orange:#ffc17a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#183d45 0,transparent 40%),var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,42px);font-weight:650;letter-spacing:-1px;line-height:1.2}h2{font-size:20px;font-weight:600}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--cyan);margin-bottom:12px}header{display:flex;align-items:center;gap:20px;padding:24px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:#0c1721c9}.brand{font-weight:750;letter-spacing:4px;font-size:24px}.brand span{font-size:9px;letter-spacing:2px;background:#55e3cc18;color:var(--cyan);margin-left:10px;padding:5px 7px;border-radius:5px;vertical-align:middle}.server-badge{margin-left:auto;color:var(--cyan);font-size:13px}.server-badge.off{color:var(--orange)}.quiet{background:none;border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:9px 13px}main{max-width:1160px;margin:auto;padding:36px 24px 110px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.heading .muted{margin-top:10px}#updated{font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.stats article,.node,.panel{background:linear-gradient(135deg,#162935,#13222e);border:1px solid var(--line);border-radius:18px;padding:22px}.stats span{display:block;font-size:11px;letter-spacing:1.5px;color:var(--muted)}.stats strong{display:block;font-size:38px;font-weight:550;margin:7px 0;color:var(--cyan)}.stats small{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.node-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.node h2{font-size:17px}.status{padding:4px 9px;border-radius:6px;background:#849bac19;color:var(--muted);font-size:10px;letter-spacing:1px;white-space:nowrap}.status.online{color:var(--cyan);background:#55e3cc15}.status.offline{color:var(--orange);background:#ffc17a15}.node-age{color:var(--muted);font-size:12px;margin:10px 0 20px}.node-values{display:flex;flex-direction:column;gap:12px}.reading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reading span{font-size:13px;color:var(--muted)}.reading strong{font-size:20px;font-weight:550}.reading small{display:block;font-size:10px;color:var(--muted);text-align:right}.view-link{background:none;border:0;color:var(--cyan);padding:16px 0 0;font-size:13px}.footnote{color:var(--muted);font-size:12px;margin-top:24px}.panel{margin-bottom:20px}.panel>h2{margin-bottom:20px}label{display:block;font-size:13px;color:var(--muted)}input,select{background:#0c1721;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px;min-height:44px;max-width:100%}label input,label select{display:block;width:100%;margin:8px 0 20px}.big-reading{font-size:60px;color:var(--cyan);letter-spacing:-2px;margin:20px 0 0}#chart{width:100%;height:auto;min-height:130px;margin-top:20px}.chart-caption{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.event{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.event-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--orange);margin-top:7px}.event-dot.recovered,.event-dot.cleared{background:var(--cyan)}.event-message{flex:1}.event-meta{font-size:12px;color:var(--muted);margin-top:4px}.event time{font-size:12px;color:var(--muted);text-align:right}.notice{border:1px solid var(--orange);color:var(--orange);border-radius:12px;padding:14px;margin-top:20px}nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;background:#172b36ee;backdrop-filter:blur(16px);border:1px solid #37515e;border-radius:16px;padding:6px;gap:4px;box-shadow:0 12px 35px #0005;z-index:10}nav button{border:0;background:none;color:var(--muted);border-radius:11px;padding:10px 25px;font-size:13px;min-height:48px}nav button span{margin-right:8px;font-size:20px;vertical-align:middle}nav button.active{background:#55e3cc1b;color:var(--cyan)}footer{text-align:center;font-size:9px;letter-spacing:2px;color:var(--muted);padding-bottom:100px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.login-box{width:420px;max-width:100%}.mark{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:18px;background:var(--cyan);color:var(--bg);font-size:34px;font-weight:750;margin-bottom:32px}.login h1{margin-bottom:16px}.login form{margin-top:32px}.primary{width:100%;background:var(--cyan);border:0;border-radius:12px;padding:15px;color:var(--bg);font-weight:700}.primary span{float:right}.login-error,#login-error{color:var(--orange);margin-top:16px}#alarm-search{width:230px}#readings-page .node-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:850px){.node-grid{grid-template-columns:repeat(2,1fr)}.heading{display:block}#updated{display:block;margin-top:16px}}@media(max-width:580px){header{padding:16px;gap:10px}.brand{font-size:20px}.brand span{display:none}.server-badge{font-size:11px}.quiet{font-size:12px;padding:8px}main{padding:28px 16px 100px}.stats{gap:8px;margin-bottom:28px}.stats article{padding:14px 10px;border-radius:13px}.stats span{font-size:9px;letter-spacing:.7px}.stats strong{font-size:30px}.stats small{font-size:10px}.node-grid,#readings-page .node-grid{grid-template-columns:1fr}.node,.panel{padding:20px}.section-title{flex-wrap:wrap}nav{bottom:12px;width:calc(100% - 32px);justify-content:space-around}nav button{padding:8px 12px;flex:1}nav button span{display:block;margin:0;font-size:20px}.event time{max-width:100px}.big-reading{font-size:50px}.chart-caption{flex-direction:column}#alarm-search{width:100%}}

.access-label{color:var(--muted);font-size:11px;margin-top:16px}.node-controls{display:flex;gap:8px;margin-top:12px}.control-button{flex:1;min-height:48px;border:1px solid #55e3cc60;border-radius:10px;background:#55e3cc16;color:var(--cyan);font-weight:650}.control-button[aria-pressed="true"]{background:var(--cyan);color:var(--bg)}.control-button:disabled{opacity:.45;cursor:default}.control-message{font-size:12px;color:var(--muted);margin-top:12px;min-height:36px}
@media(max-width:580px){header{flex-wrap:wrap}header .server-badge{order:3;flex-basis:100%;margin-left:0}header a.quiet{margin-left:auto}}