:root{--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#d6dbe3;--line-soft:#e6e9ef;--bg:#f3f5f8;--card:#fff;--accent:#0f172a;--pos:#b2182b;--neg:#2166ac;--warn-bg:#fff7e6;--warn-line:#eec171;--warn-ink:#6b4100;--radius:10px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,select,input{font:inherit;color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(90deg,#2166ac 0%,#92c5de 30%,#f7f7f7 50%,#f4a582 70%,#b2182b 100%);border-radius:7px;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff40}.brand-name{letter-spacing:.01em;font-size:16px;font-weight:650}.brand-sub{color:#a5b4c8;font-size:12px}.updated{color:#a5b4c8;font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:20px;width:100%;max-width:1640px;margin:0 auto;padding:16px 20px 8px;display:grid}.map-col{min-width:0}.tabs{scrollbar-width:none;gap:6px;margin:0 0 12px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{cursor:pointer;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:9px;flex-direction:column;flex:none;align-items:flex-start;gap:1px;padding:7px 14px 8px;display:flex}.tab:hover{background:#f1f4f8}.tab-name{font-size:14px;font-weight:650}.tab-sub{color:var(--muted);font-size:11.5px}.tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.tab[aria-selected=true] .tab-sub{color:#a5b4c8}.title{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.35}.map-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#e9ecf0;width:100%;position:relative;overflow:hidden}.map-wrap canvas{display:block}.banner{background:var(--warn-bg);border:1px solid var(--warn-line);width:max-content;max-width:calc(100% - 24px);color:var(--warn-ink);border-radius:8px;padding:8px 14px;font-size:13px;line-height:1.4;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0f172a1f}.banner.info{color:#1e3a6e;background:#eef4ff;border-color:#b8c9ee}.banner button{cursor:pointer;color:inherit;background:#ffffffb3;border:1px solid;border-radius:6px;margin-left:10px;padding:2px 10px;font-size:12.5px}.tooltip{pointer-events:none;z-index:2;color:#fff;font-variant-numeric:tabular-nums;background:#0f172aed;border-radius:8px;min-width:178px;padding:8px 10px;font-size:12px;line-height:1.55;position:absolute;top:0;left:0;box-shadow:0 6px 20px #0f172a40}.tooltip div{justify-content:space-between;gap:14px;display:flex}.tooltip span{color:#b6c2d4}.tooltip .tt-head{margin-bottom:2px;font-weight:600}.tooltip .tt-foot{color:#8796ad;margin-top:2px;font-size:11px}.tooltip b{font-weight:600}.tooltip b.pos{color:#ff9b8f}.tooltip b.neg{color:#8cc2ff}.spinner{border:2px solid #0f172a26;border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute;top:12px;right:12px}@keyframes spin{to{transform:rotate(360deg)}}.colorbar{margin-top:10px}.colorbar svg{width:100%;height:auto;display:block}.colorbar svg.disabled{opacity:.3;filter:grayscale()}.cb-tick{fill:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12.5px}.cb-tick.zero{fill:var(--ink);font-weight:600}.cb-caption{color:var(--muted);text-align:center;margin-top:2px;font-size:12px}.timeline{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;display:grid}.icon-btn{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn:hover:not(:disabled){background:#f1f4f8}.icon-btn:disabled{opacity:.35;cursor:default}.slider-box{padding-bottom:16px;position:relative}.slider-box input{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.ticks{height:14px;position:absolute;bottom:0;left:8px;right:8px}.ticks span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;transform:translate(-50%)}.fhr-readout{font-variant-numeric:tabular-nums;flex-direction:column;min-width:118px;line-height:1.25;display:flex}.fhr-readout strong{font-size:17px}.fhr-readout span{color:var(--ink-2);font-size:12.5px}.panel{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;align-self:start;gap:18px;padding:16px;display:flex;position:sticky;top:16px}.field-label{text-transform:uppercase;letter-spacing:.05em;color:#52627a;margin-bottom:7px;font-size:11.5px;font-weight:650;display:block}select{border:1px solid var(--line);background:var(--card);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:7px;width:100%;padding:8px 10px;font-size:14px}.segmented{border:1px solid var(--line);background:var(--card);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segmented button{border:0;border-left:1px solid var(--line-soft);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;padding:7px 4px;font-size:13px}.segmented button:first-child{border-left:0}.segmented button:hover{background:#f1f4f8}.segmented button[aria-checked=true]{background:var(--accent);color:#fff}.hint{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;border:1px solid var(--line);background:var(--card);font-variant-numeric:tabular-nums;border-radius:999px;min-width:44px;padding:4px 8px;font-size:12.5px}.chip:hover{background:#f1f4f8}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.checks{flex-direction:column;gap:6px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.ptype-legend{font-variant-numeric:tabular-nums;grid-template-columns:96px repeat(10,minmax(0,1fr));align-items:center;gap:2px;padding:2px 0;font-size:12px;display:grid}.ptype-label{color:var(--ink-2);text-align:right;padding-right:6px;font-weight:600}.ptype-swatch{height:12px}.ptype-tick{color:var(--muted);justify-self:start;padding-top:2px;font-size:11.5px;transform:translate(-50%)}.stats{flex-direction:column;gap:6px;font-size:13px;display:flex}.stats:empty{display:none}.stats div{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto;column-gap:8px;padding-bottom:6px;display:grid}.stats div:last-child{border-bottom:0;padding-bottom:0}.stats span{color:var(--ink-2)}.stats b{text-align:right;font-variant-numeric:tabular-nums}.stats em{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:11.5px;font-style:normal}.pos{color:var(--pos)}.neg{color:var(--neg)}.explain{color:var(--ink-2);border-top:1px solid var(--line-soft);padding-top:12px;font-size:12.5px;line-height:1.5}.explain p{margin:0 0 8px}.explain p:last-child{margin-bottom:0}.explain #explain-view p:last-child{margin-bottom:10px}.sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:3px;display:inline-block}.legend-row .sw.blue{margin-left:12px}.sw.red{background:var(--pos)}.sw.blue{background:var(--neg)}.sw.green{background:#35978f}.sw.brown{background:#a6611a}.wet{color:#01665e}.dry{color:#8c510a}.tooltip b.wet{color:#7fd6c8}.tooltip b.dry{color:#f0c27b}.note{color:var(--muted);font-size:12px}.keys{color:var(--muted)}kbd{border:1px solid var(--line);text-align:center;background:#f8fafc;border-bottom-width:2px;border-radius:4px;min-width:20px;padding:0 5px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.footer{color:var(--muted);width:100%;max-width:1640px;margin:0 auto;padding:8px 20px 18px;font-size:12px}:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (max-width:980px){.layout{grid-template-columns:minmax(0,1fr)}.panel{position:static}}@media (max-width:640px){.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.tab{text-align:center;align-items:center;padding:7px 4px}.tab-name{font-size:12.5px}.tab-sub{display:none}.ptype-legend{grid-template-columns:64px repeat(10,minmax(0,1fr));font-size:11px}.ptype-tick{font-size:10px}.topbar{padding:10px 16px}.brand-sub{display:none}.layout{gap:14px;padding:12px 16px 8px}.title{font-size:13.5px}.timeline{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.ticks span:nth-child(2n){display:none}.fhr-readout{flex-direction:row;grid-column:1/-1;justify-content:center;align-items:baseline;gap:10px}.footer{padding:8px 16px 16px}}