@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--ground:#f2f2ef;--surface:#fff;--surface-sunk:#edeee9;--ink:#17191a;--muted:#5e6265;--line:#ddded8;--line-strong:#c6c8c2;--primary:#1d5c7a;--primary-dark:#164759;--primary-tint:#f2f7fa;--on-primary:#fff;--on-primary-soft:#bfd6e0;--alert:#b33a2b;--alert-bg:#fcf3f1;--alert-line:#e3b7ae;--alert-ink:#7e2f23;--ok:#2f6e4e;--warn-bg:#fbf4e8;--warn-line:#e2d3b2;--warn-ink:#4a3c0e;--radius:12px;--radius-lg:16px;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--ground);color:var(--ink);overscroll-behavior:none;margin:0;font-size:17px}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.screen{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--ink);color:#fff;min-height:64px;padding:10px 24px;padding-top:max(10px, env(safe-area-inset-top));flex:none;align-items:center;gap:14px;display:flex}.topbar__title{font-size:17px;font-weight:600}.topbar__meta{color:#b9bcbd;font-size:15px}.topbar__sep{background:#3a3d3e;width:1px;height:20px}.topbar__back{color:var(--on-primary-soft);background:0 0;border:0;padding:8px 4px;font-size:16px}.body{padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:auto;gap:18px;display:flex}.spacer{flex:auto}.row{align-items:center;gap:14px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.h1{letter-spacing:-.01em;margin:0;font-size:34px;font-weight:700}.h2{margin:0;font-size:22px;font-weight:600}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:15px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px}.notice{border-radius:var(--radius);background:var(--surface-sunk);color:#4a4e50;align-items:flex-start;gap:12px;padding:14px 18px;font-size:15px;line-height:1.5;display:flex}.notice--warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink)}.notice--alert{background:var(--alert-bg);border:1px solid var(--alert-line);color:var(--alert-ink)}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);justify-content:center;align-items:center;gap:10px;min-height:60px;padding:0 24px;font-size:17px;font-weight:600;display:inline-flex}.btn:active{background:#f0f1ec}.btn--primary{background:var(--primary);color:var(--on-primary);border-color:#0000}.btn--primary:active{background:var(--primary-dark)}.btn--lg{min-height:84px;font-size:22px}.btn--xl{min-height:104px;font-size:26px}.btn--block{width:100%}.btn--quiet{color:var(--primary);background:0 0;border-color:#0000}.btn[disabled]{opacity:.45;pointer-events:none}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:24px;min-height:46px;padding:0 18px;font-size:15px;font-weight:600}.chip--on{border-color:var(--primary);background:var(--primary-tint)}.field{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:62px;padding:0 18px;font-size:20px}.field:focus{outline:2px solid var(--primary);outline-offset:1px}.field--num{font-family:var(--mono);text-align:right;font-size:30px;font-weight:600}.bar{background:#e6e7e2;border-radius:6px;height:12px;overflow:hidden}.bar__fill{background:var(--primary);border-radius:6px;height:100%}.reading{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;align-items:center;gap:16px;width:100%;min-height:74px;padding:10px 20px;display:flex}.reading--flag{background:var(--alert-bg);border:2px solid var(--alert)}.reading__name{flex:none;width:190px;font-size:18px;font-weight:600}.reading__value{width:150px;font-family:var(--mono);text-align:right;flex:none;font-size:28px;font-weight:600}.reading__unit{width:68px;color:var(--muted);flex:none;font-size:15px}.reading__note{color:var(--muted);flex:auto;font-size:15px}.reading__note--flag{color:var(--alert);font-weight:600}.reading--flag .reading__value{color:var(--alert)}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.list__row{text-align:left;background:0 0;border:0;border-top:1px solid #e8e9e4;align-items:center;gap:16px;width:100%;min-height:68px;padding:10px 20px;font-size:17px;display:flex}.list__row:first-child{border-top:0}.list__row:active{background:#f7f8f4}.centered{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:22px;display:flex}.badge{border-radius:19px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.badge--warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink)}.badge--ok{color:var(--ok);background:#eef5f0;border:1px solid #c3dbcd}.dot{background:currentColor;border-radius:5px;width:9px;height:9px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}