:root{--paper:#f3f7fb;--ink:#1b2b3a;--muted:#536779;--line:#ccd8e3;--blue:#2556c6;--blue-pale:#e7effb;--amber:#895a08;--body:"Segoe UI","Microsoft YaHei",sans-serif;--digits:"Bahnschrift","Arial Narrow",sans-serif;--utility:"Cascadia Mono",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}button,input,a{font:inherit}button,a,input{touch-action:manipulation}button,a{outline-offset:5px}button{cursor:pointer;min-height:44px;padding:.55rem 1rem;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}button:hover{border-color:var(--blue)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6a94ef}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}.page{max-width:1056px;margin:auto;padding:42px 36px 28px}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font:11px var(--utility);letter-spacing:.12em;color:var(--muted);margin-bottom:8px}h1{font-size:32px;font-weight:600;letter-spacing:-.02em}.title-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 0 4px 12px;background:var(--blue)}.quiet{border:0;background:none;color:var(--muted);font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:5px}.connection{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:13px}.connection button{margin-left:auto;font-size:13px;padding:.3rem .85rem}.contact-dot{width:7px;height:7px;border-radius:50%;background:#8594a3;flex:none}.contact-dot.reachable{background:var(--blue)}.request-note{min-height:26px;font-size:12px;padding-top:6px;color:var(--amber)}.readings{display:grid;grid-template-columns:repeat(3,1fr);margin:5px 0 22px}.instrument{padding:18px 24px;border-left:1px solid var(--line);position:relative}.instrument:first-child{border-left:0;padding-left:0}.instrument:last-child{padding-right:0}.metric-label{font-weight:600;font-size:14px}.metric-label>span{font:11px var(--utility);color:var(--muted);margin-left:5px}.metric-reading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:9px 0 4px}.metric-reading strong{font:60px/1.15 var(--digits);font-variant-numeric:tabular-nums;letter-spacing:-.055em}.metric-state{font-size:11px;color:var(--muted);white-space:nowrap}.metric-state[data-state=delayed],.metric-state[data-state=offline],.metric-state[data-state=clock_error]{color:var(--amber)}.received{font-size:11px;color:var(--muted);max-width:240px}.context-note{font-size:12px;color:var(--muted);max-width:750px;margin-bottom:46px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}h2{font-size:21px;font-weight:600}.range-buttons{display:flex;gap:6px;flex-wrap:wrap}.range-buttons button{font-size:12px;min-height:38px;padding:.4rem .9rem;background:transparent}.range-buttons [aria-pressed=true],.range-buttons [aria-expanded=true]{background:var(--blue-pale);color:var(--blue);border-color:#a2b8e9}.fine-print{font-size:11px;color:var(--muted)}#timezone{margin-top:12px}#history-note{min-height:30px;padding-top:6px}h3{font-size:13px;font-weight:600;margin:16px 0 6px}h3>span{font-weight:400;font-size:11px;color:var(--muted);margin-left:5px}.chart-block{padding:8px 0 18px;border-bottom:1px solid var(--line)}.chart{min-height:180px;max-width:100%;font-size:12px;color:var(--muted);overflow:hidden}.chart-summary{font-size:11px;color:var(--muted);min-height:18px;margin-top:6px}.u-legend{font-size:11px!important}.u-title{font-size:13px!important}footer{margin-top:34px;color:var(--muted);font-size:12px}footer>p{margin-top:6px}label{display:flex;flex-direction:column;gap:6px;font-size:12px}input{width:100%;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);min-height:46px;padding:10px}#custom-range{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin:16px 0}#custom-range[hidden]{display:none}#custom-range label{flex:1;min-width:140px}#custom-range button{font-size:12px}.login-page{width:min(440px,100%);margin:12vh auto 0;padding:32px}.login-page h1{font-size:36px;line-height:1.4;letter-spacing:-.035em}.login-intro{font-size:13px;color:var(--muted);margin:18px 0 28px}#login-form{display:grid;gap:17px}#login-form button{background:var(--blue);color:#fff;border-color:var(--blue);margin-top:4px}#login-note{font-size:12px;min-height:24px;color:var(--amber)}.login-page>.fine-print{margin-top:24px}
@media(max-width:650px){.page{padding:26px 21px}.masthead{margin-bottom:20px}h1{font-size:27px}.readings{grid-template-columns:1fr;margin:0 0 18px}.instrument,.instrument:first-child,.instrument:last-child{display:grid;grid-template-columns:115px 1fr;padding:19px 0;border-left:0;border-bottom:1px solid var(--line);align-items:center}.metric-reading{margin:0;justify-content:flex-end;gap:12px}.metric-reading strong{font-size:55px}.metric-label{font-size:13px;line-height:1.8}.metric-label>span{display:block;margin-left:0}.received{grid-column:1/-1;max-width:none;text-align:right;margin-top:4px;font-size:11px}.context-note{margin-bottom:32px;font-size:11px}.connection{font-size:12px}.connection p{max-width:220px}.metric-state{font-size:10px}.login-page{margin-top:7vh}.chart{min-height:170px}.range-buttons{gap:5px}.range-buttons button{padding:.45rem .75rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}