*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{min-height:100vh;overflow:hidden;position:relative;transition:all 1s ease}.app-content{padding:1.5rem;position:relative;z-index:10}.app-content,.weather-content{margin:0 auto;max-width:1200px}.bg-clear-day{background:linear-gradient(135deg,#ffeaa7,#fab1a0 50%,#fd79a8)}.bg-clear-night{background:linear-gradient(135deg,#2d3436,#636e72 50%,#74b9ff)}.bg-clouds{background:linear-gradient(135deg,#636e72,#2d3436 50%,#74b9ff)}.bg-rain{background:linear-gradient(135deg,#74b9ff,#0984e3 50%,#2d3436)}.bg-thunderstorm{background:linear-gradient(135deg,#2d3436,#636e72 50%,#ddd)}.bg-snow{background:linear-gradient(135deg,#74b9ff,#a29bfe 50%,#fd79a8)}.bg-default{background:linear-gradient(135deg,#74b9ff,#0984e3 50%,#00b894)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.header{animation:fadeInDown 1s ease-out;margin-bottom:2rem;text-align:center}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 4px 8px #0000004d}.header-subtitle{color:#fffc;font-size:1.125rem;font-weight:300}.searchbar-container{animation:fadeInUp .8s ease-out .2s both;margin:0 auto 2rem;max-width:28rem}.searchbar-wrapper{position:relative}.searchbar-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;box-shadow:0 8px 25px #0000001a;color:#fff;font-size:1.125rem;outline:none;padding:1rem 3rem 1rem 1.5rem;transition:all .3s ease;width:100%}.searchbar-input::placeholder{color:#ffffffb3}.searchbar-input:focus{ring:2px;ring-color:#ffffff80;background:#ffffff40;box-shadow:0 12px 35px #00000026;transform:translateY(-2px)}.searchbar-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:9999px;cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.searchbar-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.searchbar-button:disabled{cursor:not-allowed;opacity:.5}.searchbar-icon{color:#fff;height:1.5rem;width:1.5rem}.weather-card-container{animation:slideInUp .8s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 20px 40px #0003;margin-bottom:2rem;padding:2rem}.weather-card-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr}.weather-main-info{text-align:center}.weather-location{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.location-icon{color:#fffc;height:1.5rem;margin-right:.5rem;width:1.5rem}.location-text{color:#fff;font-size:1.875rem;font-weight:600}.weather-temp-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.weather-icon-large{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:6rem;width:6rem}.current-temp{color:#fff;font-size:4rem;font-weight:700;line-height:1;text-shadow:0 4px 8px #0000004d}.weather-description{color:#fffc;font-size:1.125rem;margin-top:.5rem;text-transform:capitalize}.feels-like{color:#ffffffe6;font-size:1.125rem}.weather-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-card{background:#ffffff1a;border-radius:1rem;cursor:pointer;padding:1rem;text-align:center;transition:all .3s ease}.detail-card:hover{background:#ffffff26;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.detail-icon{color:#fffc;height:2rem;margin:0 auto .5rem;width:2rem}.detail-label{color:#ffffffb3;font-size:.875rem;margin-bottom:.25rem}.detail-value{color:#fff;font-size:1.25rem;font-weight:600}.forecast-container{animation:slideInUp .8s ease-out .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 20px 40px #0003;margin-bottom:2rem;padding:1.5rem}.forecast-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.forecast-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.forecast-day-card{background:#ffffff1a;border:1px solid #0000;border-radius:1rem;cursor:pointer;padding:1rem;text-align:center;transition:all .3s ease}.forecast-day-card:hover{background:#fff3;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.forecast-day-selected{background:#fff3;border:2px solid #ffffff80;transform:scale(1.02)}.forecast-day-label{color:#fffc;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.forecast-day-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:2.5rem;margin:0 auto .5rem;width:2.5rem}.forecast-day-temp{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.forecast-day-condition{color:#ffffffb3;font-size:.75rem;text-transform:capitalize}.insights-grid{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .8s both;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:2rem}.insight-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;box-shadow:0 10px 30px #0003;padding:1.5rem;transition:all .3s ease}.insight-card:hover{box-shadow:0 15px 35px #00000040;transform:translateY(-2px)}.insight-header{align-items:center;display:flex;margin-bottom:1rem}.insight-icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.uv-icon{color:#ffc107}.aq-icon{color:#28a745}.sun-icon{color:#fd7e14}.insight-title{color:#fff;font-size:1rem;font-weight:600}.insight-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.insight-label{color:#ffffffb3;margin-bottom:.75rem}.progress-bar{background:#fff3;border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.progress-fill{border-radius:9999px;height:100%;transition:width .5s ease}.aq-progress,.uv-progress{background:linear-gradient(90deg,#28a745,#ffc107,#dc3545)}.sun-times-card{grid-column:span 2}.sun-times{display:flex;flex-direction:column;gap:.75rem}.sun-time-item{align-items:center;display:flex;justify-content:space-between}.sun-time-label{color:#ffffffb3}.sun-time-value{color:#fff;font-weight:600}.error-message{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc354533;border:1px solid #dc35454d;border-radius:.75rem;color:#fff;margin:0 auto 1.5rem;max-width:28rem;padding:1rem;text-align:center}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.loading-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:3rem;margin:0 auto 1rem;width:3rem}.loading-text{color:#fff;font-size:1.125rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-location-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;bottom:2rem;box-shadow:0 8px 25px #0003;cursor:pointer;padding:1rem;position:fixed;right:2rem;transition:all .3s ease;z-index:20}.floating-location-btn:hover{background:#ffffff4d;box-shadow:0 12px 35px #0000004d;transform:scale(1.1)}.floating-btn-icon{color:#fff;height:1.5rem;width:1.5rem}.bg-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-element-1{animation:pulse 3s ease-in-out infinite;background:#ffffff1a;filter:blur(40px);height:16rem;left:25%;top:25%;width:16rem}.bg-element-1,.bg-element-2{border-radius:50%;position:absolute}.bg-element-2{animation:pulse 3s ease-in-out 1s infinite;background:#ffffff0d;bottom:25%;filter:blur(60px);height:24rem;right:25%;width:24rem}.particles-container{inset:0;pointer-events:none;position:fixed;z-index:1}.particle{animation:bounce 3s ease-in-out infinite;position:absolute}.particle-dot{background:#ffffff4d;border-radius:50%;height:.25rem;width:.25rem}@media (min-width:1024px){.weather-card-grid{grid-template-columns:1fr 1fr}.weather-main-info{text-align:left}.weather-location,.weather-temp-section{justify-content:flex-start}.insights-grid{grid-template-columns:repeat(3,1fr)}.forecast-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:768px){.forecast-grid{grid-template-columns:repeat(5,1fr)}.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-content{padding:1rem}.header-title{font-size:2.5rem}.header-subtitle{font-size:1rem}.searchbar-input{font-size:1rem;padding:.875rem 3rem .875rem 1.25rem}.weather-card-container{padding:1.5rem}.location-text{font-size:1.5rem}.current-temp{font-size:3rem}.weather-icon-large{height:4rem;width:4rem}.weather-details-grid{gap:.75rem;grid-template-columns:1fr}.sun-times-card{grid-column:span 1}}@media (max-width:480px){.app-content{padding:.75rem}.forecast-container{padding:1rem}.forecast-day-card{padding:.75rem}.forecast-day-icon{height:2rem;width:2rem}.floating-location-btn{bottom:1rem;padding:.75rem;right:1rem}}
/*# sourceMappingURL=main.a3343a12.css.map*/