:root{--bg: #0b1220;--glass: rgba(17, 25, 40, .78);--glass-2: rgba(17, 25, 40, .92);--border: rgba(255, 255, 255, .12);--text: #e8eef7;--muted: #9fb0c5;--accent: #38bdf8;--wet: #f87171;--dry: #34d399;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}.legal-body,.alert-sheet-body,.tour-body,.models-tip{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.legal-body::-webkit-scrollbar,.alert-sheet-body::-webkit-scrollbar,.tour-body::-webkit-scrollbar,.models-tip::-webkit-scrollbar{width:5px}.legal-body::-webkit-scrollbar-track,.alert-sheet-body::-webkit-scrollbar-track,.tour-body::-webkit-scrollbar-track,.models-tip::-webkit-scrollbar-track{background:transparent}.legal-body::-webkit-scrollbar-thumb,.alert-sheet-body::-webkit-scrollbar-thumb,.tour-body::-webkit-scrollbar-thumb,.models-tip::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.legal-body::-webkit-scrollbar-thumb:hover,.alert-sheet-body::-webkit-scrollbar-thumb:hover,.tour-body::-webkit-scrollbar-thumb:hover,.models-tip::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes tl-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(var(--tl-scale, 0))}}@keyframes marker-drop{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}@keyframes now-pulse{0%,to{opacity:.75}50%{opacity:.35}}html,body,#root{margin:0;height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.app{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;overflow:hidden}.app>.map-root{position:absolute;top:0;right:0;bottom:0;left:0}.map-loading{background:radial-gradient(circle at 50% 45%,rgba(56,189,248,.14),transparent 32%),var(--bg)}.map-unavailable{display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(56,189,248,.12),transparent 36%),var(--bg)}.map-unavailable p{max-width:420px;margin:0;color:var(--muted);text-align:center;line-height:1.5}.map-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.map-loader-status{padding:5px 9px;border-radius:999px;color:#e2e8f0eb;background:#0f172ab8;border:1px solid rgba(148,163,184,.24);font-size:12px;line-height:1.2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drop-loader{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));transform-origin:center bottom;animation:rs-drop-bounce 1.1s infinite}.drop-water{transform-box:fill-box;animation:rs-drop-fill 1.8s ease-in-out infinite}@keyframes rs-drop-fill{0%{transform:translateY(52px)}45%,55%{transform:translateY(0)}to{transform:translateY(52px)}}@keyframes rs-drop-bounce{0%{transform:translateY(0) scale(1.18,.82);animation-timing-function:ease-out}20%{transform:translateY(-12px) scale(.92,1.12);animation-timing-function:ease-out}50%{transform:translateY(-20px) scale(1);animation-timing-function:ease-in}80%{transform:translateY(-6px) scale(.94,1.1);animation-timing-function:ease-in}to{transform:translateY(0) scale(1.18,.82)}}.map-loader-done .drop-loader{animation:rs-loader-out .65s ease forwards}.map-loader-done .drop-water{animation:rs-drop-finish-fill .42s ease-out forwards}@keyframes rs-drop-finish-fill{0%{transform:translateY(52px)}to{transform:translateY(0)}}@keyframes rs-loader-out{0%,65%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.maplibregl-ctrl-top-right{margin-top:calc(env(safe-area-inset-top,0px) + 120px)}.top-ui{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;right:64px;z-index:30;pointer-events:none}.country-notice{position:absolute;top:calc(env(safe-area-inset-top,0px) + 72px);left:12px;right:64px;z-index:29;display:flex;align-items:center;gap:10px;max-width:420px;padding:10px 10px 10px 13px;background:var(--glass-2);border:1px solid rgba(251,146,60,.62);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);font-size:13px;line-height:1.4;animation:fade-in-up .18s ease}.country-notice span{flex:1}.country-notice button{flex:0 0 auto;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:#ffffff0f;color:var(--muted);line-height:1}.country-notice button:hover{background:#ffffff1f;color:var(--text)}.search{max-width:420px;pointer-events:auto}.search-bar{display:flex;align-items:center;gap:8px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:999px;padding:8px 12px;box-shadow:var(--shadow)}.search-bar .brand{font-size:18px}.search-bar input{flex:1;border:none;background:transparent;color:var(--text);outline:none;font-size:15px;min-width:0}.search-bar input::placeholder{color:var(--muted)}.locate-btn{display:inline-flex;align-items:center;justify-content:center;background:#38bdf82e;border:1px solid var(--border);color:var(--accent);border-radius:999px;width:34px;height:34px;font-size:18px;line-height:1;flex-shrink:0}.locate-btn.busy{cursor:progress}.locate-spin{width:16px;height:16px;border:2px solid rgba(56,189,248,.3);border-top-color:var(--accent);border-radius:50%;animation:locate-spin .7s linear infinite}@keyframes locate-spin{to{transform:rotate(360deg)}}.search-results{list-style:none;margin:8px 0 0;padding:6px;background:var(--glass-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transform-origin:top center;animation:fade-in-up .18s ease}.search-results li button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:9px 10px;border-radius:8px;font-size:14px}.search-results li button:hover,.search-results li.active button{background:#ffffff14}.muted{color:var(--muted)}.segmented{display:flex;gap:4px;background:#00000040;border-radius:10px;padding:3px;margin-bottom:12px}.seg{flex:1;border:none;background:transparent;color:var(--muted);padding:7px 4px;border-radius:8px;font-size:13px}.seg.active{background:#38bdf838;color:var(--text)}.row{display:flex;align-items:center;gap:8px;font-size:14px;margin:10px 0 4px}.op-range,.slider-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:28px;margin:4px 0;cursor:pointer}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 6px #0006;cursor:pointer;margin-top:-8px;transition:transform .12s ease}.slider-range:active::-webkit-slider-thumb{transform:scale(1.18)}.slider-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 6px #0006;cursor:pointer;transition:transform .12s ease}.slider-range:active::-moz-range-thumb{transform:scale(1.18)}.slider-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill, 0%),rgba(255,255,255,.18) var(--fill, 0%))}.slider-range::-moz-range-track{height:4px;background:#ffffff2e;border-radius:2px}.slider-range::-moz-range-progress{height:4px;background:var(--accent);border-radius:2px}.bottom-ui{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;gap:10px;padding:0 12px calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:none}.bottom-ui>*{pointer-events:auto;width:100%;max-width:720px;margin:0 auto}.dock{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:visible}.panel{position:relative;padding:14px 16px 12px}.panel-handle{position:absolute;top:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}.grip{display:block;width:38px;height:4px;border-radius:999px;background:#ffffff47;transition:background .15s ease}.panel-handle:hover .grip{background:#ffffff73}.panel-head{position:relative;display:flex;align-items:center;gap:14px;margin-top:16px}.panel-head-toggle{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:0;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer}.panel-head-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-head>.umbrella,.panel-head>.panel-title{pointer-events:none}.panel-head .models{pointer-events:auto}.alert-banner{display:block;width:100%;margin:12px 0 0;padding:8px 10px;border:none;border-radius:8px;font-size:12px;line-height:1.4;text-align:left;color:#ffffffd1;background:#ffffff0a;cursor:pointer;transition:background .15s ease;animation:fade-in .3s ease}.alert-banner:hover,.alert-banner:focus-visible{background:#ffffff14}.alert-banner .alert-head{display:flex;align-items:center;gap:8px}.alert-banner .alert-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;flex-shrink:0}.alert-banner .alert-text{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alert-banner .alert-head b{font-weight:700;color:#fff}.alert-banner .alert-cta{flex-shrink:0;font-size:11px;font-weight:600;color:var(--accent, #38bdf8);margin-left:6px;white-space:nowrap}.alert-banner.sev-moderate .alert-dot{background:#f97316}.alert-banner.sev-severe .alert-dot{background:#ef4444}.alert-banner.sev-extreme .alert-dot{background:#c026d3}.alert-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:flex-end;justify-content:center;background:#03071294;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);animation:sheet-backdrop-in .22s ease}.alert-sheet{position:relative;width:100%;max-width:560px;max-height:86dvh;display:flex;flex-direction:column;background:linear-gradient(#ffffff0d,#ffffff0d),var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -1px #ffffff0f inset,0 -24px 64px -16px #0000008c,0 -2px 8px #00000040;overflow:hidden;animation:sheet-slide-up .32s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 720px){.alert-sheet-backdrop{align-items:center;padding:24px}.alert-sheet{border-radius:20px;border-bottom:1px solid rgba(255,255,255,.08);max-height:min(80dvh,700px);box-shadow:0 0 0 1px #ffffff0f inset,0 30px 80px -20px #0009,0 8px 24px #0000004d;animation:sheet-pop-in .24s cubic-bezier(.32,.72,0,1)}}.alert-sheet-handle{display:block;width:100%;padding:9px 0 5px;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.alert-sheet-handle span{display:block;width:36px;height:4px;margin:0 auto;border-radius:999px;background:#ffffff2e;transition:background .15s ease}.alert-sheet-handle:hover span{background:#ffffff52}.alert-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 14px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.alert-sheet-meta{display:flex;align-items:center;gap:9px}.alert-sheet-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0;box-shadow:0 0 0 3px #f59e0b2e}.alert-sheet.sev-moderate .alert-sheet-dot{background:#f97316;box-shadow:0 0 0 3px #f973162e}.alert-sheet.sev-severe .alert-sheet-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.alert-sheet.sev-extreme .alert-sheet-dot{background:#c026d3;box-shadow:0 0 0 3px #c026d333}.alert-sheet-sev{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.alert-sheet-close{flex:0 0 auto;width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--text);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.alert-sheet-close:hover{background:#ffffff1a;border-color:#ffffff24}.alert-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 20px 22px;color:var(--muted);font-size:14px;line-height:1.6}.alert-sheet-title{margin:0 0 8px;font-size:19px;font-weight:650;line-height:1.22;letter-spacing:-.01em;color:var(--text);text-wrap:balance}.alert-sheet-time{margin:0 0 14px;font-size:13px;font-weight:500;color:var(--muted)}.alert-sheet-desc{margin:0;white-space:pre-wrap;max-width:60ch}.alert-sheet-instruction{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#ffffff0d;color:var(--text);white-space:pre-wrap}.alert-sheet-instruction b{font-weight:700}.alert-sheet-src{margin:18px 0 0;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.42}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(14%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sheet-pop-in{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.alert-sheet,.alert-sheet-backdrop,.legal-dialog,.legal-backdrop{animation:none}}.map-root>.map-canvas.maplibregl-map{position:absolute;top:0;right:0;bottom:0;left:0}.map-hover-card{position:absolute;top:0;left:0;z-index:12;display:flex;flex-direction:column;gap:2px;min-width:148px;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#0a1220eb;box-shadow:0 12px 28px #00000059;color:var(--muted);font-size:11px;line-height:1.25;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-hover-card[hidden]{display:none}.map-hover-card strong{color:var(--text);font-size:14px}.map-hover-time{color:var(--accent);font-weight:650}.search-popover{margin-top:8px;padding:7px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--glass-2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade-in-up .18s ease}.search-section-title{padding:3px 5px 6px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.saved-places{padding:2px 0 7px}.saved-place-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.saved-place-chips::-webkit-scrollbar{display:none}.saved-place-chips button{flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0f;color:var(--text);font-size:12px}.saved-place-chips button span{margin-right:5px;color:var(--muted)}.saved-place-chips button.favorite{border-color:#fbbf244d}.saved-place-chips button.favorite span{color:#fbbf24}.search-popover .search-results{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}.search-popover .search-results li{display:flex;align-items:center;min-height:48px;border-radius:9px}.search-popover .search-results li.active{background:#38bdf81f}.search-popover .search-results li .search-result-main{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:7px 9px;border:0;background:transparent;text-align:left}.search-result-main strong{color:var(--text);font-size:13px}.search-result-context{color:var(--muted);font-size:11px}.search-popover .search-results li .favorite-btn{flex:0 0 40px;width:40px;min-height:40px;padding:0;border:0;background:transparent;color:var(--muted);font-size:19px}.search-popover .favorite-btn.active{color:#fbbf24}.panel-title{min-width:0;flex:1}.panel.empty .verdict{max-width:35ch}.timeline-strip{position:relative}.panel.compact .timeline{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;pointer-events:none}.panel.compact .source-note,.panel.medium .timeline-legend,.panel.medium .source-note{display:none}.panel.medium .timeline{max-height:190px}.panel.expanded .timeline{max-height:60vh}.keyboard-hint{position:absolute;right:14px;bottom:12px;z-index:18;display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0b1220b8;color:#e8eef79e;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.keyboard-hint kbd{padding:1px 5px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#ffffff14;color:var(--text);font:inherit}@media (max-width: 720px){.keyboard-hint,.map-hover-card{display:none}.panel.expanded{max-height:min(62dvh,540px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.panel.expanded::-webkit-scrollbar{display:none}.panel.medium .timeline{max-height:170px}.tl-col{flex-basis:44px;width:44px;min-height:76px}.tl-pct,.tl-label{font-size:12px}.tl-vals{height:18px}.tl-bar-wrap{height:42px}.place{font-size:12px}.verdict{font-size:15px}.verdict-detail,.source-note,.pl-title,.pl-tick{font-size:11px}}@media (min-width: 1024px){.top-ui,.country-notice{width:488px}.bottom-ui{width:520px}.tl-col{flex-basis:44px;width:44px}.panel.expanded .timeline-bars{max-height:none}}.umbrella{font-size:34px;line-height:1;animation:pop-in .32s ease}.place{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;font-size:13px;color:var(--muted);margin-bottom:2px}@media (max-width: 520px){.panel-head .models-tip{top:calc(100% + 6px);bottom:auto;max-height:min(50vh,420px)}}.forecast-meta{padding:1px 5px;border-radius:999px;background:#38bdf81f;color:var(--accent);font-size:10px;white-space:nowrap}.radar-meta{background:#a855f729;color:#c084fc}.models{display:inline-flex}.models-chip{position:relative;z-index:2;border:none;cursor:pointer;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.models-chip:after{content:"›";margin-left:3px;opacity:.6;transform:rotate(90deg);display:inline-block;transition:transform .16s ease}.models.open .models-chip:after{transform:rotate(-90deg)}.models-tip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;width:268px;max-width:calc(100vw - 40px);max-height:min(56vh,420px);overflow-y:auto;padding:9px 11px;background:var(--glass-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--text);font-size:12px;line-height:1.3;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.models.open .models-tip{opacity:1;transform:translateY(0);pointer-events:auto}@media (hover: hover){.models:hover .models-tip{opacity:1;transform:translateY(0)}}.models-tip b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}.mt-rows{display:flex;flex-direction:column;gap:4px}.mt-row{display:flex;gap:7px;align-items:baseline}.mt-prov{flex:0 0 84px;font-size:10.5px;font-weight:600;color:var(--muted)}.mt-mods{flex:1;font-size:12px;line-height:1.35}.models-tip-radar{display:block;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);font-size:11px;color:#c084fc}.conf-chip{padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;white-space:nowrap;animation:fade-in .25s ease}.conf-chip.conf-high{background:#34d39929;color:#34d399}.conf-chip.conf-mid{background:#fbbf2429;color:#fbbf24}.conf-chip.conf-low{background:#f871712e;color:#f87171}.verdict-note{margin-top:5px;font-size:11.5px;color:#fbbf24;line-height:1.3;animation:fade-in-up .3s ease}.verdict-note.storm-note{color:#c4b5fd;font-weight:600}.verdict-note.shower-note{color:#93c5fd}.verdict-note.hail-note{color:#f0abfc;font-weight:600}.verdict{font-size:16px;font-weight:400;line-height:1.25;animation:fade-in-up .28s ease}.verdict-detail{display:block;margin-top:2px;font-size:10px;font-weight:400;color:var(--muted)}.verdict.wet{color:var(--wet)}.verdict.dry{color:var(--dry)}.verdict.neutral{color:var(--muted)}.verdict-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;vertical-align:middle;letter-spacing:.2px}.verdict-badge.cert-sicher{background:#22c55e2e;color:#4ade80}.verdict-badge.cert-wahrscheinlich{background:#eab3082e;color:#facc15}.verdict-badge.cert-möglich{background:#f9731633;color:#fb923c}.verdict-badge.tour-target-emphasis{animation:certainty-tour-pulse 1.1s ease-in-out infinite}@keyframes certainty-tour-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.35)}}.timeline{margin-top:12px;overflow:hidden;max-height:60vh;opacity:1;transition:max-height .32s ease,opacity .26s ease,margin-top .32s ease}.timeline-bars{display:flex;align-items:flex-end;gap:1px;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.timeline-bars::-webkit-scrollbar{display:none}.tl-col{flex:0 0 40px;width:40px;display:flex;flex-direction:column;align-items:center;border-radius:8px;padding-bottom:2px;cursor:pointer;position:relative;transition:background .22s ease,box-shadow .22s ease,transform .18s ease}.tl-col:hover{background:#ffffff0f}.tl-col:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tl-now{background:#38bdf814}.tl-now .tl-label{color:var(--accent);font-weight:700}.tl-now .tl-label:after{content:"";position:absolute;left:50%;bottom:-4px;width:4px;height:4px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px #38bdf8bf;transform:translate(-50%)}.tl-selected{background:#38bdf829;box-shadow:inset 0 0 0 1px #38bdf847,0 8px 18px #0f172a2e;transform:translateY(-1px)}.tl-past{opacity:.5}.tl-past.tl-selected{opacity:1}.tl-vals{height:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;line-height:1.05}.tl-pct{font-size:10px;font-weight:700;color:var(--accent)}.tl-pct.dim{opacity:.5;font-weight:600}.tl-bar-wrap{position:relative;width:100%;height:56px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid rgba(255,255,255,.12)}.tl-bar{width:64%;height:100%;border-radius:3px 3px 0 0;min-height:0;background:linear-gradient(180deg,#ffffff47,#fff0 42%),var(--tl-color);transform-origin:bottom center;transform:scaleY(var(--tl-scale, 0));will-change:transform;animation:tl-grow .4s ease both;animation-delay:var(--tl-delay, 0ms);transition:transform .35s ease,background .35s ease}.tl-storm{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:12px;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.tl-storm-possible{opacity:.5}.tl-storm-likely{opacity:1}.tl-label{position:relative;font-size:10px;color:var(--muted);margin-top:3px}.timeline-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:8px}.precip-legend{display:flex;flex-direction:column;gap:5px;margin-top:10px}.pl-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.pl-title{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.pl-source{font-size:9px;color:var(--muted);text-align:right}.pl-bar{position:relative}.pl-scale-row{display:flex;align-items:center;gap:5px;width:100%}.pl-kind{flex:0 0 38px;color:var(--muted);font-size:8px;line-height:1}.pl-scale{display:flex;flex:1;min-width:0;width:100%}.pl-step{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.pl-swatch{width:100%;height:9px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.pl-step:first-child .pl-swatch{border-left:1px solid rgba(255,255,255,.12);border-radius:3px 0 0 3px}.pl-step:last-child .pl-swatch{border-right:1px solid rgba(255,255,255,.12);border-radius:0 3px 3px 0}.pl-strengths{display:flex;width:100%;margin-top:3px}.pl-strengths-labelled{padding-left:43px}.pl-scale-secondary{margin-top:4px}.pl-strength{min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8.5px;color:var(--muted);white-space:nowrap}.pl-strength small{font-size:7.5px;color:color-mix(in srgb,var(--muted) 78%,transparent)}.pl-location-value{font-size:10.5px;line-height:1.3;color:var(--muted)}.pl-location-value b{color:var(--text)}.pl-location-value small{display:block;margin-top:1px;color:color-mix(in srgb,var(--muted) 82%,transparent);font-size:9px}.source-note{margin-top:8px;padding:7px 9px;border-radius:8px;background:#a855f71f;color:var(--muted);font-size:10.5px;line-height:1.3}.source-note b{color:var(--text)}.source-note.radar-live{background:#3b82f624}.lg-pct{color:var(--accent)}.lg-mm{color:var(--text)}.panel.collapsed .timeline{max-height:0;opacity:0;margin-top:0;pointer-events:none}.slider{padding:12px 16px 10px;border-top:1px solid var(--border)}.loading-slider{text-align:center;color:var(--muted);font-size:14px}.slider-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.play-btn{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#04121d;border:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .12s ease,filter .12s ease}.play-btn:hover{filter:brightness(1.06)}.play-btn:active{transform:scale(.93)}.play-ico{display:block}.play-ico-play{margin-left:2px}.slider-now{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.slider-time{font-size:15px}.badge{align-self:flex-start;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge-past{background:#38bdf824}.badge-nowcast{background:#34d39929;color:#bff3df}.badge-forecast{background:#a855f72e;color:#e6d6ff}.now-btn{background:#ffffff14;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13px;flex-shrink:0}.slider-track-wrap{position:relative}.slider-range{display:block;margin:4px 0}.now-tick{position:absolute;top:10px;width:2px;height:16px;background:#fff;opacity:.7;transform:translate(-1px);pointer-events:none;animation:now-pulse 2.4s ease-in-out infinite}.nowcast-tick{position:absolute;top:13px;width:1px;height:11px;background:#bff3df;opacity:.6;transform:translate(-.5px);pointer-events:none}.slider-scale{position:relative;height:14px;font-size:10px;color:var(--muted);margin-top:4px}.scale-mark{position:absolute;top:0;white-space:nowrap}.scale-start{transform:none}.scale-center{transform:translate(-50%)}.scale-end{transform:translate(-100%)}.scale-nowcast-end{color:#bff3df}.fatal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;background:var(--bg)}.fatal button{background:var(--accent);color:#04121d;border:none;border-radius:999px;padding:10px 20px;font-weight:600}@media (max-width: 520px){.top-ui{top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;right:60px}.search-bar{min-height:46px;padding:5px 7px 5px 11px}.search-bar input{font-size:16px}.locate-btn{width:36px;height:36px}.maplibregl-ctrl-top-right{display:none}.bottom-ui{gap:6px;padding:0 8px calc(env(safe-area-inset-bottom,0px) + 8px)}.dock{border-radius:18px}.panel{padding:11px 12px 9px}.panel-handle{height:20px}.grip{width:34px;height:3px}.panel-head{gap:9px;margin-top:13px}.umbrella{font-size:25px}.place{font-size:11px;margin-bottom:1px}.verdict{font-size:14px;line-height:1.2}.timeline{margin-top:8px}.timeline-bars{padding-bottom:2px}.tl-col{flex-basis:36px;width:36px;border-radius:7px}.tl-vals{height:15px}.tl-pct{font-size:9px}.tl-bar-wrap{height:39px}.tl-label{font-size:9px;margin-top:2px}.timeline-legend{display:none}.precip-legend{margin-top:7px;gap:3px}.pl-heading{gap:3px 8px}.pl-source{font-size:8px}.pl-swatch{height:8px}.pl-strength{font-size:7.5px}.pl-strength small{font-size:6.5px}.pl-location-value{font-size:9px}.source-note{margin-top:5px;padding:5px 7px;font-size:9px}.slider{padding:8px 12px 7px}.slider-head{gap:9px;margin-bottom:2px}.play-btn{width:40px;height:40px}.slider-now{gap:1px}.slider-time{font-size:14px}.badge{font-size:9px;padding:1px 6px}.now-btn{min-height:36px;padding:6px 12px;font-size:12px}.slider-track-wrap{padding:5px 0}.slider-range{height:20px;margin:0}.now-tick{top:7px;height:16px}.nowcast-tick{top:10px;height:11px}.slider-scale{height:14px;margin-top:2px;font-size:9px}}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib.maplibregl-compact.maplibregl-compact-show .maplibregl-ctrl-attrib-inner,.maplibregl-ctrl-attrib.maplibregl-compact:hover .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-bottom-right{margin-bottom:2px}.legal-footer{width:auto;max-width:none;align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:4px 12px;line-height:1;opacity:.9}.legal-footer button,.legal-footer a{background:none;border:none;padding:2px 1px;color:inherit;font-size:inherit;text-decoration:none}.legal-footer button:hover,.legal-footer a:hover{color:var(--text);text-decoration:underline}.legal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:20px;background:#03071294;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);animation:sheet-backdrop-in .22s ease}.legal-dialog{width:100%;max-width:580px;max-height:min(86dvh,720px);display:flex;flex-direction:column;background:linear-gradient(#ffffff0d,#ffffff0d),var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 0 0 1px #ffffff0f inset,0 30px 80px -20px #0009,0 8px 24px #0000004d;overflow:hidden;animation:sheet-pop-in .24s cubic-bezier(.32,.72,0,1)}@media (max-width: 720px){.legal-backdrop{align-items:flex-end;padding:0}.legal-dialog{max-width:100%;max-height:88dvh;border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 -1px #ffffff0f inset,0 -24px 64px -16px #0000008c,0 -2px 8px #00000040;animation:sheet-slide-up .32s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0px)}}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.legal-tabs{min-width:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;background:transparent;border-radius:0;padding:0}.legal-tabs::-webkit-scrollbar{display:none}.legal-tab{flex:0 0 auto;position:relative;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:8px 10px;border-radius:0;cursor:pointer;transition:color .15s ease}.legal-tab:hover{color:var(--text)}.legal-tab.active{background:transparent;color:var(--text)}.legal-tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-13px;height:2px;background:var(--accent);border-radius:1px}.legal-close{flex:0 0 auto;width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--text);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.legal-close:hover{background:#ffffff1a;border-color:#ffffff24}.legal-body{overflow-y:auto;padding:20px 24px calc(env(safe-area-inset-bottom,0px) + 22px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.legal-text{color:var(--muted);font-size:14px;line-height:1.62;max-width:62ch}.legal-text h2{margin:0 0 6px;font-size:22px;font-weight:650;letter-spacing:-.01em;color:var(--text);text-wrap:balance}.legal-text h3{margin:22px 0 6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.85}.legal-text p{margin:0 0 10px}.legal-text b{color:var(--text);font-weight:600}.legal-sub{font-size:12px;opacity:.65;margin-bottom:14px!important}.legal-text a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#38bdf859;transition:text-decoration-color .15s ease}.legal-text a:hover{text-decoration-color:var(--accent)}.legal-text ul{margin:6px 0 10px;padding-left:0;list-style:none}.legal-text li{position:relative;margin-bottom:6px;padding-left:16px}.legal-text li:before{content:"";position:absolute;left:2px;top:.66em;width:4px;height:4px;border-radius:50%;background:#38bdf88c}.legal-src li{margin-bottom:10px}@media (max-width: 480px){.legal-tab{padding:8px;font-size:12.5px}.legal-tab.active:after{left:8px;right:8px}.legal-body{padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 18px)}.legal-text{font-size:13.5px}.legal-text h2{font-size:20px}}.map-rail{position:absolute;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:25;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.rail-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--glass-2);border:1px solid var(--border);color:var(--text);font-size:19px;line-height:1;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .15s ease,background .15s ease}.rail-btn:hover{border-color:#38bdf880;background:var(--glass-2)}@media (max-width: 520px){.map-rail{top:calc(env(safe-area-inset-top,0px) + 64px);bottom:auto;right:8px;gap:7px}.rail-btn{width:42px;height:42px}}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.tour-catch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tour-spot{position:absolute;z-index:2;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #020610a8,0 0 0 2px var(--accent),0 0 22px 5px #38bdf873;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease}.tour-card{position:absolute;z-index:3;box-sizing:border-box;max-height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:16px 16px 12px;background:linear-gradient(#ffffff0d,#ffffff0d),var(--glass);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;animation:tour-pop .18s ease}@keyframes tour-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tour-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0d;color:var(--text);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.tour-x:hover{background:#ffffff1a;border-color:#ffffff24}.tour-step-no{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;padding-right:28px}.tour-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text)}.tour-body{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:13.5px;line-height:1.5;color:var(--muted)}.tour-body b{color:var(--text)}.tour-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.tour-back,.tour-next{border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;background:#ffffff0a;color:var(--text)}.tour-back:disabled{opacity:.35;cursor:default}.tour-next{background:var(--accent);border-color:var(--accent);color:#052235}.tour-next:hover{filter:brightness(1.06)}.tour-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width: 520px){.tour-title{font-size:16px}.tour-body{font-size:13px}}@media (max-width: 1023px) and (max-height: 500px){.bottom-ui{top:0;bottom:0;max-height:100dvh;gap:5px;overflow-y:auto;overscroll-behavior-y:contain;padding-top:calc(env(safe-area-inset-top,0px) + 64px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 5px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.bottom-ui::-webkit-scrollbar{display:none}.bottom-ui>*{flex:0 0 auto}.bottom-ui>.dock{margin-top:auto}.panel{padding-top:8px;padding-bottom:7px}.panel-handle{height:17px}.panel-head{gap:9px;margin-top:9px}.umbrella{font-size:25px}.verdict{font-size:14px}.verdict-note{margin-top:3px;font-size:10px}.panel.medium .timeline{max-height:88px}.timeline{margin-top:5px}.tl-bar-wrap{height:38px}.precip-legend{gap:3px;margin-top:5px}.models-tip{top:calc(100% + 6px);bottom:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 90px)}.slider{padding-top:6px;padding-bottom:5px}.slider-head{margin-bottom:1px}.play-btn{width:36px;height:36px}.slider-track-wrap{padding-top:2px;padding-bottom:2px}}@media (min-width: 1024px){.top-ui,.country-notice{left:16px;right:auto;width:420px;max-width:calc(100% - 32px)}.bottom-ui{top:0;right:auto;width:440px;padding:calc(env(safe-area-inset-top,0px) + 76px) 16px calc(env(safe-area-inset-bottom,0px) + 16px) 16px;justify-content:flex-end;gap:12px}.bottom-ui>*{max-width:none}.maplibregl-ctrl-top-right{margin-top:calc(env(safe-area-inset-top,0px) + 72px)}.panel .timeline-bars{max-height:40vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.drop-loader{transform:none!important;opacity:1}.drop-water{transform:translateY(0)!important}}