:root{--bg:#fbfaf7;--ink:#1f2a2e;--muted:#5f6b70;--line:#d9d6cd;--accent:#01665e;--shadow:0 1px 2px #00000014, 0 6px 20px #0000001f;color:var(--ink);font-family:Figtree,Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1d2427;--ink:#e8ecec;--muted:#9aa7ab;--line:#384347;--accent:#80cdc1}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0}#map{position:fixed;inset:0}#panel,#legend,#card{background:var(--bg);box-shadow:var(--shadow);z-index:2;border-radius:12px;padding:14px 16px;position:absolute}#panel{width:min(340px,100vw - 24px);top:12px;left:12px}#panel h1{margin:0 0 2px;font-size:1.15rem}#panel .sub{color:var(--muted);margin:0 0 12px;font-size:.82rem}#status{color:var(--muted);margin-top:10px;font-size:.74rem}#season-toggle{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}#season-toggle button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:center;padding:6px 2px;line-height:1.2;display:flex}#season-toggle button strong{font-size:.95rem}#season-toggle button span{color:var(--muted);font-size:.68rem}#season-toggle button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}#season-toggle button[aria-pressed=true] span{color:inherit;opacity:.85}#season-toggle button:disabled{opacity:.4;cursor:not-allowed}#season-toggle button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#legend{width:min(300px,100vw - 24px);bottom:28px;left:12px}#legend h2{margin:0 0 8px;font-size:.8rem}#legend .ramp{border:1px solid var(--line);border-radius:3px;height:12px}#legend .ticks{height:16px;color:var(--muted);font-size:.68rem;position:relative}#legend .ticks span{position:absolute;top:2px;transform:translate(-50%)}#legend .ticks span:first-child{transform:none}#legend .ticks span:last-child{transform:translate(-100%)}#legend .ends{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:.7rem;display:flex}#legend .sig{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:.7rem;display:flex}#legend .sig i{opacity:.35;background:#35978f;border-radius:2px;flex:none;width:14px;height:10px}@media (max-width:640px){#legend{width:calc(100vw - 80px);padding:10px 12px;bottom:8px;left:8px}}#card{width:min(330px,100vw - 24px);max-height:calc(100vh - 24px);top:12px;right:12px;overflow:auto}#card[hidden]{display:none}#card h2{margin:0;padding-right:24px;font-size:1rem}#card h3{margin:14px 0 2px;font-size:.82rem}#card .when,#card .fine,#card .note{color:var(--muted);margin:2px 0 8px;font-size:.74rem}#card .fine{margin:2px 0 0}#card .close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.4rem;line-height:1;position:absolute;top:8px;right:10px}#card .pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}#card .pair div{flex-direction:column;display:flex}#card .k{color:var(--muted);font-size:.72rem}#card .v{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}#card .delta{margin:8px 0 2px;font-size:1.05rem;font-weight:700}#card .delta span{color:var(--muted);font-size:.78rem;font-weight:500}#card .delta.wet{color:#01665e}#card .delta.dry{color:#8c510a}@media (prefers-color-scheme:dark){#card .delta.wet{color:#80cdc1}#card .delta.dry{color:#dfc27d}}#card .sig{color:var(--muted);margin:2px 0;font-size:.74rem}#card .sig.ok{color:var(--ink)}#card .tag{text-transform:uppercase;letter-spacing:.04em;color:#3a2a05;background:#dfc27d;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.62rem}@media (max-width:640px){#card{width:auto;max-height:55vh;inset:auto 8px 8px}body:has(#card:not([hidden])) #legend{display:none}}#event-picker{margin-bottom:10px}#event-picker label{color:var(--muted);margin-bottom:3px;font-size:.72rem;display:block}#event-picker select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-size:.9rem}#event-picker .note{color:#3a2a05;background:#f6e8c3;border-radius:6px;margin:8px 0 0;padding:6px 8px;font-size:.74rem;line-height:1.35}@media (prefers-color-scheme:dark){#event-picker .note{color:#f6e8c3;background:#4a3d1a}}#legend.single .sig{display:none}