:root{--bg:#f5f7f8;--surface:#fff;--border:#d3dade;--text:#10242c;--muted:#56666e;--accent:#0e4c63;--accent-text:#fff;--stale-bg:#fdf3e0;--stale-border:#c68a12;--stale-text:#6b4a05;--danger-bg:#fdeaea;--danger-border:#a32020;--danger-text:#7d1919;--ok:#1c6b3f;--tap:44px}@media (prefers-color-scheme:dark){:root{--bg:#0d1418;--surface:#16232a;--border:#2c3d46;--text:#e8eef1;--muted:#9fb0b8;--accent:#47a3c4;--accent-text:#06222e;--stale-bg:#3a2c0c;--stale-border:#d8a12a;--stale-text:#f5d99a;--danger-bg:#3b1616;--danger-border:#e06666;--danger-text:#f4c2c2;--ok:#63c58e}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overflow-wrap:break-word;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}main{max-width:680px;margin:0 auto;padding:12px 12px 32px}h1{margin:0 0 4px;font-size:1.25rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px;font-size:1rem}a{color:var(--accent)}.topbar{background:var(--accent);color:var(--accent-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.topbar a,.topbar button{color:var(--accent-text)}.topbar .btn.secondary{color:var(--accent-text);border-color:var(--accent-text)}.brand{font-weight:700;text-decoration:none}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{min-height:var(--tap);background:#ffffff1f;border-radius:8px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.whoami{opacity:.9;width:100%;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reading{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;padding:10px}.reading.is-stale,.reading.is-invalid{background:var(--stale-bg);border-color:var(--stale-border)}.reading .label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem}.reading .value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.reading .unit{color:var(--muted);margin-left:2px;font-size:.9rem;font-weight:400}.reading .age{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.reading.is-stale .age,.reading.is-invalid .age{color:var(--stale-text)}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--stale-border);background:var(--stale-bg);color:var(--stale-text);border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-block}.badge.critical{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.banner{border:1px solid var(--stale-border);background:var(--stale-bg);color:var(--stale-text);border-radius:10px;margin-bottom:10px;padding:12px}.banner.critical{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.muted{color:var(--muted);font-size:.85rem}.mono{font-variant-numeric:tabular-nums}.btn{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-family:inherit;font-size:1rem;display:inline-flex}.btn.secondary{color:var(--accent);background:0 0}.btn[disabled]{opacity:.55;cursor:progress}.field{margin-bottom:10px;display:block}.field span{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}input,select{width:100%;min-height:var(--tap);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:1rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list{margin:0;padding:0;list-style:none}table.audit{border-collapse:collapse;width:100%;font-size:.85rem}
