.map-main{min-height:0;padding:0 clamp(var(--space-5), 2vw, var(--space-8)) clamp(var(--space-5), 2vw, var(--space-8));gap:var(--space-5);flex:auto;grid-template-columns:1fr 400px;min-width:0;transition:grid-template-columns .25s;display:grid}.map-main.attn-collapsed{grid-template-columns:1fr}.map-main.attn-collapsed .attn-pane{display:none}.pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;min-height:480px;display:flex;overflow:hidden}.pane-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);flex:none;display:flex}.pane-eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);align-items:center;gap:8px;font-weight:700;display:flex}.pane-eyebrow .tide-mark{background:var(--tide);width:6px;height:6px;box-shadow:0 0 0 3px var(--tide-dim);border-radius:50%}.attn-count{font-family:var(--font-mono);background:var(--nodata-bg);color:var(--nodata-text);border:1px solid var(--nodata-ring);font-size:var(--text-sm);border-radius:var(--radius-pill);padding:2px 10px;font-weight:700}.attn-count.zero{background:var(--active-bg);color:var(--active-text);border-color:var(--active-ring)}.map-body{background:var(--map-bg);flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}#leafletMap{position:absolute;inset:0}.leaflet-container{background:var(--map-bg);font-family:var(--font-display)}.leaflet-basemap-pane{filter:invert()hue-rotate(180deg)brightness(.94)contrast(.85)saturate(.55)}:root[data-theme=light] .leaflet-basemap-pane{filter:none}.wx-filter-defs{pointer-events:none;position:absolute}.leaflet-control-attribution{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--overlay-bg)!important;color:var(--muted-dim)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--muted)!important}.leaflet-control-layers{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);background:var(--overlay-bg)!important;border:1px solid var(--border-soft)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}:root:not([data-theme=light]) .leaflet-control-layers-toggle{filter:invert()}.leaflet-control-layers label{font-size:var(--text-sm);color:var(--text)}.leaflet-control-layers-separator{border-top:1px solid var(--border-soft)!important}.wx-heading{margin-bottom:8px;font-size:13px;font-weight:700}.leaflet-control-layers-expanded{max-width:250px;padding:12px 14px;background:var(--surface)!important}.leaflet-control-layers label>span{align-items:center;gap:8px;padding:4px 0;display:flex}.leaflet-control-layers label>span>span{align-items:center;gap:8px;display:flex}.leaflet-control-layers input{accent-color:var(--tide);margin:0}.leaflet-control-layers strong{font-size:12px}.leaflet-control-layers small{color:var(--muted);font-size:11px;line-height:1.4;display:block}.wx-swatch{border-radius:3px;flex:0 0 24px;width:24px;height:14px;display:inline-block}.wx-clouds{background:var(--wx-cloud-gradient)}.wx-precip,.wx-rain-scale{background:var(--wx-rain-gradient)}.wx-rain-legend{margin-top:10px}.wx-rain-scale{border-radius:3px;height:8px}.wx-rain-labels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.wx-wind{background:var(--wx-wind-gradient)}.wx-wind-legend{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:11px;display:flex}.wx-wind-legend span{align-items:center;gap:4px;display:flex}.wx-wind-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.wx-storm{border-top:3px dashed var(--critical);background:color-mix(in srgb, var(--critical) 20%, transparent)}.wx-status{border-top:1px solid var(--border-soft);max-width:210px;color:var(--muted);margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.wind-arrow svg,.station-marker svg{width:100%;height:100%;display:block;overflow:visible}.station-marker .ring{fill:none;opacity:0}.station-marker.is-attn .ring{animation:2.6s ease-out infinite sonar}@keyframes sonar{0%{r:14;opacity:.55}to{r:24;opacity:0}}.legend{left:var(--space-4);bottom:var(--space-4);z-index:1000;background:var(--overlay-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--text-xs);color:var(--muted);flex-direction:column;gap:6px;display:flex;position:absolute}.legend-row{align-items:center;gap:8px;display:flex}.legend-swatch{flex:none;width:12px;height:12px;overflow:visible}.legend-swatch svg{width:12px;height:12px;display:block;overflow:visible}.lh-tooltip.leaflet-tooltip{background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);box-shadow:var(--shadow-md);color:var(--text);font-family:var(--font-display);white-space:nowrap}.lh-tooltip.leaflet-tooltip-top:before{border-top-color:var(--surface3)!important}.lh-tooltip .tt-name{margin-bottom:2px;font-weight:700}.lh-tooltip .tt-meta{color:var(--muted);font-family:var(--font-mono);font-size:.92em}.lh-tooltip .tt-wx{color:var(--text);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:1em;line-height:1.5}.attn-body{min-height:0;padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:auto;display:flex}.attn-list{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.attn-row{align-items:center;gap:var(--space-3);background:var(--surface2);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:clamp(8px, 1vw, var(--space-3)) clamp(10px, 1.1vw, var(--space-4));color:inherit;flex:none;grid-template-columns:4px 1fr auto;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.attn-row:hover{border-color:var(--muted-dim);background:var(--surface3)}.attn-bar{border-radius:var(--radius-pill);align-self:stretch}.attn-main{min-width:0}.attn-name{font-weight:600;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attn-reason{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.attn-since{font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);text-align:right;white-space:nowrap}.since-fresh{color:var(--sev-fresh)}.since-stale{color:var(--sev-stale)}.since-verystale{color:var(--sev-verystale)}.since-old{color:var(--sev-old)}.since-ancient{color:var(--sev-ancient)}.since-unknown{color:var(--muted)}.attn-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);color:var(--active-text);flex-direction:column;flex:auto;display:flex}.attn-empty .big-check{width:44px;height:44px}.attn-empty .headline{font-size:var(--text-lg);font-weight:700}.attn-empty .sub{font-size:var(--text-sm);color:var(--muted)}.attn-pager{padding-top:var(--space-3);flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.attn-pager .page-dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.attn-pager .page-dot.active{background:var(--tide);transform:scale(1.3)}.toast-autofade{animation:5s forwards toast-fade}@keyframes toast-fade{0%,85%{opacity:1}to{opacity:0}}@media (max-width:980px){.map-main{grid-template-columns:1fr}}