body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Raleway,sans-serif;margin:0;min-height:100vh;padding:0;transition:background .3s ease}.App.dark-mode+body,.dark-mode body{background:linear-gradient(135deg,#1a1a2e,#16213e)}.App{margin:0 auto;max-width:1200px}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;padding:10px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.weather-message{background:#fffc;border-radius:12px;color:#666;font-size:1.2rem;margin:2rem auto;max-width:400px;padding:2rem;text-align:center}.dark-mode body{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark-mode .weather-message{background:#ffffff1a;color:#fffc}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff3);border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:1rem;padding:2rem 1rem;text-align:center}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;color:#2c3e50;font-family:Raleway,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:2px 2px 4px #0000001a}@media(max-width:768px){.App-header h1{font-size:2rem}}@media(max-width:480px){.App-header h1{font-size:1.8rem}}.select-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 15px #0000001a;margin:0 auto 2rem;max-width:600px;padding:2rem}.select-container .select-label-div{margin-bottom:1rem}.select-container .select-label-div .select-label{display:block;margin-bottom:.4rem}.select-container select{background:#ffffffe6;border:1px solid #87ceeb4d;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.select-container select:hover{background:#fff;border-color:#87ceeb99}.select-container select option{background:#fff;color:#2c3e50}.weather{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff4d;border-radius:16px;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:auto;margin:32px 16px;max-width:100%;padding:1.2rem 1rem}.weather h2{font-size:1.6rem;margin-bottom:2rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.weather-main{background:#ffffff80;border-radius:12px;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding:2.3rem}.weather-main .weather-icon{display:block;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1));height:100px;margin:0 auto;width:100px}.weather-main .weather-info{text-align:left}.weather-main .weather-info .time{color:#666;font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.weather-main .weather-info .temperature{color:#2c3e50;font-size:3.5rem;font-weight:700;margin:.5rem 0}.weather-main .weather-info .temperature.cold{color:#3498db}.weather-main .weather-info .temperature.hot{color:#e74c3c}.weather-main .weather-info .feels-like{color:#666;font-size:1.1rem;margin-bottom:1rem}.weather-main .weather-info .status{background:#3498db1a;border-radius:20px;color:#2980b9;display:inline-block;font-weight:500;margin-top:.5rem;padding:.5rem 1rem}.weather-main .left-section{align-items:start;gap:.8rem}.weather-main .left-section,.weather-main .right-section{display:flex;flex-direction:column;justify-content:center}.weather-main .right-section{align-items:center;gap:1rem}.weather-details{padding:1.5rem}.weather .daily-forecast{-webkit-overflow-scrolling:touch;display:flex;gap:6px;justify-content:space-between;margin-top:5px;overflow-x:auto;padding:4px 0}.weather .daily-forecast::-webkit-scrollbar{height:4px}.weather .daily-forecast::-webkit-scrollbar-track{background:#0000}.weather .daily-forecast::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.weather .daily-forecast .forecast-item{align-items:center;background-color:#b0d8f4;border-radius:3px;display:flex;flex:0 0 70px;flex-direction:column;font-size:13px;justify-content:space-between;min-width:70px;overflow:hidden;padding:6px 4px}.weather .daily-forecast .forecast-item:hover{background-color:#bbdcf0;box-shadow:0 2px 8px #0000001a;overflow:hidden;transform:scale(1.05)}.weather .daily-forecast .forecast-item:hover .forecast-icon{transform:scale(1.1)}.weather .daily-forecast .forecast-item:hover .day{color:#2c3e50;font-weight:500}.weather .daily-forecast .forecast-item:hover .temp-range .max{color:#e74c3c}.weather .daily-forecast .forecast-item:hover .temp-range .min{color:#3498db}.weather .daily-forecast .forecast-item p{margin-bottom:0;margin-top:0}.weather .daily-forecast .forecast-item .temp-range .min{color:#666;font-size:14px}.weather .additional-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.weather .additional-info .info-item{background:#ffffff80;border-radius:10px;padding:1rem;text-align:center}.weather .additional-info .info-item .label{color:#666;font-size:.9rem;margin-bottom:.5rem}.weather .additional-info .info-item .value{color:#2c3e50;font-size:1.4rem;font-weight:600}@media screen and (max-width:1024px){.weather{margin:16px 0;padding:1.2rem}.weather h2{font-size:1.6rem;margin-bottom:1.2rem}.weather-main{gap:1.2rem;padding:1.2rem}}@media screen and (max-width:768px){.weather{margin:.5rem;min-height:350px}.weather h2{font-size:1.4rem;margin-bottom:1.5rem}.weather-main{gap:.8rem;grid-template-columns:1fr;margin-bottom:1.5rem;padding:1rem}.weather-main .left-section,.weather-main .right-section{align-items:center;text-align:center}.weather-main .weather-icon{height:80px;width:80px}.weather .daily-forecast{padding:0}.weather .daily-forecast .forecast-item{padding:4px 2px;width:65px}}@media screen and (max-width:480px){.weather{min-height:300px;padding:.8rem}.weather h2{font-size:1.2rem}.weather-main{padding:.6rem}}.map-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;margin:2rem auto;max-width:800px;overflow:hidden;padding:1rem;position:relative}.map-container #map{border-radius:8px;height:400px;width:100%}.map-controls{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-top:15px;padding:10px;width:100%}.map-controls input[type=text]{background:#fff;border:1px solid #0000001a;border-radius:25px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;font-size:14px;padding:12px 20px;transition:all .3s ease;width:300px}.map-controls input[type=text]:focus{border-color:#4ca1af;box-shadow:0 4px 12px #00000026;outline:none}.map-controls .buttons-container{display:flex;gap:8px;justify-content:center}.map-controls .buttons-container input[type=button]{border:none;border-radius:25px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s ease;width:auto}.map-controls .buttons-container input[type=button].button-primary{background:linear-gradient(135deg,#00b4db,#0083b0);color:#fff}.map-controls .buttons-container input[type=button].button-primary:hover{background:linear-gradient(135deg,#00b4db,#006c92);box-shadow:0 4px 12px #00b4db4d}.map-controls .buttons-container input[type=button].button-primary:active{transform:translateY(1px)}.map-controls .buttons-container input[type=button].button-secondary{background:#fff;border:1px solid #0000001a;color:#2c3e50}.map-controls .buttons-container input[type=button].button-secondary:hover{background:#f8f9fa;box-shadow:0 4px 12px #0000001a}.map-controls .buttons-container input[type=button].button-secondary:active{transform:translateY(1px)}@media screen and (max-width:768px){.map-container{margin:.5rem;padding:1rem}.map-controls{flex-direction:column;padding:5px}.map-controls input[type=text]{font-size:16px;max-width:300px;padding:14px 20px;width:100%}.map-controls .buttons-container{max-width:300px;width:100%}.map-controls .buttons-container input[type=button]{font-size:16px;padding:14px 0;width:100%}}@media screen and (max-width:320px){.map-controls .buttons-container{flex-direction:column}.map-controls .buttons-container input[type=button]{max-width:100%}}#instructions{display:none}.sunrise-sunset{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff7e5f,#feb47b);-webkit-background-clip:text;font-weight:700}.temperature.hot{color:#ff6b6b}.temperature.cold{color:#4dabf7}@media(max-width:768px){.App{padding:1rem}.weather{padding:1.5rem}.weather-info{gap:1rem;grid-template-columns:1fr}}.App{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem;position:relative;z-index:1}.App:before{background:linear-gradient(135deg,#87ceeb,#b0e0e6);bottom:0;content:"";left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:-1}.App.dark-mode:before{background:linear-gradient(135deg,#1a1a2e,#16213e)}.App h1{color:#2c3e50;font-size:2.5rem;margin-bottom:2rem;text-align:center;transition:color .3s ease}.App .content-wrapper{align-items:stretch;display:flex;flex-direction:row;justify-content:center;margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.App .content-wrapper.center-layout .map-section{aspect-ratio:4/3;max-width:700px;width:100%}.App .content-wrapper.center-layout .weather-section{display:none}.App .content-wrapper.split-layout .map-section,.App .content-wrapper.split-layout .weather-section{flex:1 1;height:500px;max-width:700px;min-width:300px;width:100%}.App .content-wrapper.split-layout .map-section.initial-load{animation:slideMapLeft .5s ease forwards}.App .content-wrapper.split-layout .weather-section.initial-load{animation:slideInRight .5s ease forwards;opacity:0;transform:translateX(20px)}.App.dark-mode h1{color:#fff}.App.dark-mode .weather-message{background:#ffffff1a;color:#fff}.App.dark-mode .map-container,.App.dark-mode .weather{background:#ffffff1a;transition:background .3s ease}.App.dark-mode .weather .detail-item,.App.dark-mode .weather-main{background:#ffffff0d;transition:background .3s ease}.App.dark-mode .weather .status,.App.dark-mode .weather .temperature,.App.dark-mode .weather h2{color:#fff;transition:color .3s ease}.App.dark-mode .weather .feels-like,.App.dark-mode .weather .label,.App.dark-mode .weather .time{color:#ffffffb3;transition:color .3s ease}.App.dark-mode .weather .value{color:#fff;transition:color .3s ease}@keyframes slideMapLeft{0%{transform:translateX(calc(50% - 10px))}to{transform:translateX(0)}}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}@media screen and (min-width:1400px){.App .content-wrapper.split-layout{gap:2rem;justify-content:center}}@media screen and (max-width:1024px){.App .content-wrapper{align-items:center;flex-direction:column}.App .content-wrapper.split-layout .map-section,.App .content-wrapper.split-layout .weather-section{max-width:800px;width:100%}}@media screen and (max-width:768px){.App{padding:1rem}.App h1{font-size:1.8rem;margin-bottom:1.5rem}.App .content-wrapper{gap:4rem;padding:0 .5rem}.App .content-wrapper.split-layout .map-section,.App .content-wrapper.split-layout .weather-section{max-width:100%}}@media screen and (max-width:480px){.App{padding:.5rem}.App h1{font-size:1.5rem;margin-bottom:1rem}.App .content-wrapper{padding:0}}
/*# sourceMappingURL=main.fd3ddd13.css.map*/