*{box-sizing:border-box}body{background:#eeeafd;color:#332f3d;font-family:Arial,sans-serif;margin:0;min-height:100vh;transition:background .3s ease}body.dark-mode{background:#211d2d}.App{min-height:100vh;padding:40px 20px}.weather-app{background:#fff;border-radius:16px;color:#332f3d;margin:20px auto;max-width:900px;padding:25px 40px 35px;transition:background .3s ease,color .3s ease;width:90%}.weather-app h1{font-size:36px;margin:0 0 30px;text-align:center}.top-controls{display:flex;justify-content:flex-end;min-height:32px}.dark-mode-button{background:#0000;border:0;color:#625b6c;cursor:pointer;font-size:13px;padding:8px 10px}.search-form{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:30px}.search-input{background:#fff;border:1px solid #d8d1ef;border-radius:7px;color:#332f3d;font-size:15px;outline:none;padding:12px 14px;width:280px}.search-input:focus{border-color:#7257d9}.search-button{background:#7257d9;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:15px;padding:12px 20px}.search-button:hover{background:#6044c7}.current-city-button{background:#fff;border:1px solid #7257d9;border-radius:7px;color:#7257d9;cursor:pointer;font-size:14px;padding:11px 18px}.current-city-button:hover{background:#f5f2ff}.loading-message{color:#736d7d;margin:20px 0;text-align:center}.error-message{background:#fff3f4;border-radius:7px;color:#b23a48;margin:20px 0;padding:12px;text-align:center}.current-weather{align-items:center;border-bottom:1px solid #e9e4f7;border-top:1px solid #e9e4f7;display:flex;gap:40px;justify-content:space-between;margin-top:20px;padding:35px 10px}.current-weather-info{flex:1 1;text-align:left}.current-weather-info h2{font-size:32px;margin:0 0 8px}.current-date{color:#736d7d;font-size:14px;margin:0 0 7px}.weather-description{color:#736d7d;font-size:16px;margin:0 0 22px;text-transform:capitalize}.weather-meta{color:#514b5c;font-size:14px;line-height:1.7;margin:0}.weather-divider{color:#b9afd8;margin:0 12px}.current-weather-temperature{align-items:center;display:flex;flex-shrink:0;gap:25px;justify-content:center}.temperature-value{font-size:56px;font-weight:700;white-space:nowrap}.temperature-unit{font-size:24px;font-weight:400;margin-left:2px;vertical-align:top}.weather-actions{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:25px}.unit-toggle{display:flex;gap:5px}.unit-toggle button{background:#fff;border:1px solid #d8d1ef;border-radius:6px;color:#7257d9;cursor:pointer;padding:8px 12px}.unit-toggle .unit-active{background:#7257d9;border-color:#7257d9;color:#fff}.forecast-toggle{background:#7257d9;border:none;border-radius:7px;color:#fff;cursor:pointer;padding:10px 16px}.forecast-toggle:hover{background:#6044c7}.forecast-toggle:disabled{cursor:not-allowed;opacity:.5}.forecast{margin-top:35px}.forecast h2{font-size:24px;margin:0 0 20px;text-align:left}.forecast-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.forecast-item{background:#f8f6ff;border:1px solid #e9e4f7;border-radius:12px;padding:18px 10px;text-align:center}.forecast-item h3{font-size:16px;margin:0 0 10px}.forecast-date{color:#8a8493;font-size:12px;margin:0 0 14px}.forecast-description{color:#736d7d;font-size:13px;margin:12px 0;min-height:32px;text-transform:capitalize}.forecast-details{border-top:1px solid #e4def5;margin-top:15px;padding-top:12px}.forecast-details p{font-size:13px;margin:6px 0}footer{color:#7a7483;font-size:13px;margin-top:30px;text-align:center}footer p{margin:0}footer a{color:#7257d9;text-decoration:none}footer a:hover{text-decoration:underline}.weather-app.dark{background:#2d283b;color:#f6f2ff}.weather-app.dark .temperature-value,.weather-app.dark h1,.weather-app.dark h2,.weather-app.dark h3{color:#f6f2ff}.weather-app.dark .current-date,.weather-app.dark .forecast-date,.weather-app.dark .forecast-description,.weather-app.dark .loading-message,.weather-app.dark .weather-description,.weather-app.dark .weather-meta,.weather-app.dark footer{color:#c8c0d5}.weather-app.dark .current-weather{border-color:#4c435d}.weather-app.dark .search-input{background:#393248;border-color:#554b69;color:#fff}.weather-app.dark .search-input::placeholder{color:#aaa1b8}.weather-app.dark .current-city-button{background:#393248;border-color:#7257d9;color:#b9a8ff}.weather-app.dark .current-city-button:hover{background:#453c57}.weather-app.dark .unit-toggle button{background:#393248;border-color:#554b69;color:#b9a8ff}.weather-app.dark .unit-toggle .unit-active{background:#7257d9;border-color:#7257d9;color:#fff}.weather-app.dark .forecast-item{background:#393248;border-color:#514765}.weather-app.dark .forecast-details{border-color:#554b69}.weather-app.dark .dark-mode-button{color:#d8d0e4}.weather-app.dark footer a{color:#b9a8ff}@media (max-width:800px){.forecast-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.App{padding:20px 12px}.weather-app{padding:20px;width:94%}.weather-app h1{font-size:30px}.search-form{flex-wrap:wrap}.current-weather{align-items:flex-start;flex-direction:column}.current-weather-temperature{width:100%}.weather-actions{flex-direction:column}}@media (max-width:500px){.search-form{flex-direction:column}.current-city-button,.search-button,.search-input{width:100%}.weather-meta{display:flex;flex-direction:column}.weather-divider{display:none}.temperature-value{font-size:46px}.forecast-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f1e4c59d.css.map*/