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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.weather-app{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:20px}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;padding:30px;width:100%}.app-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000001a}.search-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:25px;flex:1 1;font-size:16px;max-width:300px;outline:none;padding:15px 20px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 15px #667eea4d}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:15px 30px;transition:all .3s ease}.search-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fdf2f2;border-left:4px solid #e74c3c;border-radius:10px;color:#e74c3c;margin-bottom:20px;padding:15px;text-align:center}.weather-container{display:flex;flex-direction:column;gap:30px}.current-weather{background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:20px;color:#fff;padding:30px;text-align:center}.city-header{margin-bottom:20px;text-align:center}.city-name{font-size:2rem;font-weight:700;margin-bottom:5px}.local-time{font-size:.9rem;margin:0;opacity:.8}.weather-main{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px}.weather-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:4rem}.weather-info{text-align:left}.temperature{font-size:3.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.description{font-size:1.2rem;margin-bottom:5px;text-transform:capitalize}.feels-like{font-size:1rem;opacity:.9}.weather-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.detail-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;padding:15px;text-align:center}.detail-label{display:block;font-size:.9rem;margin-bottom:5px;opacity:.8}.detail-value{display:block;font-size:1.1rem;font-weight:600}.forecast-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-top:20px;padding:30px}.forecast-container h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:25px;text-align:center}.hourly-forecast{display:flex;gap:15px;overflow-x:auto;padding:10px 0;scrollbar-color:#667eea #f0f0f0;scrollbar-width:thin}.hourly-forecast::-webkit-scrollbar{height:6px}.hourly-forecast::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.hourly-forecast::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.hourly-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:15px;flex-shrink:0;min-width:80px;padding:15px;text-align:center;transition:transform .3s ease}.hourly-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.hourly-time{color:#495057;font-size:.8rem;font-weight:600;margin-bottom:8px}.hourly-icon{font-size:1.5rem;margin-bottom:8px}.hourly-temp{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:5px}.hourly-precip{color:#6c757d;font-size:.7rem}.daily-forecast{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.daily-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:15px;padding:20px;text-align:center;transition:transform .3s ease}.daily-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.daily-date{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:10px}.daily-icon{font-size:2rem;margin-bottom:10px}.daily-temps{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.daily-max{color:#e74c3c}.daily-max,.daily-min{font-size:1.1rem;font-weight:700}.daily-min{color:#3498db}.daily-precip{color:#6c757d;font-size:.8rem}@media (max-width:768px){.container{margin:10px;padding:20px}.app-title{font-size:2rem}.search-container{align-items:center;flex-direction:column}.search-input{max-width:100%}.weather-main{flex-direction:column}.weather-info,.weather-main{text-align:center}.temperature{font-size:3rem}.weather-details{grid-template-columns:repeat(2,1fr)}.hourly-forecast{gap:10px}.hourly-item{min-width:70px;padding:12px}.daily-forecast{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:480px){.weather-details{grid-template-columns:1fr}.forecast-list{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.21c5cb75.css.map*/