:root{--surface: rgba(28, 28, 30, .82);--surface-card: rgba(44, 44, 46, .55);--surface-hover: rgba(72, 72, 74, .65);--ink: #f2f2f7;--ink-dim: rgba(235, 235, 245, .62);--accent: #32ade6;--accent-ink: #0b2b3a;--stroke: rgba(255, 255, 255, .1);--radius: 14px;--radius-sm: 9px;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--panel-width: 300px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--rounded: ui-rounded, -apple-system, "SF Pro Rounded", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#101014;color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}#map{position:absolute;inset:0}#readout[hidden],#forecast[hidden],#search-results[hidden],#crosshair[hidden],#barb-level-row[hidden],#snow-windows[hidden]{display:none}#topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:5}#topbar>*{pointer-events:auto}#brand{font-family:var(--rounded);font-weight:700;font-size:19px;letter-spacing:.2px;padding:8px 14px;background:var(--surface);border:1px solid var(--stroke);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}#search-wrap{position:relative;width:320px}#search{width:100%;padding:10px 14px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--stroke);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(20px);outline:none}#search::placeholder{color:var(--ink-dim)}#search:focus{border-color:var(--accent)}#search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}#search-results li{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;gap:10px}#search-results li:hover,#search-results li[aria-selected=true]{background:var(--surface-hover)}#search-results .kind{color:var(--ink-dim);font-size:12px;text-transform:capitalize}#readout{margin-left:auto;display:flex;align-items:baseline;gap:6px;padding:8px 14px;background:var(--surface);border:1px solid var(--stroke);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(20px);font-family:var(--rounded)}#readout .value{font-size:20px;font-weight:700}#readout .unit{font-size:13px;color:var(--ink-dim)}#readout .label{font-size:12px;color:var(--ink-dim);margin-right:2px}#panel{position:absolute;top:68px;left:14px;bottom:150px;width:var(--panel-width);display:flex;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:4;transition:transform .22s ease,opacity .22s ease}#panel[hidden]{display:flex;transform:translate(calc(-1 * var(--panel-width) - 20px));opacity:0;pointer-events:none}.panel-scroll{overflow-y:auto;padding:14px;width:100%}#panel section+section{margin-top:18px;padding-top:16px;border-top:1px solid var(--stroke)}#panel h2{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-dim)}.section-head{display:flex;align-items:baseline;justify-content:space-between}#panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;color:var(--ink-dim)}#panel select,#panel input[type=range]{accent-color:var(--accent)}#panel select{font:inherit;color:var(--ink);background:var(--surface-card);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:5px 8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips.tight{gap:4px}.chip{font:inherit;font-size:12.5px;color:var(--ink);background:var(--surface-card);border:1px solid var(--stroke);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .12s ease,color .12s ease}.chip:hover:not(:disabled){background:var(--surface-hover)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600;border-color:transparent}.chip:disabled{opacity:.35;cursor:default}.fill-group{margin-bottom:10px}.fill-group>h3{margin:0 0 5px;font-size:11px;font-weight:600;color:var(--ink-dim)}button.link{font:inherit;font-size:12px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer}#tool-rail{position:absolute;top:74px;right:14px;display:flex;flex-direction:column;gap:10px;z-index:6}#tool-rail button{width:40px;height:40px;font-size:17px;color:var(--ink);background:var(--surface);border:1px solid var(--stroke);border-radius:50%;box-shadow:var(--shadow);backdrop-filter:blur(20px);cursor:pointer;transition:background .12s ease,color .12s ease}#tool-rail button:hover{background:var(--surface-hover)}#tool-rail button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:transparent}#legend{position:absolute;right:14px;bottom:150px;margin-top:60px;width:220px;padding:10px 12px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:4}#legend h3{margin:0 0 8px;font-size:12px;font-weight:600;display:flex;justify-content:space-between}#legend .unit{color:var(--ink-dim);font-weight:400}#legend .bar{height:12px;border-radius:3px;border:1px solid var(--stroke)}#legend .ticks{position:relative;height:15px;margin-top:3px;font-size:10px;color:var(--ink-dim)}#legend .ticks span{position:absolute;transform:translate(-50%);white-space:nowrap}#timeline{position:absolute;left:50%;transform:translate(-50%);bottom:18px;width:min(720px,calc(100% - 28px));padding:10px 16px 12px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:4}#timeline-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}#time-label{margin-left:auto;font-family:var(--rounded);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}#scrub{width:100%;accent-color:var(--accent)}#ticks{position:relative;height:14px;font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums}#ticks span{position:absolute;transform:translate(-50%)}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}#crosshair .ring{display:block;width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,59,48,.95);box-shadow:0 0 0 1.5px #00000073}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{z-index:1}.mapboxgl-ctrl-attrib{font-size:10px}@media(max-width:720px){#panel{inset:62px 8px 200px;width:auto}#panel[hidden]{transform:translateY(-12px)}#search-wrap{width:auto;flex:1}#brand,#readout,#legend{display:none}#forecast{left:8px;right:8px;width:auto}}#dock{position:absolute;left:50%;transform:translate(-50%);bottom:104px;width:min(1000px,calc(100% - 28px));padding:8px 14px 12px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);z-index:6}#dock[hidden]{display:none}#dock-head{display:flex;align-items:center;gap:14px;min-height:24px}#dock-tabs{display:flex;gap:4px;flex-shrink:0}.dock-title{font-family:var(--rounded);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-dim)}.dock-tab{font:inherit;font-size:12px;font-weight:600;color:var(--ink-dim);background:none;border:0;border-radius:var(--radius-sm);padding:4px 9px;cursor:pointer}.dock-tab:hover{background:var(--surface-card);color:var(--ink)}.dock-tab[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}#dock-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-variant-numeric:tabular-nums;overflow:hidden}#dock-actions{margin-left:auto;display:flex;gap:12px;flex-shrink:0}.pane[hidden]{display:none}#ms-stats{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;margin-top:6px}.ms-stat{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.ms-stat-label{font-size:11px;color:var(--ink-dim)}.ms-stat-value{font-family:var(--rounded);font-size:14px;font-weight:600}.ms-hint{font-size:12px;color:var(--ink-dim)}#ms-score{display:flex;align-items:baseline;gap:10px;margin-top:8px;font-variant-numeric:tabular-nums}#ms-score:empty{display:none}.ms-score-points{font-family:var(--rounded);font-size:22px;font-weight:700;color:#bb87ff}.ms-score-name{font-size:13px;font-weight:600}.ms-score-mult{color:var(--ink-dim);font-weight:400}.ms-score-dist,.ms-score-close{font-size:12px;color:var(--ink-dim)}#ms-profile{display:block;width:100%;height:110px;margin-top:8px;cursor:crosshair}#ms-legs{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:11.5px;font-variant-numeric:tabular-nums}#ms-legs:empty{display:none}.ms-leg{display:flex;align-items:baseline;gap:6px}.ms-leg-n{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--surface-card);font-size:9.5px;color:var(--ink-dim)}.ms-leg-dim{color:var(--ink-dim)}#ch-xsection{display:block;width:100%;height:210px;margin-top:8px;cursor:crosshair}#ch-meteogram{display:block;width:100%;height:132px;margin-top:4px;cursor:crosshair}#ch-empty{padding:14px 2px}.ch-when{font-family:var(--rounded);font-size:12px;font-weight:700;color:var(--ink);flex-shrink:0}.ch-stat{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.ch-stat-label{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.4px}.ch-stat-value{font-family:var(--rounded);font-size:13px;font-weight:600}#measure-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:transparent}@media(max-width:720px){#dock{left:8px;right:8px;width:auto;transform:none;bottom:96px}#ms-profile{height:80px}#ch-xsection{height:160px}#ch-meteogram{height:110px}}