:root{color-scheme:light;--page:#f5f8f8;--surface:#fff;--ink:#182e32;--muted:#718387;--border:#e5eded;--teal:#087f73;--teal-dark:#05685f;--teal-soft:#e7f4f0;--amber:#a56a18;--amber-bg:#fff8e9;--red:#be4d46;--red-bg:#fff0ef;--radius:18px;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-synthesis:none;font-size:14px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--page)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #55b9aa;outline-offset:4px}button:disabled{cursor:default;opacity:.5}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:20;left:15px;top:-70px;background:var(--teal);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:39px 24px 24px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:17px;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--teal);color:white;box-shadow:0 5px 15px #087f7315}.brand-mark svg{width:27px;height:27px}.brand small{display:block;letter-spacing:0;font-weight:400;font-size:11px;color:var(--muted);margin-top:1px}.nav-label{font-size:11px;font-weight:650;color:#8b9a9d;letter-spacing:1.8px;margin:54px 14px 15px}.nav-main{display:grid;gap:6px}.nav-main a{display:flex;gap:12px;align-items:center;color:#718286;padding:12px 14px;border-radius:9px;font-size:12px;font-weight:550;transition:background .15s,color .15s}.nav-main a svg{width:18px;height:18px}.nav-main a:hover{background:#f4f8f7;color:var(--teal)}.nav-main a.active{color:var(--teal);background:var(--teal-soft)}.sidebar-bottom{margin-top:auto;padding:20px 16px 0;border-top:1px solid var(--border)}.source-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--border);border-radius:9px;color:var(--teal);margin-bottom:12px}.station-title{font-size:12px;font-weight:650}.sidebar-bottom p{font-size:11px;color:var(--muted);margin:3px 0 16px}.sidebar-bottom>a{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.sidebar-bottom>a svg{width:13px;height:13px}.read-only{font-size:11px;color:#80928e;display:flex;align-items:center;gap:6px;margin-top:12px}.read-only span{width:5px;height:5px;border-radius:50%;background:#87b9a9}main{margin-left:238px;padding:0 45px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:91px;border-bottom:1px solid var(--border);gap:15px}.breadcrumb{font-size:11px;color:#91a1a3}.breadcrumb span{margin:0 12px;color:#c0cdce}.breadcrumb strong{font-weight:500;color:#587075}.top-actions{display:flex;align-items:center;gap:17px}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.connection>span{display:block;width:6px;height:6px;border-radius:50%;background:#9aabad}.connection.fresh{color:var(--teal)}.connection.fresh>span{background:var(--teal)}.connection.stale,.connection.delayed{color:var(--amber)}.connection.stale>span,.connection.delayed>span{background:#ca9540}.connection.error>span{background:var(--red)}.button{background:white;border:1px solid #dfe9e7;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#496167;font-weight:550;min-height:39px;padding:9px 16px;font-size:12px;white-space:nowrap;transition:background .15s,border-color .15s}.button:hover:enabled{background:#edf6f2;border-color:#bddacf}.button-small{font-size:11px;min-height:34px;padding:7px 12px}.button-small svg{width:14px;height:14px}#refresh.loading svg{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:43px 0 29px}.eyebrow{display:block;color:#6b9390;letter-spacing:1.9px;font-size:11px;font-weight:650;margin-bottom:8px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.7vw,38px);font-weight:650;letter-spacing:-1.4px;line-height:1.2}h1>span{color:var(--teal)}.page-heading p{color:var(--muted);font-size:12px;margin-top:11px}.device-label{font-size:11px;letter-spacing:1px;white-space:nowrap;color:#76918d;display:flex;align-items:center;gap:8px}.device-light{width:7px;height:7px;background:#b9d9cd;border-radius:50%}.device-label .divider{color:#c8d5d2;margin:0 2px}.notice{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #efe5cb;border-radius:11px;background:var(--amber-bg);color:var(--amber);margin-bottom:28px}.notice[hidden]{display:none}.notice>svg{width:19px;height:19px}.notice strong{display:block;font-size:11px;font-weight:650}.notice p{font-size:11px;margin-top:2px;color:#8b795a}.notice .button{margin-left:auto;flex-shrink:0;background:transparent}.notice.error{background:#fff4f2;border-color:#eddad6;color:var(--red)}.notice.error p{color:#9c6f68}.readings-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.readings-heading h2{font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.mini-label{color:#8aa19b;background:#edf4f1;border-radius:5px;font-size:11px;font-weight:500;padding:3px 6px}.last-upload{font-size:11px;color:#8b9b9d}.sensor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sensor-card{min-width:0;background:white;border:1px solid var(--border);border-radius:var(--radius);padding:21px 20px 17px;box-shadow:0 3px 6px #243b3502;transition:box-shadow .2s,transform .2s}.sensor-card:hover{box-shadow:0 7px 22px #28443a06;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sensor-icon{display:grid;place-items:center;background:var(--teal-soft);border-radius:9px;color:var(--teal);width:33px;height:33px}.sensor-icon svg{width:19px;height:19px}.sensor-code{font-size:11px;color:#9aabae;font-weight:550;letter-spacing:.8px}.sensor-card h3{font-size:11px;font-weight:500;color:#71858a;margin-bottom:2px}.value-line{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.reading-value{font-size:36px;font-weight:600;line-height:1.4;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.reading-unit{font-size:11px;color:#93a1a4;white-space:nowrap}.reading-status{font-size:11px;color:#8c9d9e;min-height:17px;margin-top:1px}.reading-status.within{color:var(--teal)}.reading-status.warning{color:var(--amber)}.reading-status.alert{color:var(--red)}.reading-status.ambiguous{color:var(--amber)}.sparkline{width:100%;height:38px;margin:13px 0 9px;display:block;overflow:visible}.meter{position:relative;height:4px;border-radius:3px;background:#edf3f1;margin-top:9px;overflow:hidden}.meter-fill{height:100%;background:var(--teal);border-radius:3px;transition:width .35s}.meter-fill.warning{background:#d8a14d}.meter-fill.alert{background:#ca6b61}.meter-tick{position:absolute;top:0;height:4px;width:2px;background:#c9d8d0}.card-limits{font-size:11px;display:flex;justify-content:space-between;gap:5px;color:#a0adae;margin-top:6px;white-space:nowrap}.reading-footnote{display:flex;align-items:flex-start;gap:6px;color:#9aabaa;font-size:11px;margin-top:14px;line-height:1.5}.reading-footnote svg{width:12px;height:12px;margin-top:1px}.history-panel{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:29px 29px 0;margin-top:35px;overflow:hidden;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-heading .eyebrow{font-size:11px;margin-bottom:4px}.section-heading h2{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.5px}.section-heading p{color:#94a3a5;font-size:11px;margin-top:6px}.history-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--border);margin:26px 0 20px;padding-bottom:16px;flex-wrap:wrap}.sensor-tabs{display:flex;gap:5px;flex-wrap:wrap}.sensor-tab{border:0;background:transparent;color:#8c9b9e;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:550;min-height:33px;display:flex;align-items:center;gap:7px}.sensor-tab>span{height:5px;width:5px;border-radius:50%;background:#c3d2cd}.sensor-tab[aria-selected="true"]{background:var(--teal-soft);color:var(--teal)}.sensor-tab[aria-selected="true"]>span{background:var(--teal)}.range-control{background:#f5f8f7;border:1px solid #edf1ef;display:inline-flex;border-radius:7px;padding:3px;gap:1px}.range-control button{font-size:11px;white-space:nowrap;border:0;background:transparent;color:#91a19f;padding:6px 10px;border-radius:5px;min-height:28px}.range-control button[aria-pressed="true"]{background:white;box-shadow:0 1px 4px #102f2510;color:#41645c}.chart-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0}.chart-meta strong{display:block;font-size:12px;font-weight:550}.chart-meta #chart-unit{font-size:11px;color:#95a4a6}.reference-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#8d9d9f;white-space:nowrap;cursor:pointer}.reference-toggle input{accent-color:var(--teal);width:12px;height:12px;margin:0}.chart-wrap{height:275px;position:relative;min-width:0}#history-chart{display:block;width:100%;height:100%;stroke-width:1;overflow:visible;font-family:inherit}.chart-tick{fill:#9aa9ac;font-size:11px;stroke:none}.chart-grid{stroke:#edf1f1;stroke-width:1}.chart-line{fill:none;stroke:var(--teal);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#history-gradient);stroke:none}.chart-reference{stroke:#d5ad6a;stroke-width:1;stroke-dasharray:4 5}.chart-reference.alert{stroke:#d7938c}.reference-label{fill:#ac8a56;stroke:none;font-size:11px}.reference-label.alert{fill:#bd7a72}.chart-guide{stroke:#8aada4;stroke-width:1;stroke-dasharray:3 4}.chart-hover-dot{fill:var(--teal);stroke:#fff;stroke-width:2}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.chart-empty[hidden]{display:none}.empty-mark{display:grid;place-items:center;width:43px;height:43px;background:#f0f6f3;color:#8eb4a7;border-radius:12px;margin-bottom:12px}.empty-mark svg{width:23px;height:23px}.chart-empty strong{font-size:12px;color:#68827c;font-weight:550}.chart-empty p{font-size:11px;color:#92a3a0;margin-top:5px;max-width:310px}.chart-empty .button{margin-top:14px}.chart-tooltip{position:absolute;pointer-events:none;z-index:2;min-width:150px;background:#213d39;color:white;border-radius:8px;padding:10px 12px;box-shadow:0 4px 15px #15372a18;font-size:11px;line-height:1.5}.chart-tooltip[hidden]{display:none}.chart-tooltip strong{display:block;font-size:13px;font-weight:600;margin-top:3px}.chart-tooltip small{color:#c3d7d0;font-size:11px}.chart-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9aabaa;font-size:11px;padding:7px 0 16px}.history-stats{border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0 23px}.history-stats>div{padding:0 22px;border-right:1px solid var(--border)}.history-stats>div:first-child{padding-left:0}.history-stats>div:last-child{border-right:0}.history-stats span{display:block;font-size:11px;color:#95a3a3;margin-bottom:5px}.history-stats strong{font-size:20px;font-weight:550;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.history-stats strong small{font-size:11px;color:#9aabaa;margin-left:4px;font-weight:400;letter-spacing:0}.chart-note{margin:0 -29px;padding:11px 29px;border-top:1px solid #f0e8da;background:#fffaf0;color:#9a825b;font-size:11px}.sensor-details{margin-top:37px;scroll-margin-top:25px}.sensor-details .section-heading{margin-bottom:20px}.outlined-label{padding:5px 8px;font-size:11px;letter-spacing:1px;border:1px solid #dce9e4;border-radius:5px;color:#8da49b;white-space:nowrap}.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.detail-card{background:#f0f5f3;border:1px solid #e4ece7;border-radius:12px;padding:19px 18px}.detail-tag{font-size:11px;color:#77998f;letter-spacing:1.3px;margin-bottom:7px;font-weight:600}.detail-card h3{font-size:11px;font-weight:600;margin-bottom:5px}.detail-card p{font-size:11px;color:#8d9f9b;line-height:1.7;min-height:46px}.detail-thresholds{display:flex;justify-content:space-between;gap:9px;border-top:1px solid #dde8e2;margin-top:13px;padding-top:11px}.detail-thresholds span{font-size:11px;color:#8fa49a}.detail-thresholds strong{display:block;font-size:12px;font-weight:550;color:#5b786d;margin-top:2px;white-space:nowrap}.reference-note{display:flex;gap:8px;margin:14px 0 0;color:#95a59f;font-size:11px;line-height:1.7}.reference-note svg{width:13px;height:13px;margin-top:2px}.page-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:36px;padding:21px 0 27px;font-size:11px;color:#9aa9a4}.footer-brand{font-size:11px;letter-spacing:1.3px;font-weight:650;color:#73978b}.page-footer>a:last-child{display:flex;align-items:center;gap:6px;margin-left:auto}.page-footer svg{width:11px;height:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:65px;padding-right:65px}.sensor-card{padding:25px}.reading-value{font-size:42px}.history-panel{padding-left:36px;padding-right:36px}}@media(max-width:1220px){.sidebar{width:208px;padding-left:17px;padding-right:17px}.brand{font-size:15px;gap:9px}.brand small{font-size:11px}.brand-mark{width:35px;height:35px}main{margin-left:208px;padding:0 27px}.sensor-grid{gap:12px}.sensor-card{padding:18px 14px}.reading-value{font-size:30px}.device-label{display:none}.details-grid{gap:12px}.detail-card{padding:15px 12px}.card-limits{font-size:11px}.history-panel{padding:25px 22px 0}.chart-note{margin:0 -22px;padding-left:22px;padding-right:22px}}@media(max-width:1000px){.sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-value{font-size:37px}.sensor-card{padding:21px}.card-limits{font-size:11px}.reading-unit,.sensor-card h3{font-size:11px}.sensor-code{font-size:11px}.reading-status{font-size:11px}.last-upload{max-width:210px;text-align:right}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card p{min-height:33px}.history-controls{align-items:flex-start}.range-control{margin-left:0}.reference-toggle{font-size:11px}}@media(max-width:740px){html{scroll-padding-top:125px}.sidebar{position:sticky;top:0;inset:auto;width:100%;padding:15px 20px 9px;border-right:0;border-bottom:1px solid var(--border);z-index:5;background:#fffffff5;backdrop-filter:blur(12px)}.brand{font-size:15px}.brand small{font-size:11px}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-mark svg{width:23px;height:23px}.nav-label,.sidebar-bottom{display:none}.nav-main{display:flex;gap:5px;margin-top:12px}.nav-main a{font-size:11px;padding:7px 10px;gap:7px;min-height:32px}.nav-main a svg{width:15px;height:15px}main{margin-left:0;padding:0 22px}.topbar{min-height:65px}.top-actions{gap:12px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 7px}.connection{font-size:11px}.button-small{font-size:11px;min-height:35px}.page-heading{margin:29px 0 23px}.eyebrow{font-size:11px}h1{font-size:29px;letter-spacing:-1px}.page-heading p{font-size:11px}.notice{padding:13px 14px;gap:9px;margin-bottom:23px}.notice p{font-size:11px}.readings-heading{align-items:flex-start}.readings-heading h2{font-size:12px;gap:7px;flex-wrap:wrap}.last-upload{font-size:11px;max-width:155px}.mini-label{font-size:11px}.sensor-grid{gap:13px}.sensor-card{padding:19px 16px}.sensor-card h3{font-size:11px}.reading-value{font-size:34px}.reading-unit{font-size:11px}.reading-status{font-size:11px}.card-top{margin-bottom:16px}.card-limits{font-size:11px}.reading-footnote{font-size:11px;margin-top:12px}.history-panel{margin-top:27px;padding:22px 17px 0;border-radius:14px;scroll-margin-top:125px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px}.section-heading{gap:12px}.history-controls{margin-top:20px;gap:12px}.sensor-tabs{gap:3px}.sensor-tab{font-size:11px;padding:7px 10px}.range-control{width:100%}.range-control button{flex:1;font-size:11px}.chart-wrap{height:250px}.chart-meta{align-items:flex-start}.chart-meta strong{font-size:11px}.reference-toggle{font-size:11px}.chart-tick{font-size:11px}.history-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.history-stats>div{padding:0 16px}.history-stats>div:nth-child(2){border-right:0}.history-stats>div:nth-child(3){padding-left:0}.history-stats strong{font-size:20px}.chart-note{margin:0 -17px;padding:11px 17px;font-size:11px}.sensor-details{margin-top:30px;scroll-margin-top:125px}.outlined-label{display:none}.details-grid{gap:12px}.detail-card{padding:16px}.detail-card p{font-size:11px;min-height:53px}.detail-card h3{font-size:11px}.detail-thresholds strong{font-size:13px}.reference-note{font-size:11px}.page-footer{gap:10px;padding-bottom:23px}.page-footer>span{display:none}.page-footer>a:last-child{margin-left:auto;font-size:11px}.chart-caption{font-size:11px;gap:5px}}@media(max-width:420px){main{padding:0 16px}.sidebar{padding-left:16px;padding-right:16px}.nav-main a{padding:7px 8px;font-size:11px}.top-actions{gap:8px}.connection{font-size:11px;gap:5px}.breadcrumb{font-size:11px}.button-small{font-size:11px;padding:7px 9px}h1{font-size:26px}.sensor-grid{grid-template-columns:1fr}.sensor-card{padding:21px 22px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.card-top{grid-column:1/-1;margin-bottom:13px}.sensor-card h3{grid-column:1}.value-line,.reading-status{grid-column:1}.reading-value{font-size:38px}.reading-unit{font-size:11px}.reading-status{font-size:11px}.sparkline{grid-column:2;grid-row:3/5;height:55px;margin:4px 0 0;align-self:center}.card-meter{grid-column:1/-1;margin-top:6px}.card-limits{font-size:11px}.readings-heading{flex-wrap:wrap;gap:5px}.last-upload{max-width:none;text-align:left;font-size:11px}.notice{align-items:flex-start}.notice>svg{margin-top:2px}.notice .button{margin-top:5px}.notice{flex-wrap:wrap}.details-grid{grid-template-columns:1fr}.detail-card p{min-height:0}.detail-thresholds{justify-content:flex-start;gap:35px}.history-panel{padding:20px 13px 0}.history-panel .section-heading .eyebrow{font-size:11px}.section-heading h2{font-size:18px}.sensor-tab{font-size:11px;padding:7px 8px}.chart-note{margin:0 -13px;padding:10px 13px}.reference-toggle{font-size:11px;gap:4px}.chart-meta strong{font-size:11px}.reference-toggle input{width:11px;height:11px}.chart-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.card-limits{flex-wrap:wrap;white-space:normal}.chart-meta{flex-wrap:wrap;row-gap:8px}@media(max-width:420px){.nav-main a{flex:1;justify-content:center;padding:8px 5px}.nav-main a svg{display:none}.breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between}}
:root{--muted:#607577}.reading-unit,.reading-status,.sensor-code,.card-limits,.reading-footnote,.last-upload,.mini-label,.section-heading p,.reference-toggle,.chart-meta #chart-unit,.chart-caption,.history-stats span,.history-stats strong small,.detail-card p,.detail-tag,.detail-thresholds span,.reference-note,.page-footer,.outlined-label,.sidebar-bottom>a,.read-only,.nav-label,.breadcrumb,.breadcrumb strong,.range-control button,.sensor-tab{color:#607577}.eyebrow{color:#47736c}.chart-tick{fill:#607577;font-size:11px}.notice p{color:#7d694b}.chart-note{color:#806236}.empty-mark{color:#608b7a}.chart-empty p{color:#607577}.connection.stale,.connection.delayed{color:#8f6118}
#chart-hit:focus-visible{outline:none;stroke:#6cb5a4;stroke-width:2}