:root{--paper:#eef2f3;--surface:#f8fafa;--ink:#1b2a33;--line:#c9d3d8;--muted:#5f7380;--accent:#0e6e73;--alert:#b4235a;--warn:#8a5a00;--font:"BIZ UDPGothic", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--num:"Saira Semi Condensed", "BIZ UDPGothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#121b20;--surface:#18242a;--ink:#dde6ea;--line:#2f3f47;--muted:#8fa3ad;--accent:#4fb3b8;--alert:#f07aa5;--warn:#e0b45c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font);margin:0;font-size:15px;line-height:1.6}h1,h2,h3{margin:0;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--num);letter-spacing:.02em;font-size:.95em}.muted{color:var(--muted)}.small{font-size:.85rem}.alert-text{color:var(--alert)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem .9rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--paper)}button.danger{border-color:var(--alert);color:var(--alert)}button.link{border:none;padding:.35rem 0;text-decoration:underline}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;width:100%;padding:.45rem .6rem}input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--accent)}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:2rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex}.topbar nav{flex-wrap:wrap;flex:1;gap:1.25rem;display:flex}.topbar a{color:var(--muted);border-bottom:2px solid #0000;padding:.2rem 0;text-decoration:none}.topbar a.active{color:var(--ink);border-bottom-color:var(--accent)}.topbar .brand{color:var(--ink);border:none;font-weight:700}main{max-width:1280px;padding:1.75rem clamp(1rem,4vw,2.5rem) 4rem}.page-head{max-width:72ch;margin-bottom:1.75rem}.page-head p{margin:.35rem 0 0}.page-head button{margin-top:1rem}.crumb{font-size:.85rem}.empty{max-width:60ch}.empty p{margin-top:.5rem}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-form{gap:1rem;width:min(360px,100%);display:grid}.login-form p{margin:0}.group-row{border-top:1px solid var(--line);grid-template-columns:minmax(8rem,12rem) 1fr;gap:1.5rem;padding:1.25rem 0;display:grid}.group-row h2{color:var(--muted);padding-top:.15rem;font-size:1rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem 1.5rem;display:grid}.tile{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:6px;flex-direction:column;gap:.75rem;padding:.9rem 1rem .8rem;text-decoration:none;display:flex}.tile:hover{border-color:var(--accent)}.tile.disabled{opacity:.6}.tile-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.tile p{margin:0}.tile-foot{color:var(--muted);margin-top:auto;font-size:.8rem}.tile-foot.warn{color:var(--warn)}.badge{white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.75rem}.badge.alert{color:var(--alert);border:1px solid var(--alert)}.readings{gap:.6rem;margin:0;display:grid}.reading{grid-template-columns:1fr auto;align-items:baseline;column-gap:.5rem;display:grid}.reading dt{color:var(--muted);font-size:.85rem}.reading dd{text-align:right;margin:0}.reading .gauge{grid-column:1/-1}.value{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:500;line-height:1}.value.big{font-size:3rem}.unit{color:var(--muted);margin-left:.2rem;font-size:.85rem}.gauge{margin-top:.3rem}.gauge-track{background:linear-gradient(to right, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 38%, transparent));border-radius:3px;height:6px;position:relative}.gauge-tick{background:var(--surface);width:1px;position:absolute;top:1px;bottom:1px}.gauge-needle{background:var(--ink);border-radius:2px;width:3px;height:14px;margin-left:-1.5px;position:absolute;top:-4px}.gauge-limit{background:var(--warn);width:2px;height:12px;margin-left:-1px;position:absolute;top:-3px}.gauge.alerting .gauge-needle{background:var(--alert)}.reading.alerting .value,.metric-now.alerting .value{color:var(--alert)}.alert-label{color:var(--alert);font-size:.8rem;font-weight:700;display:block}.alert-banner{border:1px solid var(--alert);background:color-mix(in srgb, var(--alert) 8%, var(--surface));border-left-width:4px;border-radius:6px;margin:0 0 1rem;padding:.6rem .9rem}.nav-count{background:var(--alert);min-width:1.3rem;color:var(--paper);text-align:center;border-radius:999px;margin-left:.35rem;padding:0 .35rem;font-size:.75rem;line-height:1.3rem;display:inline-block}tr.row-alert td:first-child{box-shadow:inset 3px 0 0 var(--alert)}.threshold-summary{font-size:.85rem;margin-top:.75rem!important}.threshold-form{gap:.5rem;margin-top:.75rem;font-size:.85rem;display:grid}.threshold-inputs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.threshold-inputs label{gap:.2rem;display:grid}.threshold-form .inline{align-items:center;gap:.4rem;display:flex}.threshold-form .form-actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.gauge.outside .gauge-track{background:color-mix(in srgb, var(--alert) 22%, transparent)}.gauge.outside .gauge-needle{background:var(--alert)}.gauge-scale{font-family:var(--num);color:var(--muted);justify-content:space-between;margin-top:.1rem;font-size:.7rem;display:flex}.range-switch{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.segmented,.metric-tabs{flex-wrap:wrap;gap:.35rem;display:inline-flex}.segmented button[aria-pressed=true],.metric-tabs button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.metric-tabs{margin-bottom:.75rem}.range-switch .interval{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.range-switch .interval select{width:auto;padding:.3rem .5rem}.range-switch .muted{font-size:.85rem}.spark{grid-column:1/-1;width:100%;height:36px;margin-top:.15rem;display:block}.overlay{grid-template-columns:1fr minmax(14rem,18rem);align-items:start;gap:1.5rem;padding-top:.5rem;display:grid}.legend{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:.5rem;display:flex}.legend button{color:var(--ink);text-align:left;border:none;flex:1;grid-template-columns:.9rem 1fr auto;align-items:center;gap:.5rem;padding:.3rem .4rem;display:grid}.legend button[aria-pressed=false]{color:var(--muted);text-decoration:line-through}.legend button[aria-pressed=false] .swatch{opacity:.3}.legend-value{font-family:var(--num);font-variant-numeric:tabular-nums}.swatch{border-radius:2px;width:.9rem;height:.25rem}.swatch.other{background:repeating-linear-gradient(90deg, var(--muted) 0 3px, transparent 3px 6px)}.metric-panel{border-top:1px solid var(--line);grid-template-columns:minmax(10rem,14rem) 1fr;gap:1.5rem;padding:1.25rem 0;display:grid}.metric-now p{margin:.25rem 0}.chart{min-width:0}.empty-chart{border:1px dashed var(--line);border-radius:6px;place-items:center;height:220px;display:grid}.anomalies{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem}.anomalies h2{margin-bottom:.75rem}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .8rem}th{color:var(--muted);font-size:.85rem;font-weight:700}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}td.actions{text-align:right;white-space:nowrap}td.actions button+button{margin-left:.5rem}.settings section{margin-top:2rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.base-block{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:.75rem;padding:.9rem 1rem}.children{margin:0;padding-left:1.2rem}.children li{margin:.2rem 0}.form{gap:.9rem;display:grid}.form label,.login-form label{gap:.25rem;font-size:.9rem;display:grid}.form label.inline,.choice label{align-items:center;gap:.5rem;display:flex}.choice{border:1px solid var(--line);border-radius:6px;gap:.3rem;padding:.5rem .9rem .7rem;display:grid}.choice legend{color:var(--muted);padding:0 .3rem;font-size:.85rem}.form-actions{justify-content:space-between;gap:1rem;display:flex}.form-error{color:var(--alert);margin:0}.dialog{border:1px solid var(--line);background:var(--paper);width:min(520px,100vw - 2rem);color:var(--ink);border-radius:8px;padding:1.25rem 1.5rem 1.5rem}.dialog::backdrop{background:#1b2a3373}.dialog>header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.issued{gap:.75rem;display:grid}.issued p{margin:0}.copy-field{grid-template-columns:6rem 1fr auto;align-items:center;gap:.5rem;display:grid}.copy-field span{color:var(--muted);font-size:.85rem}.copy-field code{overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:.3rem .5rem}@media (width<=720px){.overlay{grid-template-columns:1fr}.topbar{justify-content:space-between;gap:.25rem 1rem}.topbar nav{flex-wrap:nowrap;flex-basis:100%;order:3;overflow-x:auto}.topbar nav a{white-space:nowrap}.group-row,.metric-panel{grid-template-columns:1fr;gap:.75rem}table{display:block;overflow-x:auto}th,td{white-space:nowrap}.copy-field{grid-template-columns:1fr auto}.copy-field span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}