:root{
  --ground:#E9EFF1; --surface:#FBFCFC; --surface-2:#F2F6F7; --sunk:#E4ECEE;
  --ink:#0F2027; --ink-2:#33505B; --muted:#63808B; --rule:#D2DDE0; --rule-2:#E2EAEC;
  --accent:#0B6E7A; --water:#3E8FA6; --water-fill:#3e8fa62e;
  --clear:#0ca30c; --shallow:#fab219; --deep:#ec835a; --shut:#d03b3b;
  --clear-bg:#0ca30c1c; --shallow-bg:#fab2192e; --deep-bg:#ec835a2e; --shut-bg:#d03b3b24;
  --clear-ink:#0B6B12; --shut-ink:#A32A2A; --warn-ink:#9A4A12;
  --shadow:0 1px 2px #0f202710,0 6px 18px #0f20270d;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --display:"Bitter",Georgia,"Times New Roman",serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0C171B; --surface:#132329; --surface-2:#182D34; --sunk:#0F1F25;
  --ink:#E8EFF1; --ink-2:#B4C7CD; --muted:#8AA3AC; --rule:#26404A; --rule-2:#1E353D;
  --accent:#4FB3C0; --water:#5AA8BF; --water-fill:#5aa8bf2e;
  --clear-bg:#0ca30c26; --shallow-bg:#fab2192b; --deep-bg:#ec835a2b; --shut-bg:#d03b3b30;
  --clear-ink:#63D46B; --shut-ink:#F28B82; --warn-ink:#F0A36F;
  --shadow:0 1px 2px #0006,0 8px 22px #0000004d;
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --ground:#0C171B; --surface:#132329; --surface-2:#182D34; --sunk:#0F1F25;
  --ink:#E8EFF1; --ink-2:#B4C7CD; --muted:#8AA3AC; --rule:#26404A; --rule-2:#1E353D;
  --accent:#4FB3C0; --water:#5AA8BF; --water-fill:#5aa8bf2e;
  --clear-bg:#0ca30c26; --shallow-bg:#fab2192b; --deep-bg:#ec835a2b; --shut-bg:#d03b3b30;
  --clear-ink:#63D46B; --shut-ink:#F28B82; --warn-ink:#F0A36F;
  --shadow:0 1px 2px #0006,0 8px 22px #0000004d;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;
  line-height:1.5;-webkit-font-smoothing:antialiased}
.page{max-width:460px;margin:0 auto;padding:22px 16px 40px}
.brand{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1{font-family:var(--display);font-size:24px;line-height:1.15;margin:3px 0 0;letter-spacing:-.01em;font-weight:700}
.fresh{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:22px;line-height:1.65}
.fresh .warn{color:var(--warn-ink)}
.loading{font-family:var(--mono);font-size:13px;color:var(--muted);padding:48px 0;text-align:center}
.err{background:var(--shut-bg);border:1px solid #d03b3b55;border-radius:12px;padding:14px 16px;font-size:14.5px;margin-top:16px}
.err b{font-family:var(--display)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.statusline{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--ink-2);line-height:1.4}
.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:99px;font-size:14px;font-weight:600;color:var(--ink)}
.badge .ic{width:17px;height:17px;stroke-width:2.2}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.pill.nearpill{border:1.5px dashed var(--muted);color:var(--ink-2);font-weight:500;padding:3px 9px}
.ic{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.hiline{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.hiline .hilab{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink-2)}
.hiline .hilab .ic{width:14px;height:14px}
.hiline b{font-family:var(--mono);font-weight:600;color:var(--ink-2)}