@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark:#050a15;--bg-panel:#0a0f1eb8;--bg-panel-hover:#0f192dd9;--border-glass:#ffffff14;--border-glow:#3b82f64d;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#60a5fa;--accent-glow:#3b82f680;--gradient-active:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--font-family:"Inter", system-ui, -apple-system, sans-serif;--panel-blur:blur(18px);--shadow-lg:0 10px 30px -5px #0009, 0 4px 10px -4px #0006;--shadow-glow:0 0 20px -2px var(--accent-glow);--space-edge:clamp(10px, 2vw, 24px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:auto}body:has(.map-page){overflow:hidden}.maplibregl-map{background:var(--bg-dark)}.maplibregl-ctrl-bottom-right{z-index:4;bottom:80px!important;right:14px!important}.maplibregl-ctrl-bottom-right .maplibregl-ctrl-group{-webkit-backdrop-filter:blur(18px)!important;background:#ffffffe0!important;border:1px solid #00000014!important;border-radius:10px!important;box-shadow:0 2px 10px #00000014!important}.maplibregl-ctrl-bottom-right .maplibregl-ctrl-group button{width:34px!important;height:34px!important}.maplibregl-ctrl-bottom-right .maplibregl-ctrl-group button span{filter:none}.drawer-open .maplibregl-ctrl-bottom-right{bottom:62px!important}.maplibregl-ctrl-bottom-left{display:none!important}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg);border-radius:14px;transition:box-shadow .3s}.app-container{width:100vw;height:100dvh;position:relative}.map-page{flex-direction:column;display:flex;overflow:hidden}.map-section{flex:100%;min-height:0;transition:flex .45s cubic-bezier(.16,1,.3,1);position:relative}.map-container{z-index:1;position:absolute;inset:0}.ui-overlay{z-index:10;pointer-events:none;padding:var(--space-edge);padding-bottom:calc(var(--space-edge) + env(safe-area-inset-bottom,0px));position:absolute;inset:0}.interactive{pointer-events:auto}.share-btn{background:var(--bg-panel);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.share-btn:hover{background:var(--bg-panel-hover);border-color:var(--border-glow)}.share-popover{-webkit-backdrop-filter:blur(18px);z-index:100;background:#fffffff2;border:1px solid #0000001a;border-radius:14px;min-width:180px;padding:6px;animation:.15s ease-out shareIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}@keyframes shareIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-option{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.84rem;font-weight:500;transition:background .15s;display:flex}.share-option.copy-link{color:#2563eb}.share-option.whatsapp{color:#25d366}.share-option.twitter{color:#334155}.share-option.facebook{color:#1877f2}.sidebar-toggle,.sidebar-backdrop{display:none}.map-credits{color:#fff6;pointer-events:auto;letter-spacing:.01em;z-index:2;font-size:.72rem;position:absolute;bottom:4px;right:6px}.map-credits a{color:#ffffff80;text-decoration:none}.map-credits a:hover{color:#ffffffb3;text-decoration:underline}.drawer-open .map-credits{display:none}.map-credits-init{color:#ffffff8c}.right-panel{top:var(--space-edge);right:var(--space-edge);max-width:200px;max-height:calc(100% - var(--space-edge) * 2 - 64px);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;z-index:8;flex-direction:column;gap:0;padding:8px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideLeft;display:flex;position:absolute;overflow:hidden auto}.rp-header{white-space:nowrap;align-items:center;gap:6px;padding:2px;display:flex}.header-icon{flex-shrink:0}.rp-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.rp-title-link{color:inherit;-webkit-text-fill-color:inherit;text-decoration:none}.rp-home-link{align-items:center;transition:transform .2s;display:flex}.rp-home-link:hover{transform:scale(1.1)}.rp-region{color:var(--text-muted);align-items:center;gap:4px;padding:2px;display:flex}.rp-region select{border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;appearance:none;background:#0a0f1eeb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 4px center no-repeat;border-radius:6px;width:100%;min-height:26px;padding:3px 18px 3px 6px;font-family:inherit;font-size:.85rem}.rp-region select option{color:var(--text-main);background:#0a0f1e}.rp-divider{background:#ffffff14;height:1px;margin:6px 0}.rp-layers{flex-direction:column;gap:2px;display:flex}.data-freshness{flex-direction:column;gap:3px;padding:4px 6px;display:flex}.freshness-row{color:var(--text-muted);align-items:center;gap:4px;display:flex}.freshness-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.freshness-dot.fresh{background:#22c55e;box-shadow:0 0 6px #22c55e80}.freshness-dot.moderate{background:#eab308;box-shadow:0 0 6px #eab30866}.freshness-dot.stale{background:#ef4444;box-shadow:0 0 6px #ef444466}.freshness-label{letter-spacing:-.01em;font-size:.78rem;font-weight:500}.layer-group{flex-direction:column;gap:2px;display:flex}.layer-group-divider{background:#ffffff0f;height:1px;margin:4px 2px}.layer-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);opacity:.7;padding:2px 6px;font-size:.7rem;font-weight:600}.sidebar-layer-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 8px;font-family:inherit;font-size:.88rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-layer-btn:hover{color:var(--text-main);background:#ffffff14}.sidebar-layer-btn.active{background:var(--gradient-active);border-color:var(--border-glow);box-shadow:var(--shadow-glow);color:#fff;font-weight:500}.sidebar-label{font-size:.82rem}.sidebar-legend{flex-direction:column;gap:4px;padding:2px 4px;display:flex}.legend-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.legend-bar{border:1px solid #ffffff1a;border-radius:5px;width:100%;height:10px}.legend-labels{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.72rem;display:flex}.meteogram-panel{top:var(--space-edge);left:var(--space-edge);width:55%;min-width:280px;max-width:860px;height:calc(100dvh - var(--space-edge) * 2 - 68px);z-index:6;flex-direction:column;gap:6px;max-height:55vh;padding:14px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeSlideRight;display:flex;position:absolute}.meteogram-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.meteogram-title h3{font-size:clamp(.95rem,2vw,1.1rem);font-weight:600}.meteogram-title p{color:var(--text-muted);margin-top:1px;font-size:.85rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#ffffff1a}.chart-container{flex-grow:1;width:100%;min-height:0;overflow:hidden}.meteogram-status{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:.95rem;display:flex}.spinner{border:2px solid #ffffff26;border-top-color:var(--accent-hover);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.meteogram-content{flex-direction:column;gap:6px;height:100%;display:flex}.meteogram-tabs{scrollbar-width:none;gap:4px;padding:2px 0;display:flex;overflow-x:auto}.meteogram-tabs::-webkit-scrollbar{display:none}.meteogram-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #0000;border-radius:8px;min-height:28px;padding:5px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.meteogram-tab:hover{color:var(--text-main);background:#ffffff14}.meteogram-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-hover)}.meteogram-chart-area{min-height:0;height:var(--chart-height,100%);flex:1}.overview-layout{flex-direction:column;gap:2px;height:100%;display:flex}.overview-main-chart{flex:1;min-height:0}.cloud-strip-container{flex-shrink:0;align-items:stretch;height:34px;padding:0 70px 0 28px;display:flex}.cloud-strip{border:1px solid #ffffff0f;border-radius:6px;flex:1;display:flex;overflow:hidden}.cloud-strip-cell{flex:1;min-width:0;transition:background .2s;position:relative}.cloud-strip-cell:hover{z-index:1;outline:1px solid #fff3}.cloud-strip-icon{pointer-events:none;z-index:2;filter:drop-shadow(0 1px 3px #000000b3);opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloud-strip-icon svg,.cloud-strip-icon svg *{opacity:1!important}[data-tip]{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}[data-tip]:after{content:attr(data-tip);color:#f1f5f9;white-space:pre-line;pointer-events:none;opacity:0;z-index:100;text-align:center;background:#0a0f1ef0;border:1px solid #ffffff1f;border-radius:7px;max-width:200px;padding:5px 8px;font-size:.72rem;line-height:1.35;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}[data-tip]:hover:after,[data-tip]:active:after{opacity:1}[data-tip-below]:after{top:calc(100% + 6px);bottom:auto}.global-nav [data-tip]:after{top:calc(100% + 6px);bottom:auto;left:50%;transform:translate(-50%)}.wind-tab-layout{flex-direction:column;gap:0;height:100%;display:flex}.wind-dir-strip{flex-shrink:0;height:30px;display:flex;overflow:hidden}.wind-dir-cell{color:#60a5fa;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.wind-dir-label{color:#94a3b8;margin-top:0;font-size:.58rem;line-height:1}.wind-chart-area{flex:1;min-height:0}.bottom-bar{bottom:var(--space-edge);left:var(--space-edge);right:var(--space-edge);position:absolute}.tl-bar{--play-size:26px;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #00000014;border-radius:10px;flex-direction:column;gap:3px;width:100%;padding:3px 12px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;box-shadow:0 -2px 14px #0000000f,0 2px 6px #0000000a}.tl-top-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;width:100%;height:24px;display:flex}.tl-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.tl-step-btn{color:#334155;cursor:pointer;background:#f1f5f9e6;border:1px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0000000a}.tl-step-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#0000;transform:scale(1.08);box-shadow:0 2px 8px #2563eb4d}.tl-step-btn:active:not(:disabled){transform:scale(.95)}.tl-step-btn:disabled{opacity:.35;cursor:not-allowed}.tl-res-badge{color:#94a3b8;cursor:pointer;letter-spacing:.04em;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:3px;margin-left:2px;padding:2px 7px;font-size:.7rem;font-weight:700;transition:all .2s;display:inline-flex}.tl-res-badge:hover{color:#f8fafc;background:#ffffff29}.tl-res-badge.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f699;box-shadow:0 2px 8px #2563eb66}.tl-play-wrap{flex-shrink:0;width:26px;height:26px;position:relative}.tl-play{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 6px #2563eb59}.tl-play:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:scale(1.08);box-shadow:0 3px 10px #2563eb80}.tl-play:active{transform:scale(.95)}.tl-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.tl-time-main{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.78rem,1.3vw,.9rem);font-weight:700;overflow:hidden}.tl-tz{color:#64748b;flex-shrink:0;font-size:.7rem;font-weight:500}.tl-track-row{width:100%}.tl-track-wrap{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;padding:5px 0 2px;position:relative;overflow:visible}.tl-track-wrap:before{content:"";position:absolute;inset:-6px -6px 6px}.tl-day-labels{pointer-events:none;height:14px;margin-top:6px;position:relative;left:0;right:0}.tl-day-label{color:#94a3b8;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;font-size:.62rem;font-weight:600;position:absolute;transform:translate(-50%)}.tl-day-label-first{transform:translate(0)}.tl-track{background:#00000014;border-radius:3px;height:5px;position:relative;overflow:visible}.tl-fill{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 60%,#60a5fa 100%);border-radius:3px;height:100%;transition:width 80ms linear;position:absolute;top:0;left:0}.tl-tick{pointer-events:none;background:#0000001a;width:1px;height:9px;position:absolute;top:-2px;transform:translate(-.5px)}.tl-tick-day{background:#0003;width:1.5px;height:13px;top:-4px}.tl-tick-active{background:var(--accent-hover);box-shadow:0 0 4px var(--accent-glow)}.tl-thumb{z-index:3;background:#fff;border:1.5px solid #2563eb;border-radius:5px;justify-content:center;align-items:center;width:10px;height:22px;transition:left 80ms linear;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #2563eb73,0 2px 5px #0003}.tl-thumb-notch{background:#2563eb;border-radius:1px;width:2px;height:8px}.tl-track-wrap:hover .tl-thumb,.tl-track-wrap.dragging .tl-thumb{transform:translate(-50%,-50%)scale(1.18);box-shadow:0 0 16px #2563eba6,0 3px 6px #0000004d}.tl-hover-line{pointer-events:none;z-index:2;background:#0003;width:1px;height:17px;position:absolute;top:-6px;transform:translate(-.5px)}.tl-tooltip{border:1px solid var(--border-glass);color:var(--text-main);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0a0f1eeb;border-radius:6px;padding:4px 8px;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);box-shadow:0 4px 12px #0006}.tl-play-wrap{width:var(--play-size);height:var(--play-size);flex-shrink:0;position:relative}.tl-play-wrap .tl-play{z-index:1;position:relative}.tl-loading-ring{z-index:2;pointer-events:none;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;top:-3px;left:-3px;transform:rotate(-90deg)}.tl-loading-ring-bg{stroke:#2563eb26}.tl-loading-ring-fill{stroke:#2563eb;filter:drop-shadow(0 0 3px #2563eb80);transition:stroke-dasharray .2s}.tl-load-pct{color:var(--accent-hover);font-variant-numeric:tabular-nums;font-weight:500}.tl-loaded-range{pointer-events:none;background:#3b82f61f;border-radius:3px;height:100%;transition:width .15s,left .15s;position:absolute;top:0}.tl-tick-ready{background:#ffffff2e}.tl-tick-pending{background:#ffffff0a}.tl-tick-day.tl-tick-ready{background:#ffffff52}.tl-tick-day.tl-tick-pending{background:#ffffff14}.tl-now-dot{pointer-events:none;z-index:4;background:#fbbf24;border:1.5px solid #0f172ad9;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fbbf24e6,0 0 2px #fbbf24}.temp-bar{background:linear-gradient(90deg,#2d0078,#003ceb,#00d2e6,#50f032,#ff0,orange,#f03c00,#820046)}.precip-bar{background:linear-gradient(90deg,#0000 0%,#b4dcff 6%,#78beff 14%,#3c9bff 24%,#1473fa 34%,#0050dc 44%,#0037be 54%,#1eb450 64%,#ffc800 78%,#ff7800 88%,#f01e00 96%,#aa0064 100%)}.precip-accum-bar{background:linear-gradient(90deg,#0000 0%,#b4ebff 1%,#64c8ff 16.7%,#1e91f5 33.3%,#0f50dc 50%,#8228d2 66.7%,#d21ea0 83.3%,#eb1e32 91.7%,#ffd21e 100%)}.pressure-bar{background:linear-gradient(90deg,#1e1ea0,#3c78e6,#8cd2fa,#f0f0f0,#ffb950,#dc3c14,#aa140a)}.cloud-bar{background:linear-gradient(90deg,#f0f0f500 0%,#ebebf040 15%,#e1e1e873 30%,#d7d7e199 45%,#c8c8d4b8 58%,#b4b6c3d1 72%,#9b9eace6 86%,#828796f2 100%)}.gust-bar{background:linear-gradient(90deg,#0000 0%,#50c878 10%,#b4f028 25%,#ff0 40%,#ffbe00 55%,#ff7800 65%,#f02800 80%,#a000b4 100%)}.wind-bar{background:linear-gradient(90deg,#0000 0%,#288cd2 8%,#1eb4dc 18%,#28d26e 30%,#fadc14 45%,#ff820f 60%,#e61e28 80%,#b414b4 100%)}.humidity-bar{background:linear-gradient(90deg,#a06428,#d2c864,#8cd264,#3cc882,#28a0c8,#3c28c8)}.geopot-bar{background:linear-gradient(90deg,#1e1ea0,#3c78e6,#8cd2fa,#f0f0f0,#ffb950,#dc3c14,#aa140a)}.precip-type-bar{background:linear-gradient(90deg,#0f6ef5 0% 33%,#00d2ff 33% 66%,#dc00dc 66% 100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes drawerSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.forecast-drawer{background:#080c18fa;border-top:1px solid #ffffff14;flex-direction:column;flex:0 0 40%;min-height:0;animation:.45s cubic-bezier(.16,1,.3,1) forwards drawerSlideUp;display:flex;overflow:hidden}.drawer-topbar{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:6px 16px;display:flex}.drawer-location-inline{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.drawer-location-inline svg{color:#3b82f6;flex-shrink:0}.drawer-loc-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.drawer-loc-coords{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.72rem}.drawer-loc-tz{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:.72rem;display:flex}.drawer-close{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.drawer-close:hover{color:#fff;background:#ffffff1f}.drawer-tabs{flex-shrink:0;gap:3px;display:flex}.drawer-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #0000;border-radius:6px;padding:3px 10px;font-family:inherit;font-size:.74rem;font-weight:500;transition:all .2s}.drawer-tab:hover{color:var(--text-main);background:#ffffff14}.drawer-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-hover)}.drawer-chart{flex:1;min-height:0;padding:4px 16px 8px;overflow:hidden}.drawer-chart .meteogram-content{flex-direction:column;height:100%;display:flex}.drawer-chart .meteogram-tabs{flex-shrink:0}.drawer-chart .meteogram-chart-area{flex:1;min-height:0}.drawer-chart .overview-layout{flex-direction:column;height:100%;display:flex}.drawer-chart .overview-main-chart{flex:1;min-height:0}.drawer-chart .wind-tab-layout{height:100%}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-row{align-items:center;gap:8px;display:flex}.location-search{width:100%;position:relative}.search-input-wrap{border-radius:12px;align-items:center;gap:8px;transition:all .25s;display:flex}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit}.search-input::placeholder{color:#94a3b899}.search-spinner{color:var(--accent-primary);flex-shrink:0;animation:.8s linear infinite spin}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .2s;display:flex}.search-clear:hover{color:var(--text-main);background:#ffffff1a}.search-results{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg);z-index:100;background:#0a0f1ef5;border-radius:12px;margin-top:6px;list-style:none;animation:.15s fadeIn;position:absolute;top:100%;left:0;right:0;overflow:hidden}.search-result-item{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.search-result-item:hover,.search-result-item.active{background:#3b82f626}.result-pin{color:var(--accent-primary);flex-shrink:0}.result-text{flex-direction:column;min-width:0;display:flex}.result-primary{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.result-secondary{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;overflow:hidden}.hero-search .search-input-wrap{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;max-width:520px;margin:0 auto;padding:14px 20px}.hero-search .search-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 20px #3b82f633}.hero-search .search-input{font-size:1.05rem}.landing-page .hero-search .search-input-wrap{background:#ffffffb3;border-color:#0000001a;box-shadow:0 4px 20px #0000000a,inset 0 1px #fffc}.landing-page .hero-search .search-input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f,0 4px 20px #0000000f}.landing-page .hero-search .search-input{color:#1e293b}.landing-page .hero-search .search-input::placeholder,.landing-page .hero-search .search-icon,.landing-page .hero-search .search-clear{color:#94a3b8}.landing-page .hero-search .search-clear:hover{color:#475569}.hero-search .search-results{max-width:520px;margin-left:auto;margin-right:auto}.compact-search{margin:4px 0}.compact-search .search-input-wrap{border:1px solid var(--border-glass);background:#0a0f1eeb;border-radius:8px;padding:5px 8px}.compact-search .search-input-wrap:focus-within{border-color:#3b82f666}.compact-search .search-input{font-size:.78rem}.compact-search .search-result-item{padding:7px 10px}.compact-search .result-primary{font-size:.8rem}.compact-search .result-secondary{font-size:.65rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.global-nav{z-index:100;-webkit-backdrop-filter:blur(18px);box-sizing:border-box;background:#ffffffe0;border-bottom:1px solid #00000012;align-items:center;gap:16px;height:56px;padding:10px clamp(16px,4vw,48px);display:flex;position:sticky;top:0;left:0;right:0}.global-nav--overlay{pointer-events:auto;z-index:20;background:#ffffffe0;border-bottom:1px solid #00000012;border-radius:0;position:absolute;top:0;left:0;right:0}.global-nav__logo{flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.global-nav__logo:hover{transform:scale(1.08)}.global-nav__links{align-items:center;gap:4px;display:flex}.global-nav__link{color:#64748b;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.global-nav__link:hover{color:#1e293b;background:#0000000a}.global-nav__link.active{color:#1e40af;background:#3b82f614;font-weight:600}.global-nav__search{flex-shrink:1;width:220px;min-width:0;max-width:240px}.navbar-search .search-input-wrap{background:#0000000a;border:1px solid #00000014;border-radius:10px;padding:7px 12px}.navbar-search .search-input-wrap:focus-within{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.navbar-search .search-input{color:#1e293b;font-size:.85rem}.navbar-search .search-input::placeholder,.navbar-search .search-icon,.navbar-search .search-clear{color:#94a3b8}.navbar-search .search-clear:hover{color:#475569;background:#0000000f}.navbar-search .search-results{background:#fffffffa;border-color:#0000001a;min-width:280px;left:auto;right:0;box-shadow:0 8px 32px #0000001f}.navbar-search .search-result-item:hover,.navbar-search .search-result-item.active{background:#3b82f614}.navbar-search .result-primary{color:#1e293b}.navbar-search .result-secondary{color:#94a3b8}.global-nav__right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.global-nav__actions{align-items:center;gap:4px;display:flex}.global-nav__controls{flex-shrink:1;align-items:center;gap:6px;min-width:0;margin-left:4px;display:flex}.global-nav__panel-toggle{color:#475569;cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:none}.global-nav__panel-toggle:hover{color:#1e293b;background:#0000000a}.global-nav__panel{-webkit-backdrop-filter:blur(18px);background:#fffffff7;border-bottom:1px solid #00000014;flex-direction:column;gap:8px;padding:10px 16px 14px;animation:.2s navSlideDown;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #0000001a}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-nav__panel-controls{flex-direction:column;gap:6px;display:flex}.global-nav__panel-controls .nav-layer-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;overflow-x:auto}.global-nav__panel-controls .nav-layer-group::-webkit-scrollbar{display:none}.global-nav__panel-controls .nav-layer-btn{flex-shrink:0}.global-nav__panel-actions{gap:8px;padding:4px 0;display:flex}@media (width<=768px){.global-nav{flex-wrap:nowrap;gap:6px;height:auto;min-height:48px;padding:6px 10px}.global-nav__links{gap:2px}.global-nav__link{gap:4px;padding:8px 10px;font-size:.78rem}.global-nav__link svg{width:20px;height:20px}.global-nav__controls{display:none}.global-nav__right{flex-shrink:1;gap:6px;min-width:0;margin-left:auto}.global-nav__actions{display:none}.global-nav__search{flex-shrink:1;width:auto;min-width:36px;max-width:90px}.global-nav__search .search-input{font-size:.75rem}.global-nav__panel-toggle{flex-shrink:0;padding:8px;display:flex}.global-nav__panel-toggle svg{width:22px;height:22px}.global-nav [data-tip]:after{display:none}.global-nav__panel .nav-layer-group{background:#00000008;border-radius:12px;flex-wrap:wrap;gap:6px;padding:4px}.global-nav__panel .nav-layer-btn{border-radius:10px;flex:calc(50% - 6px);justify-content:center;gap:8px;min-width:calc(50% - 6px);padding:10px 12px;font-size:.82rem}.global-nav__panel .nav-layer-btn svg{width:20px;height:20px}.global-nav__panel .nav-layer-label{display:inline}}@media (width<=480px){.global-nav{gap:3px;padding:6px 8px}.global-nav__link{gap:0;padding:8px;font-size:0}.global-nav__link svg{width:22px;height:22px}.global-nav__search{min-width:32px;max-width:90px}.global-nav__search .search-input{font-size:.75rem}.nav-layer-label{display:none}.nav-layer-btn{gap:0;padding:7px 10px}.nav-layer-btn svg{width:20px;height:20px}}.nav-region-select{appearance:none;color:#1e293b;cursor:pointer;background:#0000000a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #0000001a;border-radius:8px;min-width:0;padding:5px 24px 5px 10px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .2s}.nav-region-select:hover{background-color:#0000000f;border-color:#0003}.nav-region-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61f}.nav-layer-group{background:#0000000a;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.nav-layer-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.nav-layer-btn:hover{color:#1e293b;background:#0000000a}.nav-layer-btn.active{color:#1e40af;background:#ffffffe6;font-weight:600;box-shadow:0 1px 4px #00000014}.nav-share-btn{color:#64748b;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.nav-share-btn:hover{color:#1e293b;background:#00000014}.nav-share-btn.saved{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.nav-legend{border-left:1px solid #00000014;flex-direction:column;gap:2px;min-width:140px;max-width:260px;padding:2px 10px;display:flex}.nav-legend .legend-title{font-size:.68rem}.nav-legend .legend-bar{border-radius:3px;height:6px}.nav-legend .legend-labels{font-size:.6rem}.landing-page{color:#1e293b;background:linear-gradient(165deg,#eef4fb 0%,#f8fafc 30%,#fff 100%);min-height:100vh}body:has(.landing-page){color:#1e293b;background:linear-gradient(165deg,#eef4fb 0%,#f8fafc 30%,#fff 100%)}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px clamp(20px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:#64748b;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#0f172a}.nav-cta{background:var(--gradient-active);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 2px 12px #3b82f64d}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #3b82f673}.landing-hero{text-align:center;justify-content:center;align-items:center;padding:36px 24px 28px;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 65%);width:500px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.hero-logo{filter:drop-shadow(0 0 30px #3b82f640);animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-text{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800;line-height:1.1}.hero-tagline{color:#64748b;font-size:clamp(.85rem,2vw,1rem);font-weight:400}.hero-cta{background:var(--gradient-active);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 26px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 3px 16px #3b82f64d}.hero-cta:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 24px #3b82f673}.landing-quick-access{flex-direction:column;gap:16px;max-width:680px;margin:0 auto;padding:0 24px 32px;display:flex}.quick-group{flex-direction:column;align-items:center;gap:8px;display:flex}.quick-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:flex}.quick-chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.city-chip{color:#475569;white-space:nowrap;background:#ffffffbf;border:1px solid #00000014;border-radius:20px;align-items:center;padding:6px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.city-chip:hover{color:#1e293b;background:#fff;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 2px 10px #3b82f61a}.city-chip-all{color:#3b82f6;background:#3b82f60f;border-color:#3b82f633;font-weight:600}.city-chip-all:hover{background:#3b82f61f;border-color:#3b82f666}.city-chip-fav{color:#92400e;background:#fbbf241a;border-color:#d9770633}.city-chip-fav:hover{color:#78350f;background:#fbbf242e;border-color:#d9770666;box-shadow:0 2px 10px #d977061f}.quick-group:has(.city-chip-fav) .quick-label{color:#d97706}.landing-features{max-width:900px;margin:0 auto;padding:24px clamp(20px,4vw,48px) 32px}.features-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}.feature-card{background:#ffffffb3;border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:6px;padding:18px 16px;transition:transform .2s,border-color .3s,box-shadow .3s;display:flex}.feature-card:hover{border-color:#3b82f640;transform:translateY(-2px);box-shadow:0 4px 14px #0000000d}.feature-icon-badge{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#6366f114);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;display:flex}.feature-card strong{color:#0f172a;font-size:.85rem;font-weight:600}.feature-card span{color:#64748b;font-size:.78rem;line-height:1.5}.section-subtitle{letter-spacing:-.01em;text-align:center;color:#334155;margin-bottom:20px;font-size:1.05rem;font-weight:700}.howto-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.howto-step{text-align:center;background:#ffffffb3;border:1px solid #0000000f;border-radius:14px;padding:24px 16px 20px;transition:transform .2s,border-color .3s;position:relative}.howto-step:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 14px #0000000d}.howto-num{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #3b82f64d}.howto-icon-wrap{color:#3b82f6;margin-bottom:8px}.howto-step h4{color:#0f172a;margin-bottom:5px;font-size:.85rem;font-weight:600}.howto-step p{color:#64748b;font-size:.78rem;line-height:1.5}.howto-step p a{color:#3b82f6;text-decoration:none}.section-title{letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700}@media (width<=768px){.features-grid,.howto-grid{grid-template-columns:repeat(2,1fr)}}.landing-gfs{max-width:1100px;margin:0 auto;padding:40px clamp(20px,4vw,48px) 60px}.landing-gfs .section-title{justify-content:center;align-items:center;gap:8px;display:flex}.gfs-intro{color:#64748b;text-align:center;max-width:800px;margin:0 auto 36px;font-size:1rem;line-height:1.7}.gfs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.gfs-card{background:#ffffffb3;border:1px solid #0000000f;border-radius:14px;padding:22px 20px;transition:border-color .3s}.gfs-card:hover{border-color:#3b82f640}.gfs-card h3{color:#0f172a;margin-bottom:8px;font-size:.95rem;font-weight:600}.gfs-card p{color:#64748b;font-size:.84rem;line-height:1.6}.gfs-card strong{color:#0f172a}.landing-about{max-width:800px;margin:0 auto;padding:60px clamp(20px,4vw,48px)}.about-text{color:#64748b;text-align:center;font-size:1rem;line-height:1.7}.landing-footer{border-top:1px solid #0000000f;max-width:1200px;margin:0 auto;padding:60px clamp(20px,4vw,48px) 30px}.footer-main{grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:32px;display:grid}.footer-section h3{color:#0f172a;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}.footer-section p{color:#64748b;margin-bottom:10px;font-size:.84rem;line-height:1.65}.footer-section strong{color:#0f172a}.legal-placeholder{color:#64748bb3;background:#00000005;border:1px dashed #0000001a;border-radius:8px;padding:12px 16px;font-style:italic}.ack-list{padding:0;list-style:none}.ack-list li{color:#64748b;padding:4px 0;font-size:.82rem;line-height:1.5}.ack-list a{color:#3b82f6;text-decoration:none;transition:color .2s}.ack-list a:hover{color:#2563eb;text-decoration:underline}.footer-notice{background:#00000005;border:1px solid #0000000d;border-radius:10px;margin-bottom:24px;padding:16px 20px}.footer-notice p{color:#64748b99;text-align:center;margin:0;font-size:.75rem;line-height:1.6}.footer-bottom{text-align:center;color:#64748b99;border-top:1px solid #0000000f;padding-top:20px;font-size:.78rem}@media (width<=768px){.footer-main{grid-template-columns:1fr;gap:28px}.howto-grid{grid-template-columns:repeat(2,1fr)}.sidebar-toggle{top:var(--space-edge);right:var(--space-edge);border:1px solid var(--border-glass);background:var(--bg-panel);width:42px;height:42px;-webkit-backdrop-filter:var(--panel-blur);color:var(--text-main);cursor:pointer;z-index:20;box-shadow:var(--shadow-lg);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.sidebar-toggle:hover{background:var(--bg-panel-hover)}.sidebar-backdrop{z-index:14;background:#0006;animation:.2s fadeIn;display:block;position:absolute;inset:0}.right-panel{border-top:none;border-bottom:none;border-right:none;border-left:1px solid var(--border-glass);z-index:15;border-radius:0;width:170px;max-width:55vw;max-height:none;padding:12px 8px;transition:transform .3s cubic-bezier(.16,1,.3,1);animation:none;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.right-panel.mobile-sidebar-open{transform:translate(0)}.compact-search{display:block}.sidebar-label{display:none}.mobile-sidebar-open .sidebar-label{font-size:.78rem;display:inline}.rp-region,.layer-group-label,.rp-title{display:none}.rp-header{gap:6px;padding:2px}.sidebar-layer-btn{justify-content:flex-start;min-height:36px;padding:7px 8px}.sidebar-legend{padding:2px}.legend-title{font-size:.65rem}.legend-bar{height:8px}.legend-labels{font-size:.55rem}.drawer-open .map-section{flex:0 0 55%}.forecast-drawer{flex:0 0 45%}.bottom-bar{bottom:22px}.tl-bar{gap:3px;padding:6px 12px 5px}.tl-fill{transition:width}.tl-day-labels{height:14px;margin-top:5px}.tl-day-label{font-size:.6rem}.drawer-topbar{flex-wrap:wrap;gap:2px;padding:4px 10px}.drawer-location-inline{flex:100%;gap:4px;min-width:0}.drawer-loc-name{flex:1;min-width:0;font-size:.78rem}.drawer-loc-coords,.drawer-loc-tz{font-size:.68rem}.drawer-chart{padding:3px 8px 5px}.maplibregl-ctrl-bottom-right{z-index:12!important;bottom:95px!important;right:var(--space-edge)!important}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin-right:0!important}.drawer-open .maplibregl-ctrl-bottom-right{bottom:100px!important}.drawer-open .right-panel{z-index:50;border-radius:14px;gap:2px;width:auto;max-width:calc(100vw - 16px);padding:4px;position:fixed;inset:8px 8px auto auto;transform:none}.drawer-open .bottom-bar{right:var(--space-edge)}.drawer-open .rp-layers{flex-flow:row;gap:2px}.drawer-open .rp-region,.nav-links a{display:none}.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}}@media (width<=480px){.sidebar-toggle{border-radius:10px;width:38px;height:38px}.right-panel{width:160px;padding:10px 6px}.sidebar-layer-btn{border-radius:7px;min-height:34px;padding:6px 7px}.sidebar-layer-btn svg{width:16px;height:16px}.drawer-open .map-section{flex:0 0 55%}.forecast-drawer{flex:0 0 45%}.drawer-topbar{flex-wrap:wrap;gap:2px;padding:3px 8px}.drawer-location-inline{flex:100%;gap:4px;min-width:0}.drawer-loc-name{flex:1;min-width:0;font-size:.72rem}.drawer-loc-coords,.drawer-loc-tz{font-size:.62rem}.drawer-tabs{flex:auto}.drawer-tab{padding:2px 7px;font-size:.68rem}.drawer-chart{padding:1px 2px 2px}.cloud-strip-container{height:20px;padding:0 46px 0 18px}.recharts-legend-wrapper{font-size:9px!important}.recharts-legend-item{margin-right:8px!important}.recharts-tooltip-wrapper{max-width:50vw!important;transform:translateY(-1px)!important}.recharts-default-tooltip{padding:4px 7px!important;font-size:10px!important;line-height:1.3!important}.recharts-tooltip-item-list{flex-wrap:nowrap!important;gap:6px!important;display:flex!important}.recharts-tooltip-item{margin:0!important;padding:0!important}.tl-day-label{letter-spacing:0;font-size:.55rem}.features-grid{grid-template-columns:1fr;gap:16px}.landing-hero{min-height:auto;padding:80px 16px 40px}.hero-logo{width:56px;height:56px}.hero-cta{padding:12px 24px;font-size:.95rem}.hero-search .search-input-wrap{padding:10px 14px}.hero-cities{max-width:100%}.city-chip{padding:5px 11px;font-size:.76rem}}@media (height<=500px){.ui-overlay{padding:8px}.rp-title{display:none}.right-panel{max-height:none;top:var(--space-edge);right:var(--space-edge);flex-flow:wrap;gap:2px;padding:6px;bottom:auto;left:auto}.rp-header{gap:4px}.rp-layers{flex-flow:wrap;gap:2px}.sidebar-label,.sidebar-legend,.rp-divider{display:none}.drawer-open .map-section{flex:0 0 55%}.forecast-drawer{flex:0 0 45%}.drawer-topbar{padding:3px 8px}.drawer-chart{padding:2px 6px}}.share-wrapper{position:relative}.share-btn{background:var(--bg-panel);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.share-btn:hover{background:var(--bg-panel-hover);color:var(--text-main);border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-1px)}.share-btn:active{transform:scale(.97)}.share-btn-label{display:inline}.share-popover{-webkit-backdrop-filter:blur(20px);z-index:100;background:#fffffffa;border:1px solid #0000001a;border-radius:12px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards popoverIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000001f}@keyframes popoverIn{0%{opacity:0;transform:translateY(-6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.share-option{color:#1e293b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.share-option:hover{background:#3b82f614}.share-option svg{opacity:.7;flex-shrink:0}.share-option:hover svg{opacity:1}.share-option.copy-link svg{color:var(--accent-primary)}.share-option.whatsapp svg{color:#25d366}.share-option.twitter svg{color:#1da1f2}.share-option.facebook svg{color:#4267b2}.toast-container{z-index:9999;pointer-events:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);color:var(--text-main);font-family:var(--font-family);pointer-events:auto;background:#0a0f1ef2;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn,.3s cubic-bezier(.7,0,.84,0) 2.2s forwards toastOut;display:flex;box-shadow:0 12px 40px -8px #0009}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.toast-icon{color:#22c55e;flex-shrink:0}.favorites-section{flex-direction:column;gap:3px;padding:0 2px;display:flex}.favorites-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.7;align-items:center;gap:4px;padding:2px 4px;font-size:.72rem;font-weight:600;display:flex}.fav-chip{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;width:100%;padding:5px 8px;font-family:inherit;font-size:.8rem;transition:all .2s;display:flex;overflow:hidden}.fav-chip:hover{color:var(--text-main);border-color:var(--border-glass);background:#ffffff14}.fav-chip svg{color:#eab308;opacity:.7;flex-shrink:0}.fav-chip:hover svg{opacity:1}.fav-chip-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.fav-remove{width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.fav-chip:hover .fav-remove{opacity:1}.fav-remove:hover{color:#ef4444;background:#ef444433}.drawer-save-btn{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:4px 8px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.drawer-save-btn:hover{color:#eab308;background:#eab3081a;border-color:#eab3084d}.drawer-save-btn.saved{color:#eab308;border-color:#eab30840}.drawer-save-btn.saved svg{fill:#eab308}.drawer-share-btn{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;min-height:26px;padding:4px 6px;transition:all .2s;display:flex}.drawer-share-btn:hover{color:#60a5fa;background:#3b82f61f;border-color:#3b82f64d}.drawer-open .favorites-section{display:none}@media (width<=768px){.share-btn-label{display:none}.share-btn{padding:8px}.share-wrapper{position:relative}.share-popover{top:calc(100% + 8px);bottom:auto}}.wx-forecast-popup .maplibregl-popup-content{-webkit-backdrop-filter:blur(16px);color:#f1f5f9;border:1px solid #ffffff26;border-radius:14px;padding:12px 14px 14px;box-shadow:0 16px 36px #00000073,0 0 1px #fff3;background:#0f172aeb!important}.wx-forecast-popup .maplibregl-popup-tip{border-color:#0f172aeb!important}.wx-forecast-popup .maplibregl-popup-close-button{color:#ffffff80;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:15px;line-height:1;transition:all .2s;display:flex;top:8px;right:8px}.wx-forecast-popup .maplibregl-popup-close-button:hover{color:#fff;background:#fff3}.wx-popup-container{flex-direction:column;gap:8px;min-width:170px;display:flex}.wx-popup-title{color:#94a3b8;letter-spacing:.02em;padding-right:20px;font-size:.75rem;font-weight:600}.wx-popup-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #2563eb59}.wx-popup-btn:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.wx-popup-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}:is(html:has(.fc-page),body:has(.fc-page)){color:#1e293b;background:linear-gradient(165deg,#eef4fb 0%,#f8fafc 30%,#fff 100%);overflow-x:hidden}.fc-page{color:#1e293b;min-height:100vh;font-family:var(--font-family);overscroll-behavior-x:none;background:linear-gradient(165deg,#eef4fb 0%,#f8fafc 30%,#fff 100%);width:100%;max-width:100vw;overflow-x:hidden}.fc-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;font-size:1rem;display:flex}.fc-loading .spinner{border-color:#3b82f6 #0000001a #0000001a}.fc-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#fffc;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.fc-back-link{color:#3b82f6;align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.fc-back-link:hover{opacity:.7}.fc-header-actions{gap:6px;display:flex}.fc-icon-btn{cursor:pointer;color:#64748b;background:#0000000a;border:1px solid #00000014;border-radius:10px;padding:8px;transition:all .2s;display:flex}.fc-icon-btn:hover{color:#1e293b;background:#00000014}.fc-icon-btn.saved{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.fc-icon-btn[data-tip]:after,.share-btn[data-tip]:after{top:calc(100% + 6px);bottom:auto}.fc-content{width:100%;max-width:860px;margin:0 auto;padding:24px 20px 40px;overflow-x:hidden}.fc-hero{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(170deg,#fffc 0%,#f0f5ff8c 100%);border:1px solid #ffffffd9;border-top:2px solid #3b82f626;border-radius:20px;margin-bottom:24px;padding:22px 24px 18px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 4px #00000005}.fc-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#3b82f60d 0%,#0000 60%);width:140%;height:120%;position:absolute;top:-60%;left:-20%;overflow:hidden}.fc-hero-actions{z-index:2;gap:5px;display:flex;position:absolute;top:10px;right:10px}.fc-hero-pill,.fc-hero-fav{color:#64748b;cursor:pointer;background:#fffc;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.fc-hero-pill:hover,.fc-hero-fav:hover{color:#3b82f6;background:#fffffff2;border-color:#3b82f640;box-shadow:0 2px 8px #00000014}.fc-hero-fav:hover{color:#f59e0b;border-color:#f59e0b4d}.fc-hero-fav.saved{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b40}.fc-hero-fav.saved svg{fill:#f59e0b}.fc-hero-fav.fav-flash{color:#22c55e;background:#22c55e14;border-color:#22c55e59;animation:.35s ease-out favFlashPulse}@keyframes favFlashPulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.fc-hero-icon{margin-bottom:2px;position:relative}.fc-hero-temp{color:#0f172a;letter-spacing:-.03em;font-size:clamp(2.4rem,8vw,3.5rem);font-weight:600;line-height:1.1;position:relative}.fc-hero-condition{color:#475569;letter-spacing:.01em;margin-bottom:6px;font-size:.95rem;font-weight:500;position:relative}.fc-hero-location{color:#64748b;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:.82rem;font-weight:500;display:flex;position:relative}.fc-hero-meta{color:#64748b;border-top:1px solid #0000000a;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:10px;font-size:.75rem;display:flex;position:relative}.fc-hero-meta span{background:#00000008;border-radius:16px;align-items:center;gap:4px;padding:3px 9px;font-weight:500;display:flex}.fc-section-title{color:#334155;letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:14px;font-size:1.05rem;font-weight:600;display:flex}.fc-section-title:before{content:"";background:linear-gradient(#3b82f6,#6366f1);border-radius:2px;width:3px;height:1.1em}.fc-deg{color:#94a3b8;vertical-align:super;font-size:.5em;font-weight:400}.fc-days-section{margin-bottom:28px}.fc-days-scroll{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#0000001a transparent;align-items:flex-start;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.fc-days-scroll::-webkit-scrollbar{height:4px}.fc-days-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.fc-day-card{text-align:center;scroll-snap-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff9;border:1px solid #0000000f;border-radius:16px;flex:none;width:82px;min-width:82px;padding:14px 8px 12px;transition:transform .2s,box-shadow .2s,width .3s,min-width .3s}.fc-day-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.fc-day-card.today{background:#3b82f60f;border-color:#3b82f6}.fc-day-card.expanded{background:#ffffffd9;border-color:#3b82f633;width:auto;min-width:120px;box-shadow:0 4px 20px #00000014}.fc-day-name{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.75rem;font-weight:600}.fc-day-date{color:#94a3b8;margin-bottom:6px;font-size:.65rem}.fc-day-card.today .fc-day-name{color:#3b82f6}.fc-day-icon{justify-content:center;margin-bottom:6px;display:flex}.fc-day-temps{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.fc-day-high{color:#0f172a;font-size:.95rem;font-weight:700}.fc-day-low{color:#94a3b8;font-size:.95rem;font-weight:500}.fc-day-rain{color:#3b82f6;justify-content:center;align-items:center;gap:3px;margin-top:2px;font-size:.7rem;display:flex}.fc-day-periods{border-top:1px solid #0000000f;justify-content:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.fc-period{flex-direction:column;align-items:center;gap:2px;display:flex}.fc-period-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:600}.fc-period-icon{justify-content:center;align-items:center;height:22px;display:flex}.fc-period-temp{color:#475569;font-size:.75rem;font-weight:600}.fc-hourly-table-wrap{margin-top:16px;animation:.35s cubic-bezier(.16,1,.3,1) forwards fcHourlyIn}@keyframes fcHourlyIn{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:1200px;transform:translateY(0)}}.fc-hourly-title{color:#475569;align-items:center;gap:6px;margin-bottom:10px;padding-left:2px;font-size:.88rem;font-weight:600;display:flex}.fc-hourly-scroll{overscroll-behavior-x:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:thin;scrollbar-color:#0000001a transparent;background:linear-gradient(170deg,#ffffffd9 0%,#f0f5ff99 100%);border:1px solid #0000000f;border-radius:14px;overflow-x:auto;box-shadow:0 4px 20px #0000000a,inset 0 1px #fffc}.fc-hourly-scroll::-webkit-scrollbar{height:4px}.fc-hourly-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.fc-hourly-table{border-collapse:collapse;width:100%;min-width:440px;font-size:.82rem}.fc-hourly-table thead{z-index:2;position:sticky;top:0}.fc-hourly-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap;background:#f1f5f9f2;border-bottom:2px solid #3b82f61f;gap:0;padding:10px 14px;font-size:.72rem;font-weight:700;display:table-cell}.fc-hourly-table th svg{vertical-align:-2px;opacity:.65;margin-right:4px}.fc-hourly-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #0000000a;padding:9px 14px;transition:background .15s}.fc-hourly-table tbody tr:hover td{background:#3b82f60a}.fc-hourly-table tbody tr:last-child td{border-bottom:none}.fc-hourly-night td{background:#0f172a08}.fc-hourly-night:hover td{background:#0f172a0f!important}.fc-hourly-time{font-variant-numeric:tabular-nums;color:#0f172a;font-size:.88rem;font-weight:700}.fc-hourly-temp{color:#0f172a;font-size:.92rem;font-weight:700}.fc-precip-pill{color:#2563eb;background:#3b82f61a;border-radius:10px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.fc-precip-zero{color:#cbd5e1}.fc-hourly-wind{align-items:center;gap:6px;display:inline-flex}.fc-wind-val{font-variant-numeric:tabular-nums;font-weight:500}.fc-wind-dir-arrow{color:#64748b;background:#0000000a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;line-height:1;transition:transform .2s;display:inline-flex}.fc-hourly-cloud{align-items:center;gap:8px;display:inline-flex}.fc-cloud-bar-bg{background:#0000000f;border-radius:3px;width:52px;height:6px;display:inline-block;position:relative;overflow:hidden}.fc-cloud-bar-fill{background:linear-gradient(90deg,#94a3b8,#64748b);border-radius:3px;height:100%;transition:width .3s;display:block}.fc-cloud-pct{color:#64748b;font-variant-numeric:tabular-nums;min-width:32px;font-size:.75rem;font-weight:600}@media (width<=600px){.fc-hourly-table{min-width:400px;font-size:.78rem}.fc-hourly-table th,.fc-hourly-table td{padding:7px 10px}.fc-cloud-bar-bg{width:36px}.fc-hourly-title{font-size:.82rem}}.fc-chart-section{max-width:100%;margin-bottom:28px;overflow:hidden}.fc-chart-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(170deg,#ffffffd9 0%,#f0f5ff99 100%);border:1px solid #0000000f;border-radius:18px;padding:20px 16px 12px;overflow:hidden;box-shadow:0 4px 20px #0000000a,inset 0 1px #fffc}.fc-chart-wrap{touch-action:pan-y pinch-zoom;width:100%;max-width:100%;overflow:hidden}.fc-wind-dir-strip{height:38px;padding:0 36px 0 30px;display:flex;overflow:hidden}.fc-wind-dir-cell{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.fc-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0;display:flex}.fc-action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.fc-action-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 16px #6366f14d}.fc-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.fc-climate-section{margin-bottom:8px}.fc-climate-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(170deg,#fff9 0%,#f0f5ff66 100%);border:1px solid #0000000d;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.fc-climate-icon{color:#94a3b8;flex-shrink:0;margin-top:1px}.fc-climate-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.fc-climate-text{color:#64748b;margin:0;font-size:.82rem;line-height:1.55}.fc-footer{text-align:center;color:#94a3b8;border-top:1px solid #0000000f;margin-top:24px;padding:24px 16px;font-size:.78rem}.fc-footer a{color:#64748b;text-decoration:none}.fc-footer a:hover{text-decoration:underline}@media (width<=600px){.fc-content{padding:16px 12px 32px}.fc-hero{border-radius:16px;margin-bottom:20px;padding:24px 16px 20px}.fc-hero-temp{font-size:3rem}.fc-day-card{width:72px;min-width:72px;padding:10px 6px 8px}.fc-day-card.expanded{min-width:100px}.fc-period-label{font-size:.55rem}.fc-chart-card{padding:10px 6px 6px}.fc-header{padding:10px 14px}.fc-wind-dir-strip{padding:0 8px 0 18px}}.gw-hero{background:#fff;border:1px solid #00000014;border-radius:20px;margin-bottom:20px;padding:20px 24px;box-shadow:0 4px 20px #0000000a}.gw-hero-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gw-hero-location{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.gw-location-text{flex-direction:column;min-width:0;display:flex}.gw-location-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.gw-location-sub{color:#64748b;margin-top:2px;font-size:.78rem;font-weight:400;line-height:1.3;display:block}.gw-pin-icon{color:#ef4444}.gw-hero-actions{gap:8px;display:flex}.gw-pill-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.gw-pill-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.gw-pill-btn.saved{color:#d97706;background:#fffbeb;border-color:#fde68a}.gw-pill-btn.saved svg{fill:#d97706}.gw-pill-btn.flash{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.gw-hero-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.gw-hero-left{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.gw-weather-icon-wrap{justify-content:center;align-items:center;display:flex}.gw-temp-display{align-items:flex-start;line-height:1;display:flex}.gw-temp-num{color:#0f172a;letter-spacing:-.03em;font-size:3.8rem;font-weight:600}.gw-temp-unit{color:#64748b;margin-top:8px;margin-left:2px;font-size:1.2rem;font-weight:500}.gw-side-stats{color:#64748b;border-left:2px solid #e2e8f0;flex-direction:column;gap:3px;padding-left:14px;font-size:.8rem;display:flex}.gw-stat-item{gap:6px;display:flex}.gw-stat-label{color:#94a3b8}.gw-stat-val{color:#334155;font-weight:600}.gw-hero-right{text-align:right}.gw-cond-title{color:#0f172a;font-size:1.15rem;font-weight:600}.gw-time-str{color:#64748b;margin-top:2px;font-size:.82rem}.gw-cond-text{color:#475569;margin-top:4px;font-size:.88rem;font-weight:500}.gw-chart-card{background:#fff;border:1px solid #00000014;border-radius:20px;margin-bottom:24px;padding:16px 20px 20px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.gw-tabs-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.gw-tabs{gap:16px;margin-bottom:0;display:flex}.gw-range-toggle{background:#f1f5f9;border-radius:10px;gap:2px;margin-bottom:4px;padding:3px;display:inline-flex}.gw-range-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 10px;font-size:.76rem;font-weight:500;transition:all .2s}.gw-range-btn:hover{color:#0f172a}.gw-range-btn.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.gw-tab{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px 4px 12px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.gw-tab:hover{color:#0f172a}.gw-tab.active{color:#f59e0b;font-weight:600}.gw-tab.active:after{content:"";background:#f59e0b;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}.gw-chart-container{width:100%;position:relative}.gw-carousel-card{background:#fff;border:1px solid #00000014;border-radius:20px;margin-bottom:24px;padding:16px 20px;box-shadow:0 4px 20px #0000000a}.gw-card-title{color:#334155;align-items:center;gap:8px;margin-bottom:12px;font-size:.92rem;font-weight:600;display:flex}.gw-days-carousel{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#0000001a transparent;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.gw-days-carousel::-webkit-scrollbar{height:4px}.gw-days-carousel::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.gw-day-tile{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:0 0 82px;justify-content:space-between;align-items:center;width:82px;min-width:82px;height:118px;padding:10px 4px 12px;transition:all .2s;display:flex}.gw-day-tile:hover{background:#f1f5f9;border-color:#cbd5e1}.gw-day-tile.active{background:#eff6ff;border:2px solid #3b82f6;box-shadow:0 2px 10px #3b82f626}.gw-tile-day{color:#334155;font-size:.76rem;font-weight:600}.gw-tile-icon{justify-content:center;align-items:center;display:flex}.gw-tile-temps{gap:5px;font-size:.76rem;font-weight:600;line-height:1;display:flex}.gw-tile-high{color:#0f172a}.gw-tile-low{color:#94a3b8;font-weight:500}.gw-tile-rain{white-space:nowrap;margin-bottom:2px;font-size:.65rem;font-weight:500;line-height:1}.gw-tile-rain .has-rain{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fdb3;border-radius:9999px;padding:1.5px 6px;font-weight:600;display:inline-block}.gw-tile-rain .no-rain{color:#94a3b8}.gw-detail-card{background:#fff;border:1px solid #00000014;border-radius:20px;margin-bottom:24px;padding:18px 20px;box-shadow:0 4px 20px #0000000a}.gw-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.gw-detail-title{color:#0f172a;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.gw-view-toggle{background:#f1f5f9;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.gw-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.gw-view-btn:hover{color:#0f172a}.gw-view-btn.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.gw-wind-strip{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-wrap:wrap;justify-content:space-around;gap:6px;margin-top:14px;padding:10px 6px;display:flex}.gw-wind-step{color:#475569;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;display:flex}.gw-wind-step-time{color:#94a3b8;font-size:.68rem;font-weight:500}.gw-wind-step-speed{color:#0891b2;align-items:center;gap:3px;font-size:.72rem;font-weight:600;display:flex}.gw-wind-unit{color:#64748b;font-size:.65rem;font-weight:500}.gw-wind-arrow{color:#0284c7;font-size:.82rem;transition:transform .2s;display:inline-block}.gw-integrated-detail-section{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:18px}.gw-3tier-stack{flex-direction:column;gap:12px;margin-top:8px;display:flex}.gw-tier-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;padding:10px 8px 6px;position:relative}.gw-tier-label{color:#475569;align-items:center;gap:5px;margin-bottom:2px;margin-left:8px;font-size:.76rem;font-weight:600;display:flex}.gw-sky-icon-row{justify-content:space-around;padding:2px 16px;display:flex}.gw-sky-icon-col{justify-content:center;align-items:center;width:24px;display:flex}.gw-wind-arrows-row{justify-content:space-around;margin-top:-4px;padding:2px 16px 4px;display:flex}.gw-wind-arrow-step{justify-content:center;align-items:center;width:24px;display:flex}.fc-details-toggle-section{margin-bottom:24px}.gw-details-toggle-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000008}.gw-details-toggle-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}@media (width<=600px){.gw-hero{padding:16px}.gw-temp-num{font-size:3rem}.gw-hero-body{flex-direction:column;align-items:flex-start;gap:12px}.gw-hero-right{text-align:left;border-top:1px solid #f1f5f9;width:100%;padding-top:10px}.gw-side-stats{border-left:none;margin-top:4px;padding-left:0}.gw-chart-card{padding:12px}.gw-day-tile{flex:0 0 70px;width:70px;min-width:70px;height:114px;padding:8px 2px 10px}}.gw-header-stats{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;margin-bottom:6px;display:flex}.gw-stat-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:3.5px;padding:2.5px 8.5px;font-size:10.5px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #00000008}.gw-stat-pill strong{font-weight:700}.gw-stat-pill.max-temp{color:#d97706;background:#fef3c7bf;border:1px solid #fbbf2499}.gw-stat-pill.min-temp{color:#b45309;background:#fef3c773;border:1px solid #fbbf2473}.gw-stat-pill.max-precip{color:#1d4ed8;background:#dbeafebf;border:1px solid #93c5fdb3}.gw-stat-pill.total-precip{color:#0284c7;background:#e0f2febf;border:1px solid #bae6fdcc}@media (width<=600px){.gw-header-stats{gap:4px;margin-top:8px;margin-bottom:4px}.gw-stat-pill{padding:2px 7px;font-size:10px}}.landing-page.google-style{background:#f8fafc;min-height:100vh}.landing-hero-v2{text-align:center;background:linear-gradient(#edf4ff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0cc;padding:48px 24px 40px;position:relative;overflow:hidden}.hero-glow-v2{pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#fff0 70%);width:600px;height:350px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-content-v2{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex;position:relative}.hero-badge{color:#2563eb;background:#fff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #2563eb0f}.sparkle-icon{color:#3b82f6}.hero-title-v2{color:#0f172a;letter-spacing:-.03em;margin-bottom:16px;font-size:2.75rem;font-weight:800;line-height:1.15}.hero-title-gradient{background:linear-gradient(135deg,#2563eb 0%,#0284c7 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle-v2{color:#475569;max-width:620px;margin-bottom:28px;font-size:1.05rem;line-height:1.5}.hero-search-box-wrap{width:100%;max-width:580px;margin-bottom:24px}.hero-actions-v2{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-cta-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero-cta-btn.primary{color:#fff;background:#2563eb;border:none;box-shadow:0 4px 14px #2563eb47}.hero-cta-btn.primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.hero-cta-btn.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.hero-cta-btn.secondary:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.landing-quick-access-v2{flex-direction:column;gap:32px;max-width:1120px;margin:36px auto;padding:0 24px;display:flex}.section-header-v2{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-header-v2 h2{color:#0f172a;flex:1;margin:0;font-size:1.15rem;font-weight:700}.fav-star-icon{color:#d97706}.globe-icon{color:#3b82f6}.header-link-all{color:#2563eb;font-size:.85rem;font-weight:600;text-decoration:none}.header-link-all:hover{text-decoration:underline}.favorites-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;display:grid}.fav-card{box-sizing:border-box;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.fav-card:hover{background:#fef3c7;transform:translateY(-2px);box-shadow:0 4px 12px #d977061f}.fav-card-icon{background:#fef3c7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fav-card-info{flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}.fav-card-name{color:#92400e;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.88rem;font-weight:600;overflow:hidden}.fav-card-coords{color:#b45309;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.74rem;overflow:hidden}.fav-card-arrow{color:#d97706;flex-shrink:0}.fav-live-weather,.city-live-weather{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding-left:4px;display:flex}.fav-live-temp{color:#b45309;font-size:1.05rem;font-weight:700}.city-live-temp{color:#0f172a;font-size:1.05rem;font-weight:700}.popular-cities-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;display:grid}.popular-city-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.popular-city-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.city-flag{font-size:1.4rem;line-height:1}.city-details{flex-direction:column;flex:1;min-width:0;display:flex}.city-name{color:#0f172a;font-size:.88rem;font-weight:600}.city-country{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.city-arrow{color:#94a3b8;transition:transform .2s}.popular-city-card:hover .city-arrow{color:#2563eb;transform:translate(2px)}.landing-features-v2{max-width:1120px;margin:48px auto 60px;padding:0 24px}.features-header-v2{text-align:center;margin-bottom:32px}.features-title{color:#0f172a;margin-bottom:6px;font-size:1.6rem;font-weight:800}.features-subtitle{color:#64748b;font-size:.95rem}.features-grid-v2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:56px;display:grid}.feature-card-v2{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .2s;box-shadow:0 4px 12px #00000008}.feature-card-v2:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 24px #00000012}.feature-badge-v2{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.feature-card-title{color:#0f172a;margin-bottom:8px;font-size:1.05rem;font-weight:700}.feature-card-desc{color:#64748b;margin:0;font-size:.86rem;line-height:1.5}.howto-section-v2{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 28px;box-shadow:0 4px 16px #00000008}.howto-title-v2{color:#0f172a;text-align:center;margin-bottom:24px;font-size:1.25rem;font-weight:700}.howto-grid-v2{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;display:grid}.howto-card-v2{flex-direction:column;align-items:flex-start;display:flex;position:relative}.howto-num-v2{color:#e2e8f0;font-size:2rem;font-weight:900;position:absolute;top:-8px;right:0}.howto-icon-v2{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.howto-card-v2 h4{color:#0f172a;margin-bottom:6px;font-size:.95rem;font-weight:700}.howto-card-v2 p{color:#64748b;margin:0;font-size:.82rem;line-height:1.45}.nav-unit-toggle{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000000d;border:1px solid #0000001f;border-radius:9999px;align-items:center;gap:3px;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.nav-unit-toggle:hover{color:#1e293b;background:#00000017;border-color:#0003}.nav-unit-toggle .unit-label{color:#94a3b8;transition:color .15s}.nav-unit-toggle .unit-label.active{color:#2563eb;font-weight:700}.nav-unit-toggle .unit-sep{opacity:.4;color:#64748b;font-size:.72rem}.search-gps-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:6px;transition:all .2s;display:flex}.search-gps-btn:hover{color:#2563eb;background:#2563eb14}.search-gps-btn.locating{color:#2563eb;animation:1.2s ease-in-out infinite pulse-gps}@keyframes pulse-gps{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.7;transform:scale(1)}}.search-geo-toast{color:#f8fafc;white-space:nowrap;z-index:1000;background:#1e293b;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;animation:.2s fadeInToast;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}@keyframes fadeInToast{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.hero-gps-quick-wrap{justify-content:center;margin-top:10px;display:flex}.hero-gps-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#475569;cursor:pointer;background:#fffc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:5px 13px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.hero-gps-pill:hover{color:#2563eb;background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb1a}.hero-gps-pill:disabled{opacity:.65;cursor:default;transform:none}.landing-gfs-science{max-width:1120px;margin:48px auto 24px;padding:0 24px}.gfs-science-header{text-align:center;flex-direction:column;align-items:center;max-width:720px;margin:0 auto 36px;display:flex}.gfs-science-badge{color:#2563eb;letter-spacing:.02em;text-transform:uppercase;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.gfs-science-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:12px;font-size:1.75rem;font-weight:800;line-height:1.25}.gfs-science-subtitle{color:#64748b;margin:0;font-size:.95rem;line-height:1.55}.gfs-science-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.gfs-science-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000005}.gfs-science-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.gfs-card-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.gfs-science-card h3{color:#0f172a;margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.35}.gfs-science-card p{color:#64748b;margin:0;font-size:.84rem;line-height:1.5}@media (width<=600px){.hero-title-v2{font-size:2rem}.landing-hero-v2{padding:32px 16px 28px}.popular-cities-grid,.favorites-cards-grid{grid-template-columns:1fr}.gfs-science-title{font-size:1.4rem}}