/* ---- DARK theme (default) ---- */
:root, [data-theme="dark"] {
  --ch-bg:#0b0e14; --ch-text:#e6edf3; --ch-muted:#9aa;
  --ch-surface:rgba(18,23,33,0.92); --ch-input-bg:#11161f; --ch-border:#2a3340;
  --ch-sig-hot:#ff453a; --ch-sig-warm:#ff9f0a; --ch-sig-mid:#ffd60a; --ch-sig-cool:#40c8ff; --ch-sig-cold:#5e7bff; --ch-sig-none:#5b6675;
}
/* ---- LIGHT theme ---- */
[data-theme="light"] {
  --ch-bg:#f4f1ea; --ch-text:#1b2430; --ch-muted:#5a6675;
  --ch-surface:rgba(255,252,245,0.92); --ch-input-bg:#fffcf5; --ch-border:#cfc8b8;
  --ch-sig-hot:#d11f1f; --ch-sig-warm:#e07000; --ch-sig-mid:#c79100; --ch-sig-cool:#1577c0; --ch-sig-cold:#3a44b8; --ch-sig-none:#9aa3ad;
}
* { box-sizing: border-box; }
html,body { margin:0; height:100%; background:var(--ch-bg); color:var(--ch-text); font-family:system-ui,sans-serif; }
#bar { position:fixed; top:0; left:0; right:0; z-index:600; display:flex; gap:8px; align-items:center; flex-wrap:wrap;
  padding:8px 12px; background:var(--ch-surface); backdrop-filter:blur(8px); font-size:14px; }
#bar select, #bar input, #bar button { background:var(--ch-input-bg); color:var(--ch-text); border:1px solid var(--ch-border); border-radius:6px; padding:5px 8px; font:inherit; }
#bar button { cursor:pointer; }
#status { color:var(--ch-muted); margin-left:auto; }
#ch-version { color:var(--ch-muted); font-size:12px; }
#map { position:fixed; inset:0; top:48px; }