.controls-container.svelte-j8f9z3{margin-bottom:25px;display:flex;justify-content:center;gap:15px;width:100%;flex-wrap:wrap}.control-btn.svelte-j8f9z3{padding:10px 18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:var(--primary-text);font-size:14px;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:130px;justify-content:center}.control-btn.svelte-j8f9z3:hover{background:#fff3;transform:translateY(-1px)}.control-btn.svelte-j8f9z3 i:where(.svelte-j8f9z3){font-size:13px}.basic-notification.svelte-j8f9z3{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--card-bg-light);color:var(--primary-text);padding:10px 20px;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:1000;border:1px solid var(--border-color)}.modal-overlay.svelte-11elk6h{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content.svelte-11elk6h{background:#2d3a62;border-radius:16px;width:90%;max-width:400px;padding:25px;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.1)}.modal-header.svelte-11elk6h{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--primary-text)}.modal-title.svelte-11elk6h{font-size:18px;font-weight:500}.modal-close.svelte-11elk6h{background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:0;line-height:1}.modal-close.svelte-11elk6h:hover{color:var(--primary-text)}.modal-body.svelte-11elk6h{margin-bottom:20px}.modal-footer.svelte-11elk6h{display:flex;justify-content:flex-end;gap:10px}.modal-btn.svelte-11elk6h{padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn-primary.svelte-11elk6h{background:#64b5f6;color:#fff}.modal-btn-primary.svelte-11elk6h:hover{background:#4dabf5}.modal-btn-secondary.svelte-11elk6h{background:#ffffff1a;color:var(--primary-text)}.modal-btn-secondary.svelte-11elk6h:hover{background:#ffffff26}.modal-btn.svelte-11elk6h:active{transform:translateY(1px)}.region-selector.svelte-11elk6h{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.region-selector.svelte-11elk6h select:where(.svelte-11elk6h){flex:1;min-width:100px;padding:10px;border-radius:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--primary-text);font-size:14px;outline:none}.region-selector.svelte-11elk6h select:where(.svelte-11elk6h):disabled{opacity:.5;cursor:not-allowed}.region-selector.svelte-11elk6h select:where(.svelte-11elk6h) option:where(.svelte-11elk6h){background:#2d3a62;color:var(--primary-text)}.forecast-grid.svelte-m6j07u{display:flex;height:100%}.forecast-day.svelte-m6j07u{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;border-right:1px solid var(--subtle-divider)}.forecast-day.svelte-m6j07u:last-child{border-right:none}.day-name.svelte-m6j07u{font-size:13px;color:var(--secondary-text);margin-bottom:8px}.day-icon.svelte-m6j07u{font-size:20px;margin-bottom:8px;color:var(--primary-text)}.day-temp.svelte-m6j07u{font-size:13px;color:var(--primary-text)}.no-forecast.svelte-m6j07u{width:100%;text-align:center;color:var(--secondary-text);font-size:13px}.weather-details.svelte-rmtj05{display:flex;justify-content:space-around;width:100%;padding:0 20px;margin-top:20px}.detail-item.svelte-rmtj05{display:flex;flex-direction:column;align-items:center;text-align:center}.detail-icon.svelte-rmtj05{font-size:22px;margin-bottom:10px}.icon-humidity.svelte-rmtj05{color:#3eb8ff}.icon-wind.svelte-rmtj05{color:#b0c9ff}.detail-label.svelte-rmtj05{font-size:13px;color:var(--secondary-text);margin-bottom:6px}.detail-value.svelte-rmtj05{font-size:15px;color:var(--primary-text);font-weight:500}.clear-animation{background:linear-gradient(to bottom,#4a90e2,#87ceeb)}.clear-animation:before{content:"";position:absolute;top:10%;left:15%;width:60px;height:60px;background:gold;border-radius:50%;box-shadow:0 0 25px gold;animation:sunPulse 4s infinite ease-in-out}@keyframes sunPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.clouds-animation{background:linear-gradient(to bottom,#738290,#b0bec5)}.clouds-animation .cloud{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 15px #0000001a;opacity:.8;animation:moveCloud 20s linear infinite}.clouds-animation .cloud.c1{width:100px;height:30px;top:15%;left:-100px}.clouds-animation .cloud.c2{width:150px;height:45px;top:30%;left:-150px;animation-duration:25s;animation-delay:-5s}.clouds-animation .cloud.c3{width:80px;height:25px;top:20%;left:-80px;animation-duration:18s;animation-delay:-10s}@keyframes moveCloud{0%{transform:translate(0)}to{transform:translate(calc(var(--card-width) + 200px))}}.overcast-animation{background:linear-gradient(to bottom,#546e7a,#78909c)}.overcast-animation .cloud{position:absolute;background:#cfd8dc;border-radius:50%;box-shadow:0 0 10px #0003;opacity:.9;animation:moveCloud 25s linear infinite}.overcast-animation .cloud.c1{width:120px;height:35px;top:10%;left:-120px}.overcast-animation .cloud.c2{width:180px;height:50px;top:25%;left:-180px;animation-duration:30s;animation-delay:-7s}.rain-animation-base:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000000d;z-index:-1}.rain-animation-base .raindrop{position:absolute;bottom:100%;width:1px;height:15px;background:#add8e6b3;animation:fall linear infinite;z-index:1}@keyframes fall{to{transform:translateY(calc(100vh + 20px))}}.light-rain-animation{background:linear-gradient(to bottom,#607d8b,#90a4ae)}.light-rain-animation .raindrop:nth-child(10n+1){animation-duration:1s;left:10%;animation-delay:.1s}.light-rain-animation .raindrop:nth-child(10n+2){animation-duration:.8s;left:30%;animation-delay:.3s;height:12px}.light-rain-animation .raindrop:nth-child(10n+3){animation-duration:1.2s;left:50%;animation-delay:.2s}.light-rain-animation .raindrop:nth-child(10n+4){animation-duration:.9s;left:70%;animation-delay:.5s;height:10px}.light-rain-animation .raindrop:nth-child(10n+5){animation-duration:1.1s;left:90%;animation-delay:.4s}.moderate-rain-animation{background:linear-gradient(to bottom,#546e7a,#78909c)}.moderate-rain-animation .raindrop{height:18px;background:#add8e6cc}.moderate-rain-animation .raindrop:nth-child(5n+1){animation-duration:.7s;left:5%;animation-delay:random(.5s)}.moderate-rain-animation .raindrop:nth-child(5n+2){animation-duration:.6s;left:25%;animation-delay:random(.5s)}.moderate-rain-animation .raindrop:nth-child(5n+3){animation-duration:.8s;left:45%;animation-delay:random(.5s)}.moderate-rain-animation .raindrop:nth-child(5n+4){animation-duration:.5s;left:65%;animation-delay:random(.5s)}.moderate-rain-animation .raindrop:nth-child(5n+5){animation-duration:.7s;left:85%;animation-delay:random(.5s)}.heavy-rain-animation,.showers-animation{background:linear-gradient(to bottom,#455a64,#607d8b)}.heavy-rain-animation .raindrop,.showers-animation .raindrop{height:20px;width:1.5px;background:#add8e6e6}.heavy-rain-animation .raindrop:nth-child(3n+1),.showers-animation .raindrop:nth-child(3n+1){animation-duration:.5s;left:calc(random(90)*1%);animation-delay:random(.3s)}.heavy-rain-animation .raindrop:nth-child(3n+2),.showers-animation .raindrop:nth-child(3n+2){animation-duration:.4s;left:calc(random(90)*1%);animation-delay:random(.3s)}.heavy-rain-animation .raindrop:nth-child(3n+3),.showers-animation .raindrop:nth-child(3n+3){animation-duration:.6s;left:calc(random(90)*1%);animation-delay:random(.3s)}.torrential-rain-animation{background:linear-gradient(to bottom,#37474f,#546e7a)}.torrential-rain-animation .raindrop{height:25px;width:2px;background:#c8e6ff;opacity:.6}.torrential-rain-animation .raindrop:nth-child(odd){animation-duration:.3s;left:calc(random(95)*1%);animation-delay:random(.2s)}.torrential-rain-animation .raindrop:nth-child(2n+2){animation-duration:.35s;left:calc(random(95)*1%);animation-delay:random(.2s)}.thunderstorm-animation{background:linear-gradient(to bottom,#263238,#37474f 70%,#4a5a63)}.thunderstorm-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;animation:lightningFlash 5s infinite steps(1,end);animation-delay:2s;z-index:0}@keyframes lightningFlash{0%,95%,to{opacity:0}95.5%{opacity:.6}96%{opacity:.1}96.5%{opacity:.8}}.snow-animation-base .snowflake{position:absolute;top:-10px;color:#fff;font-size:20px;animation:snowfall linear infinite;z-index:1}@keyframes snowfall{to{transform:translateY(calc(100vh + 10px)) rotate(360deg);opacity:0}}.light-snow-animation{background:linear-gradient(to bottom,#61768b,#8f9daa)}.light-snow-animation .snowflake:nth-child(10n+1){content:"❄";left:10%;animation-duration:10s;animation-delay:0s;font-size:15px}.light-snow-animation .snowflake:nth-child(10n+2){content:"❅";left:30%;animation-duration:12s;animation-delay:-2s;font-size:18px}.light-snow-animation .snowflake:nth-child(10n+3){content:"❆";left:50%;animation-duration:8s;animation-delay:-5s;font-size:16px}.moderate-snow-animation{background:linear-gradient(to bottom,#52697d,#7c8c9a)}.moderate-snow-animation .snowflake{font-size:20px}.moderate-snow-animation .snowflake:nth-child(5n+1){content:"❄";left:calc(random(90)*1%);animation-duration:8s;animation-delay:random(-5s)}.moderate-snow-animation .snowflake:nth-child(5n+2){content:"❅";left:calc(random(90)*1%);animation-duration:9s;animation-delay:random(-5s)}.heavy-snow-animation,.blizzard-animation{background:linear-gradient(to bottom,#425569,#677989)}.heavy-snow-animation .snowflake,.blizzard-animation .snowflake{font-size:22px;opacity:.8}.heavy-snow-animation .snowflake:nth-child(3n+1),.blizzard-animation .snowflake:nth-child(3n+1){content:"❄";left:calc(random(90)*1%);animation-duration:5s;animation-delay:random(-3s)}.heavy-snow-animation .snowflake:nth-child(3n+2),.blizzard-animation .snowflake:nth-child(3n+2){content:"❆";left:calc(random(90)*1%);animation-duration:6s;animation-delay:random(-3s)}.blizzard-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-45deg,#fff0,#fff0,#ffffff0d 2px,#ffffff1a 4px);animation:blizzardWind .5s linear infinite;z-index:0}@keyframes blizzardWind{0%{background-position:0 0}to{background-position:20px 0}}.sleet-animation{background:linear-gradient(to bottom,#5a7288,#8295a8)}.fog-animation,.mist-animation,.haze-animation{background:linear-gradient(to bottom,#b0bec5,#cfd8dc)}.fog-animation:before,.mist-animation:before,.haze-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#dcdcdc4d,#c8c8c899 60%,#b4b4b4cc);opacity:0;animation:fogDrift 30s infinite ease-in-out}@keyframes fogDrift{0%,to{opacity:.7;transform:translate(-20%) scale(1.5)}50%{opacity:.9;transform:translate(20%) scale(1.6)}}.haze-animation{background:linear-gradient(to bottom,#a1887f,#bcaaa4)}.haze-animation:before{background:radial-gradient(ellipse at center,#d2beb44d,#beaaa099 60%,#aa968ccc)}.sandstorm-animation,.dust-animation{background:linear-gradient(to bottom,tan,wheat)}.sandstorm-animation .particle,.dust-animation .particle{position:absolute;background:#d2b48c4d;border-radius:50%;animation:dustSwirl 3s infinite ease-in-out alternate}@keyframes dustSwirl{0%{transform:translate(-10px) translateY(5px) scale(.8);opacity:.5}to{transform:translate(10px) translateY(-5px) scale(1.2);opacity:.2}}.sandstorm-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-30deg,#f5deb300,#f5deb300,#f5deb314 1px,#f5deb326 2px);animation:blizzardWind .3s linear infinite;z-index:0}.default-animation{background:linear-gradient(to bottom,#78909c,#90a4ae)}.weather-card.svelte-l21f13{width:var(--card-width);max-width:100%;background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden;position:relative;display:flex;flex-direction:column;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.location-section.svelte-l21f13{padding:20px 20px 18px!important;position:relative!important;z-index:20!important;background-color:var(--card-background)!important;border-bottom:none!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.location-header.svelte-l21f13{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.card-delete-btn.svelte-l21f13{display:inline-flex;background:#ffffff14;color:var(--secondary-text);border:none;border-radius:50%;width:28px;height:28px;font-size:13px;cursor:pointer;align-items:center;justify-content:center;padding:0;margin-left:10px}.card-delete-btn.svelte-l21f13:hover{background:#ffffff26;color:var(--primary-text)}.location-name.svelte-l21f13{display:flex;align-items:center;color:var(--primary-text);font-size:18px;font-weight:500}.location-pin.svelte-l21f13{color:#ff453a;font-size:14px;margin-right:6px;margin-top:2px}.location-details.svelte-l21f13{font-size:12px;color:var(--secondary-text);line-height:1.4}.divider-container.svelte-l21f13{position:relative!important;z-index:20!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.divider.svelte-l21f13{position:absolute!important;left:0!important;right:0!important;height:4px!important;background-color:var(--card-background)!important;border:none!important;margin:0!important;padding:0!important;z-index:25!important}.location-section.svelte-l21f13:after{content:""!important;position:absolute!important;bottom:-30px!important;left:0!important;width:100%!important;height:30px!important;background:linear-gradient(to bottom,var(--card-background) 0%,rgba(36,43,67,.97) 3%,rgba(36,43,67,.94) 6%,rgba(36,43,67,.91) 9%,rgba(36,43,67,.88) 12%,rgba(36,43,67,.85) 15%,rgba(36,43,67,.82) 18%,rgba(36,43,67,.79) 21%,rgba(36,43,67,.76) 24%,rgba(36,43,67,.73) 27%,rgba(36,43,67,.7) 30%,rgba(36,43,67,.67) 33%,rgba(36,43,67,.64) 36%,rgba(36,43,67,.61) 39%,rgba(36,43,67,.58) 42%,rgba(36,43,67,.55) 45%,rgba(36,43,67,.52) 48%,rgba(36,43,67,.49) 51%,rgba(36,43,67,.46) 54%,rgba(36,43,67,.43) 57%,rgba(36,43,67,.4) 60%,rgba(36,43,67,.37) 63%,rgba(36,43,67,.34) 66%,rgba(36,43,67,.31) 69%,rgba(36,43,67,.28) 72%,rgba(36,43,67,.25) 75%,rgba(36,43,67,.22) 78%,rgba(36,43,67,.19) 81%,rgba(36,43,67,.16) 84%,rgba(36,43,67,.13) 87%,rgba(36,43,67,.1) 90%,rgba(36,43,67,.07) 93%,rgba(36,43,67,.04) 96%,transparent 99%,transparent 100%)!important;z-index:21!important;pointer-events:none!important}.content-container.svelte-l21f13{position:relative!important;flex-grow:1!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding-top:15px!important;border-top:none!important;-webkit-mask-image:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,.8) 5px,rgba(0,0,0,1) 15px)!important;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 5px,rgba(0,0,0,1) 15px)!important}.content-container.svelte-l21f13:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:20px!important;background:linear-gradient(to top,transparent 0%,transparent 1%,rgba(36,43,67,.04) 4%,rgba(36,43,67,.07) 7%,rgba(36,43,67,.1) 10%,rgba(36,43,67,.13) 13%,rgba(36,43,67,.16) 16%,rgba(36,43,67,.19) 19%,rgba(36,43,67,.22) 22%,rgba(36,43,67,.25) 25%,rgba(36,43,67,.28) 28%,rgba(36,43,67,.31) 31%,rgba(36,43,67,.34) 34%,rgba(36,43,67,.37) 37%,rgba(36,43,67,.4) 40%,rgba(36,43,67,.43) 43%,rgba(36,43,67,.46) 46%,rgba(36,43,67,.49) 49%,rgba(36,43,67,.52) 52%,rgba(36,43,67,.55) 55%,rgba(36,43,67,.58) 58%,rgba(36,43,67,.61) 61%,rgba(36,43,67,.64) 64%,rgba(36,43,67,.67) 67%,rgba(36,43,67,.7) 70%,rgba(36,43,67,.73) 73%,rgba(36,43,67,.76) 76%,rgba(36,43,67,.79) 79%,rgba(36,43,67,.82) 82%,rgba(36,43,67,.85) 85%,rgba(36,43,67,.88) 88%,rgba(36,43,67,.91) 91%,rgba(36,43,67,.94) 94%,rgba(36,43,67,.97) 97%,var(--card-background) 100%)!important;z-index:10!important;opacity:.8!important;pointer-events:none!important}.weather-display.svelte-l21f13{display:flex;flex-direction:column;align-items:center;padding-top:10px;position:relative;z-index:5;width:100%;text-align:center;margin-bottom:20px}.condition-text.svelte-l21f13{color:var(--primary-text);font-size:21px;margin-top:4px;display:flex;align-items:center;justify-content:center}.condition-icon.svelte-l21f13{font-size:20px;margin-right:8px}.current-temp.svelte-l21f13{font-size:100px;font-weight:200;margin:10px 0;line-height:1;background:linear-gradient(to bottom,#fff,#e0e0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,255,255,.2)}.date-time.svelte-l21f13{font-size:14px;color:var(--secondary-text);margin-bottom:30px}.forecast-bg-gradient.svelte-l21f13{position:absolute;bottom:110px;left:0;width:100%;height:60px;background:linear-gradient(to bottom,rgba(36,43,67,0) 0%,rgba(30,36,56,.7) 50%,var(--forecast-background) 100%);z-index:4;pointer-events:none}.forecast-section.svelte-l21f13{position:relative;width:100%;background:var(--forecast-background);overflow:hidden;z-index:5;height:110px;margin-top:auto}.animation-container.svelte-l21f13{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.app-container.svelte-14hew0{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:1200px;margin:0 auto}.project-intro.svelte-14hew0{background:#ffffff0d;border-radius:15px;margin:0 20px 30px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.intro-content.svelte-14hew0 h2:where(.svelte-14hew0){text-align:center;color:#fff;margin-bottom:15px;font-size:24px;font-weight:600}.intro-content.svelte-14hew0 p:where(.svelte-14hew0){color:#ffffffe6;line-height:1.6;margin-bottom:20px;text-align:center}.tech-highlights.svelte-14hew0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin:20px 0}.tech-item.svelte-14hew0{display:flex;align-items:center;background:#ffffff14;padding:12px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.tech-item.svelte-14hew0 i:where(.svelte-14hew0){color:#a2c0ff;margin-right:12px;font-size:16px;min-width:20px}.tech-item.svelte-14hew0 span:where(.svelte-14hew0){color:#ffffffe6;font-size:14px;line-height:1.4}.learning-note.svelte-14hew0{background:#4a90e233;padding:15px;border-radius:10px;border-left:4px solid #4a90e2;margin-top:20px!important;font-style:italic}@media (max-width: 768px){.project-intro.svelte-14hew0{margin:0 10px 20px;padding:20px}.intro-content.svelte-14hew0 h2:where(.svelte-14hew0){font-size:20px}.tech-highlights.svelte-14hew0{grid-template-columns:1fr;gap:12px}#weather-card-container.svelte-14hew0{grid-template-columns:1fr;padding:15px}}@media (min-width: 769px) and (max-width: 1200px){#weather-card-container.svelte-14hew0{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1201px){#weather-card-container.svelte-14hew0{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}main.svelte-14hew0{flex-grow:1;width:100%}#weather-card-container.svelte-14hew0{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;width:100%;max-width:1200px;margin:0 auto}.weather-card-wrapper.svelte-14hew0{width:100%}.no-cities-message.svelte-14hew0{text-align:center;padding:50px 20px;color:var(--secondary-text);font-size:16px}