.radar-page.svelte-pqomkj{position:relative;min-height:calc(100vh - var(--app-header-height));background:#111827;overflow:hidden}.radar-page.svelte-pqomkj:fullscreen{min-height:100dvh}@supports (height: 100dvh){.radar-page.svelte-pqomkj{min-height:calc(100dvh - var(--app-header-height))}}.radar-map.svelte-pqomkj{height:calc(100vh - var(--app-header-height));width:100vw}@supports (height: 100dvh){.radar-map.svelte-pqomkj{height:calc(100dvh - var(--app-header-height))}}.radar-page.svelte-pqomkj:fullscreen .radar-map:where(.svelte-pqomkj){height:100dvh}.radar-status-panel.svelte-pqomkj,.radar-controls-panel.svelte-pqomkj{position:absolute;z-index:10;border:1px solid rgb(255 255 255 / .14);background:#07111de0;color:#e2e8f0;box-shadow:0 16px 40px #00000047,0 4px 14px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.radar-status-panel.svelte-pqomkj{top:.75rem;right:.75rem;width:min(19rem,calc(100vw - 1.5rem));border-radius:8px;padding:.65rem}.radar-controls-panel.svelte-pqomkj{bottom:.5rem;left:50%;width:min(58rem,calc(100vw - 1rem));transform:translate(-50%);border-radius:8px;padding:.45rem}.radar-icon-button.svelte-pqomkj,.radar-play-button.svelte-pqomkj,.radar-now-button.svelte-pqomkj{min-height:1.65rem;border:1px solid rgb(255 255 255 / .14);border-radius:6px;background:#ffffff0f;color:#f8fafc;font-weight:800;transition:background .12s ease,border-color .12s ease}.radar-icon-button.svelte-pqomkj{width:1.65rem}.radar-play-button.svelte-pqomkj,.radar-now-button.svelte-pqomkj{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .55rem}.radar-play-button.svelte-pqomkj{background:#2563eb;border-color:#60a5fa}.radar-now-button.svelte-pqomkj{background:#0ea5e938}.radar-now-short.svelte-pqomkj{display:none}.radar-icon-button.svelte-pqomkj:hover:not(:disabled),.radar-play-button.svelte-pqomkj:hover:not(:disabled),.radar-now-button.svelte-pqomkj:hover:not(:disabled){border-color:#7dd3fc;background:#0ea5e938}.radar-icon-button.svelte-pqomkj:focus-visible,.radar-play-button.svelte-pqomkj:focus-visible,.radar-now-button.svelte-pqomkj:focus-visible,.radar-source-frame-button.svelte-pqomkj:focus-visible,.radar-frame-tick.svelte-pqomkj:focus-visible,.radar-share-button.svelte-pqomkj:focus-visible{border-color:#7dd3fc;outline:2px solid #38bdf8;outline-offset:2px}.radar-icon-button.svelte-pqomkj:disabled,.radar-play-button.svelte-pqomkj:disabled,.radar-now-button.svelte-pqomkj:disabled{cursor:not-allowed;opacity:.45}.radar-range.svelte-pqomkj{width:100%;accent-color:#38bdf8}.radar-range.svelte-pqomkj:focus-visible,.radar-toggle.svelte-pqomkj input:where(.svelte-pqomkj):focus-visible,.radar-opacity-control.svelte-pqomkj input:where(.svelte-pqomkj):focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.radar-frame-summary.svelte-pqomkj{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.625rem;line-height:1.15}.radar-frame-detail.svelte-pqomkj{margin:-.05rem 0 .2rem;min-width:0;overflow:hidden;color:#94a3b8;font-size:.625rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.radar-frame-detail-row.svelte-pqomkj{display:flex;min-width:0;align-items:center;gap:.45rem;margin-bottom:.2rem}.radar-frame-detail-row.svelte-pqomkj .radar-frame-detail:where(.svelte-pqomkj){margin-bottom:0}.radar-source-frame-button.svelte-pqomkj{display:inline-flex;width:fit-content;min-height:1.45rem;align-items:center;justify-content:center;border:1px solid rgb(125 211 252 / .28);border-radius:999px;background:#0ea5e924;padding:0 .55rem;color:#e0f2fe;font-size:.6875rem;font-weight:900;transition:background .12s ease,border-color .12s ease}.radar-source-frame-button.compact.svelte-pqomkj{min-height:1.25rem;flex:0 0 auto;padding:0 .45rem;font-size:.625rem}.radar-source-frame-button.svelte-pqomkj:hover{border-color:#7dd3fc;background:#0ea5e93d}.radar-frame-mode.svelte-pqomkj{display:inline-flex;min-height:1.05rem;flex:0 0 auto;align-items:center;border:1px solid rgb(255 255 255 / .12);border-radius:999px;padding:0 .35rem;font-size:.52rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.radar-frame-mode.observed.svelte-pqomkj{background:#0ea5e92e;color:#bae6fd}.radar-frame-mode.nowcast.svelte-pqomkj{background:#eab3082e;color:#fde68a}.radar-frame-strip.svelte-pqomkj{display:grid;min-height:1.05rem;margin-top:.12rem;overflow:hidden;border:1px solid rgb(255 255 255 / .1);border-radius:5px;background:#0f172ab8}.radar-frame-tick.svelte-pqomkj{position:relative;min-width:0;border-right:1px solid rgb(255 255 255 / .08);background:#0ea5e92e;color:#cbd5e1;font-size:.5rem;font-weight:800;line-height:1}.radar-frame-tick.nowcast.svelte-pqomkj{background:#eab30838;color:#fde68a}.radar-frame-tick.latest.svelte-pqomkj:after{position:absolute;top:0;right:0;left:0;height:2px;background:#22c55e;content:""}.radar-frame-tick.active.svelte-pqomkj{background:#e0f2fe;color:#082f49}.radar-frame-tick.svelte-pqomkj:focus-visible{z-index:1}.radar-frame-meta.svelte-pqomkj{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem;font-size:.625rem;font-weight:800;line-height:1.1;color:#cbd5e1}.radar-mini-legend.svelte-pqomkj{display:flex;flex:0 0 auto;align-items:center;gap:.45rem;color:#94a3b8}.radar-mini-legend.svelte-pqomkj span:where(.svelte-pqomkj){display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.radar-layer-controls.svelte-pqomkj{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;max-width:18rem}.radar-toggle.svelte-pqomkj{display:inline-flex;min-height:1.65rem;align-items:center;gap:.3rem;border:1px solid rgb(255 255 255 / .12);border-radius:6px;background:#ffffff0f;padding:0 .45rem;font-size:.625rem;font-weight:800;color:#e2e8f0}.radar-toggle.svelte-pqomkj input:where(.svelte-pqomkj){accent-color:#38bdf8}.radar-share-button.svelte-pqomkj{display:inline-flex;min-height:1.65rem;align-items:center;justify-content:center;gap:.3rem;border:1px solid rgb(56 189 248 / .35);border-radius:6px;background:#38bdf821;padding:0 .45rem;font-size:.625rem;font-weight:900;color:#e0f2fe;cursor:pointer}.radar-share-button.svelte-pqomkj:hover{border-color:#38bdf8bf;background:#38bdf838}.radar-share-status.svelte-pqomkj{min-height:1.65rem;display:inline-flex;align-items:center;color:#94a3b8;font-size:.625rem;font-weight:800}.radar-swatch.svelte-pqomkj{display:inline-block;width:.8rem;height:.35rem;border-radius:999px}.radar-swatch.observed.svelte-pqomkj{background:#0ea5e9d1}.radar-swatch.forecast.svelte-pqomkj{background:#eab308e0}.radar-swatch.latest.svelte-pqomkj{background:#22c55e}.radar-opacity-control.svelte-pqomkj,.radar-speed-control.svelte-pqomkj{display:inline-flex;min-height:1.65rem;align-items:center;gap:.3rem;border:1px solid rgb(255 255 255 / .12);border-radius:6px;background:#ffffff0a;padding:0 .45rem;font-size:.625rem;font-weight:800;color:#cbd5e1}.radar-opacity-control.svelte-pqomkj input:where(.svelte-pqomkj){width:4.8rem;accent-color:#38bdf8}#map .maplibregl-ctrl-top-left,#map .maplibregl-ctrl-top-right,#map .maplibregl-ctrl-bottom-left,#map .maplibregl-ctrl-bottom-right{z-index:5}@media (max-width: 900px){.radar-status-panel.svelte-pqomkj{top:.75rem;right:.75rem;width:min(19rem,calc(100vw - 1.5rem));padding:.75rem}.radar-controls-panel.svelte-pqomkj{right:.5rem;bottom:calc(env(safe-area-inset-bottom,0px) + .5rem);left:.5rem;width:auto;transform:none;padding:.5rem}.radar-layer-controls.svelte-pqomkj{justify-content:flex-start;max-width:none}}@media (max-width: 640px){.radar-status-panel.svelte-pqomkj{display:none}.radar-controls-panel.svelte-pqomkj{max-height:none;overflow:hidden;padding:.4rem}.radar-controls-panel.svelte-pqomkj>.grid:where(.svelte-pqomkj){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem}.radar-now-short.svelte-pqomkj{display:inline}.radar-now-long.svelte-pqomkj{display:none}.radar-play-button.svelte-pqomkj span:where(.svelte-pqomkj),.radar-frame-tick.svelte-pqomkj span:where(.svelte-pqomkj){display:none}.radar-frame-detail-row.svelte-pqomkj{display:none}.radar-frame-summary.svelte-pqomkj{margin-bottom:.1rem}.radar-range.svelte-pqomkj{height:1rem}.radar-frame-strip.svelte-pqomkj{min-height:.8rem;margin-top:.05rem}.radar-layer-controls.svelte-pqomkj{display:none}.radar-toggle.svelte-pqomkj{justify-content:center;padding:0 .45rem}.radar-opacity-control.svelte-pqomkj,.radar-share-button.svelte-pqomkj,.radar-speed-control.svelte-pqomkj{justify-content:center}.radar-opacity-control.svelte-pqomkj input:where(.svelte-pqomkj){width:min(5rem,100%)}.radar-frame-meta.svelte-pqomkj,.radar-mini-legend.svelte-pqomkj,.radar-legend-panel p{display:none}}
