.dark-mode{color:#f8f9fa}.dark-mode:before{background:#0009!important}.dark-mode .weather-card{background:#0006;border:1px solid #ffffff1a;color:#f8f9fa}.dark-mode .forecast-card{background:#0000004d;border:1px solid #ffffff1a;color:#f8f9fa}.dark-mode .city-name,.dark-mode .current-temp,.dark-mode .detail-value,.dark-mode .forecast-day,.dark-mode .forecast-temp{color:#fff}.dark-mode .weather-feels-like,.dark-mode .weather-humidity,.dark-mode .weather-wind{color:#e9ecef}.dark-mode .weather-condition{color:#dee2e6}.dark-mode .detail-label{color:#adb5bd}.dark-mode .forecast-condition{color:#ced4da}.dark-mode .temp-toggle,.dark-mode .theme-toggle{background:#0006;border:1px solid #fff3;color:#f8f9fa}.dark-mode .temp-toggle:hover,.dark-mode .theme-toggle:hover{background:#0009}.dark-mode .alert-danger{background-color:#dc3545cc;border-color:#dc3545cc;color:#fff}.dark-mode .form-control{background-color:#0000004d;border:1px solid #fff3;color:#f8f9fa}.dark-mode .form-control::placeholder{color:#f8f9fa}.dark-mode .form-control:focus{background-color:#0006;border-color:#ffffff4d;box-shadow:0 0 0 .2rem #ffffff1a;color:#f8f9fa}.dark-mode .btn-primary{background-color:#0d6efdcc;border-color:#0d6efdcc}.dark-mode .btn-primary:hover{background-color:#0d6efd;border-color:#0d6efd}.dark-mode .weather-icon-large .fa-sun{color:#ffd43b}.dark-mode .weather-icon-large .fa-cloud{color:#adb5bd}.dark-mode .weather-icon-large .fa-cloud-rain{color:#74c0fc}.dark-mode .weather-icon-large .fa-snowflake{color:#e9ecef}.dark-mode .weather-icon-large .fa-bolt{color:#ffd43b}.dark-mode .weather-icon-large .fa-smog{color:#adb5bd}.dark-mode .forecast-icon .fa-sun{color:#ffd43b}.dark-mode .forecast-icon .fa-cloud{color:#adb5bd}.dark-mode .forecast-icon .fa-cloud-rain{color:#74c0fc}.dark-mode .forecast-icon .fa-snowflake{color:#e9ecef}.dark-mode .forecast-icon .fa-bolt{color:#ffd43b}.dark-mode .forecast-icon .fa-smog{color:#adb5bd}.dark-mode .datetime{background:#0003}.dark-mode .card-time{color:#ecf0f1}.dark-mode .card-full-date{color:#bdc3c7}@media (max-width:768px){.controls{flex-direction:column;gap:10px}.temp-toggle,.theme-toggle{margin:5px 0;width:100%}.weather-content{flex-direction:column}.weather-icon-container{margin-left:0;margin-top:20px;width:100%}.weather-details{margin-bottom:15px;padding-right:0}.current-temp{font-size:2.5rem}.city-name{font-size:1.5rem}.centered-layout{padding:20px}.city-name{font-size:1.6rem;margin-bottom:20px}.current-temp{font-size:3rem}.weather-icon-large i{font-size:4rem}.weather-condition{font-size:1.2rem}.weather-details-grid{flex-direction:column;gap:15px}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.forecast-row{align-items:center;flex-direction:column;gap:15px}.forecast-card{flex:0 0 auto;max-width:300px;width:100%}.card-time{font-size:1.8rem}.card-full-date{font-size:1rem}.datetime.card-style{flex-direction:column;text-align:center}.card-time{margin-bottom:10px}}@media (max-width:576px){.forecast-card{max-width:100%}.centered-forecast{padding:15px 10px}.forecast-day{font-size:1rem}.forecast-icon i{font-size:2rem}.forecast-temp{font-size:1.2rem}.forecast-condition{font-size:.8rem}}@media (max-width:400px){.app-container,.forecast-card,.weather-card{padding:15px}.current-temp{font-size:2.2rem}.city-name{font-size:1.3rem}.weather-icon-large i{font-size:3.5rem}}@media (min-width:769px){.forecast-row{flex-direction:row;flex-wrap:nowrap;gap:15px;justify-content:center}.forecast-card{flex:1 1;max-width:180px;min-width:0}}@media (max-width:992px) and (min-width:769px){.weather-details-grid{flex-direction:column;gap:15px}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:0 20px}}.forecast-card{background:#fff3;border-radius:15px;flex:1 1;max-width:180px;min-width:0;padding:15px;text-align:center;transition:all .3s ease}.forecast-card:hover{background:#ffffff4d}.forecast-container{margin:0 auto}.forecast-container,.forecast-row{display:flex;justify-content:center;width:100%}.forecast-row{flex-wrap:nowrap;gap:15px;max-width:1000px}.forecast-container .row{justify-content:center;margin:0 auto;max-width:100%;width:auto}.forecast-container .forecast-card{flex-basis:calc(20% - 15px);flex-grow:0;flex-shrink:0;margin:0 8px 15px;min-width:140px}.forecast-container .col-md-2{flex:0 0 auto;padding:0 8px;width:auto}.centered-forecast{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.forecast-day{color:#ececec;font-size:1.1rem;font-weight:700;margin-bottom:10px}.forecast-icon{margin:10px 0}.forecast-icon i{font-size:2.5rem}.forecast-temp{color:#ececec;font-size:1.4rem;font-weight:600;margin-bottom:5px}.forecast-condition{color:#e3f6f5;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.forecast-icon .fa-sun{color:#f39c12}.forecast-icon .fa-cloud{color:#7f8c8d}.forecast-icon .fa-cloud-rain{color:#3498db}.forecast-icon .fa-snowflake{color:#95a5a6}.forecast-icon .fa-bolt{color:#f1c40f}.forecast-icon .fa-smog{color:#95a5a6}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #1f268726;padding:25px;transition:transform .3s ease}.weather-card:hover{transform:translateY(-5px)}.city-name{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}.current-temp{color:#fff;font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:5px}.weather-feels-like,.weather-humidity,.weather-wind{color:#34495e;font-size:1.1rem;margin-bottom:8px}.weather-content{align-items:center;display:flex;justify-content:space-between}.weather-details{flex:2 1;padding-right:20px}.weather-icon-container{align-items:center;background:#ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:25px;padding:20px}.weather-icon{font-size:3rem;margin:10px 0}.weather-condition{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.centered-layout{padding:30px;text-align:center}.weather-main{margin-bottom:30px}.weather-icon-large{margin:15px 0}.weather-icon-large i{color:#f39c12;font-size:5rem}.weather-details-grid{border-top:1px solid #ffffff4d;display:flex;justify-content:space-around;padding-top:20px}.detail-item{flex:1 1}.detail-label{color:#38598b;font-size:.9rem;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.detail-value{color:#fff;font-size:1.2rem;font-weight:600}.weather-icon-large .fa-cloud{color:#7f8c8d}.weather-icon-large .fa-cloud-rain{color:#3498db}.weather-icon-large .fa-snowflake{color:#95a5a6}.weather-icon-large .fa-bolt{color:#f1c40f}.weather-icon-large .fa-smog{color:#95a5a6}.datetime{background:#fff3;border-radius:10px;padding:15px;text-align:center}.datetime.card-style{align-items:center;display:flex;justify-content:space-between;text-align:left}.card-time{color:#fff;font-size:2.2rem;font-weight:600}.card-weekday{color:#eec60a;font-size:1.1rem;font-weight:600;margin:0}.card-full-date{color:#e3f6f5;font-size:1rem;margin:5px 0 0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:background .5s ease}h4{color:#fff;font-size:45px;margin:10px;padding-bottom:14px}.app-container{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;transition:background-image .5s ease-in-out}.app-container:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.container{margin:0 auto;max-width:960px;position:relative;width:100%;z-index:1}.temp-toggle,.theme-toggle{background:#ffffff4d;border:none;border-radius:20px;color:#e3f6f5;cursor:pointer;font-weight:700;margin:0 5px;padding:8px 16px;width:140px}.controls{display:flex;flex-wrap:wrap;justify-content:space-between}.controls,.datetime,.search-bar{margin-bottom:20px}.datetime{font-size:1.2rem}
/*# sourceMappingURL=main.462b86d6.css.map*/