.weather-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(161,161,170,.3);transition:transform .28s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .25s ease-out,border-color .2s ease,background .2s ease;cursor:pointer;min-width:300px;max-width:340px;animation:cardAppear .5s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) backwards;position:relative;overflow:hidden}[data-theme=dark] .weather-card{background:#18181b99;border:1px solid rgba(63,63,70,.5);box-shadow:0 1px 3px #0000004d}.weather-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#a1a1aa80;background:#fffffff2}[data-theme=dark] .weather-card:hover{background:#27272acc;border-color:#71717a80;box-shadow:0 4px 12px #0006}.weather-card:active{transform:translateY(-1px);transition-duration:.12s}.weather-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.weather-card-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.weather-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}[data-theme=dark] .weather-icon{filter:drop-shadow(0 1px 2px rgba(255,255,255,.1))}.weather-icon img{width:56px;height:56px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.weather-card-body{margin-bottom:16px}.temperature{margin-bottom:12px}.temp-value{display:block;font-size:48px;font-weight:300;color:var(--text-primary);line-height:1;margin-bottom:4px;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;animation:tempPop .5s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) backwards}@keyframes tempPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.temp-feels{display:block;font-size:14px;color:var(--text-secondary);font-weight:400;letter-spacing:-.1px}.weather-description{font-size:15px;color:var(--text-secondary);text-transform:capitalize;margin-bottom:16px;font-weight:500;letter-spacing:-.1px}.weather-details{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-label{color:var(--text-secondary);font-weight:500;letter-spacing:-.1px}.detail-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.1px}.weather-card-footer{padding-top:12px;margin-top:12px;border-top:1px solid var(--border)}.last-updated{font-size:11px;color:var(--text-secondary);font-weight:400;letter-spacing:-.1px}@keyframes cardAppear{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.rain-status{position:absolute;top:80px;left:20px;z-index:998;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(161,161,170,.3);min-width:160px;max-width:240px;animation:floatAround 8s ease-in-out infinite;transition:transform .28s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .25s ease-out}[data-theme=dark] .rain-status{background:#18181b99;border:1px solid rgba(63,63,70,.5);box-shadow:0 1px 3px #0000004d}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(3px,-4px) rotate(.4deg)}50%{transform:translate(-2px,-5px) rotate(-.3deg)}75%{transform:translate(-3px,-2px) rotate(.2deg)}}.rain-animation{position:relative;width:100%;height:50px;margin-bottom:10px;overflow:hidden;border-radius:8px;background:linear-gradient(to bottom,#0ea5e914,#0ea5e908)}.rain-drop{position:absolute;width:2px;height:12px;background:linear-gradient(to bottom,#0ea5e9cc,#0ea5e966);border-radius:0 0 50% 50%;animation:fall linear infinite}.rain-drop:nth-child(1){left:10%;animation-duration:1s;animation-delay:0s}.rain-drop:nth-child(2){left:25%;animation-duration:1s;animation-delay:.2s}.rain-drop:nth-child(3){left:40%;animation-duration:.9s;animation-delay:.1s}.rain-drop:nth-child(4){left:55%;animation-duration:1.1s;animation-delay:.3s}.rain-drop:nth-child(5){left:70%;animation-duration:.85s;animation-delay:.15s}.rain-drop:nth-child(6){left:85%;animation-duration:1.05s;animation-delay:.25s}.rain-drop:nth-child(7){left:15%;animation-duration:.95s;animation-delay:.05s}.rain-drop:nth-child(8){left:50%;animation-duration:1.15s;animation-delay:.35s}@keyframes fall{0%{top:-20px;opacity:.9;transform:translate(0)}to{top:100%;opacity:.25;transform:translate(2px)}}.dry-cloud{width:100%;height:50px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.7}.cloud-svg{width:60px;height:40px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.rain-info{text-align:center}.rain-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.1px}.rain-subtitle{font-size:11px;color:var(--text-secondary);font-weight:400}.rain-locations{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:180px;overflow-y:auto}.rain-location-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#0ea5e914;border-radius:6px;text-align:left}.rain-location-name{font-size:11px;font-weight:600;color:var(--text-primary)}.rain-location-desc{font-size:10px;color:var(--text-secondary);text-transform:capitalize}@media (max-width: 768px){.rain-status{top:12px;left:12px;right:auto;max-width:200px;min-width:140px;padding:10px 12px}.rain-locations{max-height:120px}}.coldest-locations{position:absolute;top:80px;right:20px;z-index:999;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:8px 12px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(161,161,170,.3);min-width:140px;max-width:180px;animation:floatAroundCold 9s ease-in-out infinite;animation-delay:1s;transition:transform .28s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}[data-theme=dark] .coldest-locations{background:#18181b99;border:1px solid rgba(63,63,70,.5);box-shadow:0 1px 3px #0000004d}@keyframes floatAroundCold{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-3px) rotate(-.25deg)}50%{transform:translate(2px,-4px) rotate(.2deg)}75%{transform:translate(2px,-2px) rotate(-.15deg)}}.coldest-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;justify-content:center}.coldest-icon{font-size:14px;animation:spinCold 5s linear infinite}@keyframes spinCold{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coldest-title{font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.coldest-list{display:flex;flex-direction:column;gap:4px}.coldest-item{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#0ea5e914;border-radius:6px;position:relative;overflow:hidden;animation:slideInRight .4s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) backwards}.coldest-item:nth-child(1){animation-delay:.05s}.coldest-item:nth-child(2){animation-delay:.1s}.coldest-item:nth-child(3){animation-delay:.15s}.coldest-item:nth-child(4){animation-delay:.2s}.coldest-item:nth-child(5){animation-delay:.25s}.coldest-temp{font-size:13px;font-weight:700;color:#0ea5e9;min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.coldest-name{font-size:11px;font-weight:500;color:var(--text-primary);flex:1;letter-spacing:-.1px}.coldest-effect{position:absolute;pointer-events:none;opacity:.3}.coldest-effect.snow{width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,white 1px,transparent 1px),radial-gradient(circle at 60% 70%,white 1px,transparent 1px),radial-gradient(circle at 80% 20%,white 1px,transparent 1px);background-size:20px 20px,15px 15px,25px 25px;animation:snowFall 3s linear infinite}@keyframes snowFall{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.coldest-effect.frost{width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:frostShimmer 2s ease-in-out infinite}@keyframes frostShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.coldest-effect.ice{width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(14,165,233,.2) 0%,transparent 50%);animation:iceGlow 2.5s ease-in-out infinite}@keyframes iceGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.coldest-effect.chill{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(14,165,233,.15),transparent);animation:chillWave 2s ease-in-out infinite}@keyframes chillWave{0%,to{transform:translate(-100%) scaleX(.5)}50%{transform:translate(100%) scaleX(1)}}.coldest-effect.cold{width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(14,165,233,.15) 0%,transparent 70%);animation:coldPulse 3s ease-in-out infinite}@keyframes coldPulse{0%,to{opacity:.2;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width: 768px){.coldest-locations{top:12px;right:12px;max-width:180px;min-width:140px;padding:10px 12px}}.map-container{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--bg-primary)}.minimalist-map-tiles{filter:brightness(.5) contrast(1.3) saturate(0) grayscale(80%);opacity:.9;animation:mapPulse 10s ease-in-out infinite}[data-theme=dark] .minimalist-map-tiles{filter:brightness(.4) contrast(1.4) saturate(0) grayscale(80%);opacity:.95;animation:mapPulseDark 8s ease-in-out infinite}@keyframes mapPulseDark{0%,to{opacity:.95;filter:brightness(.4) contrast(1.4) saturate(0) grayscale(80%)}50%{opacity:1;filter:brightness(.42) contrast(1.45) saturate(0) grayscale(80%)}}.leaflet-tile{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:opacity .2s cubic-bezier(.4,0,.2,1)}@keyframes mapPulse{0%,to{opacity:.9;filter:brightness(.5) contrast(1.3) saturate(0) grayscale(80%)}50%{opacity:.95;filter:brightness(.52) contrast(1.35) saturate(0) grayscale(80%)}}.water-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0ea5e905,#0ea5e90a),radial-gradient(circle at 25% 40%,rgba(14,165,233,.03) 0%,transparent 60%);pointer-events:none;mix-blend-mode:soft-light;z-index:1;animation:waterFlow 14s ease-in-out infinite}@keyframes waterFlow{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.92;transform:translateY(-3px) scale(1.002)}}.map-sidebar{position:absolute;top:280px;right:20px;z-index:997;animation:slideInRight .45s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) backwards}.close-button{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(161,161,170,.3);box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:transform .22s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),background .2s ease,color .2s ease;z-index:1001;font-weight:300}[data-theme=dark] .close-button{background:#27272ae6;border:1px solid rgba(63,63,70,.5);box-shadow:0 2px 8px #0000004d}.close-button:hover{transform:scale(1.12) rotate(90deg);background:var(--accent);color:#fff;transition-duration:.22s}.close-button:active{transform:scale(.94) rotate(90deg);transition-duration:.1s}@keyframes slideInRight{0%{opacity:0;transform:translate(24px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.leaflet-container{background:var(--bg-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.leaflet-control-container{z-index:999}.leaflet-control-zoom{border:1px solid rgba(161,161,170,.3)!important;border-radius:8px!important;overflow:hidden;box-shadow:0 1px 3px #0000001a!important;background:#ffffffe6!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}[data-theme=dark] .leaflet-control-zoom{background:#27272ae6!important;border:1px solid rgba(63,63,70,.5)!important;box-shadow:0 1px 3px #0000004d!important}.leaflet-control-zoom a{background-color:transparent!important;color:var(--text-primary)!important;border:none!important;width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.leaflet-control-zoom a:hover{background-color:var(--accent)!important;color:#fff!important}.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 4px 12px #00000026;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(161,161,170,.3)}[data-theme=dark] .leaflet-popup-content-wrapper{background:#27272af2;border:1px solid rgba(63,63,70,.5);box-shadow:0 4px 12px #0006}.leaflet-popup-content{margin:12px;font-size:13px;color:var(--text-primary)}.leaflet-popup-tip{background:#fffffff2;border:1px solid rgba(161,161,170,.3)}[data-theme=dark] .leaflet-popup-tip{background:#27272af2;border:1px solid rgba(63,63,70,.5)}.custom-marker{background:transparent!important;border:none!important}.temp-bubble{border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000d;border:2px solid rgba(255,255,255,.9);cursor:pointer;transition:transform .28s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .25s ease-out;position:relative;overflow:visible;background:currentColor;animation:bubblePop .55s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) backwards}@keyframes bubblePop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.temp-bubble--selected{animation:none;box-shadow:0 4px 20px #0003}[data-theme=dark] .temp-bubble{border-color:#27272ae6;box-shadow:0 2px 8px #0000004d,0 1px 2px #0003}.temp-bubble:hover{transform:scale(1.12);box-shadow:0 6px 20px #0000002e,0 2px 6px #0000001f;z-index:1000}.temp-bubble:active{transform:scale(.96);transition-duration:.12s}.bubble-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;z-index:1}.bubble-temp{font-size:16px;font-weight:700;line-height:1;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:-.3px}.bubble-label{font-size:8px;font-weight:600;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.2);max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}@media (max-width: 768px){.map-sidebar{top:auto;bottom:20px;right:12px;left:12px;max-width:none}.temp-bubble{width:52px!important;height:52px!important}.bubble-temp{font-size:14px}.bubble-label{font-size:7px;max-width:45px}.leaflet-control-zoom{bottom:80px!important}}@media (max-width: 480px){.temp-bubble{width:48px!important;height:48px!important}.bubble-temp{font-size:12px}.bubble-label{font-size:6px;max-width:40px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #18181b;--text-secondary: #71717a;--accent: #0ea5e9;--card-bg: rgba(255, 255, 255, .8);--border: rgba(161, 161, 170, .3);--shadow: rgba(0, 0, 0, .05);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-back: cubic-bezier(.34, 1.2, .64, 1)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #09090b;--text-primary: #fafafa;--text-secondary: #a1a1aa;--accent: #0ea5e9;--card-bg: rgba(24, 24, 27, .6);--border: rgba(161, 161, 170, .2);--shadow: rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background-color .4s var(--ease-smooth),color .4s var(--ease-smooth)}.app{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}[data-theme=dark] .app{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.app-header{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;z-index:1000;position:relative;transition:background .4s var(--ease-smooth),border-color .4s var(--ease-smooth),box-shadow .3s var(--ease-smooth)}[data-theme=dark] .app-header{background:#09090bcc;border-bottom:1px solid rgba(63,63,70,.5)}.app-header h1{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.header-info{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-secondary)}.loading-indicator{animation:pulse 1.8s var(--ease-smooth) infinite;font-weight:500}.error-message{color:#ef4444;font-size:13px}.last-refresh{color:var(--text-secondary);font-size:13px;font-weight:400}.app-main{flex:1;position:relative;overflow:hidden}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-primary)}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s var(--ease-smooth) infinite}.error-screen{text-align:center;color:var(--text-secondary);padding:40px}.error-screen p{font-size:16px;margin-bottom:12px;color:var(--text-primary)}.error-screen button{margin-top:20px;padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-smooth);box-shadow:0 2px 8px var(--shadow)}.error-screen button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px var(--shadow)}.error-screen button:active{transform:translateY(0) scale(.98)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.theme-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#e4e4e7e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(161,161,170,.3);box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:1000;transition:transform .28s var(--ease-spring),background .4s var(--ease-smooth),border-color .4s var(--ease-smooth),box-shadow .28s var(--ease-smooth);color:var(--text-primary)}[data-theme=dark] .theme-toggle{background:#27272ae6;border:1px solid rgba(63,63,70,.5);box-shadow:0 4px 16px #0000004d;color:var(--text-primary)}.theme-toggle:hover{transform:scale(1.08);background:#d4d4d8f2}[data-theme=dark] .theme-toggle:hover{background:#3f3f46f2}.theme-toggle:active{transform:scale(.92);transition-duration:.12s}@media (max-width: 768px){.app-header{padding:12px 16px}.app-header h1{font-size:18px}.header-info{font-size:12px;gap:12px}.theme-toggle{bottom:16px;right:16px;width:44px;height:44px;font-size:18px}}