*{margin:0;padding:0}:root{--bg-light:#DDD;--text-primary-light:#000;--text-secondary-light:#555;--card-bg-light:#CCC;--card-shadow-light:0 0 2px 2px rgba(0, 0, 0);--hr-color-light:#CCC;--highlight-color-light:#007BFF;--button-bg-light:#007BFF;--button-hover-light:#05A;--error-color-light:#D32F2F;--bg-dark:#121212;--text-primary-dark:#E0E0E0;--text-secondary-dark:#BBB;--card-bg-dark:#1E1E1E;--card-shadow-dark:0 2px 8px rgba(0, 0, 0, 0.6);--hr-color-dark:#444;--highlight-color-dark:#4DF;--button-bg-dark:#05A;--button-hover-dark:#007BFF;--error-color-dark:#EF5350}body{font-family:Inter,sans-serif;background-color:var(--bg-light);color:var(--text-primary-light);transition:background-color .5s,color .5s}#showAllAlerts{position:absolute;top:6px;left:13px}#showAllAlerts label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;line-height:1}#showAllAlerts input[type=checkbox]{transform:scale(1.4);transform-origin:center;margin:0}.alert-box{position:relative;display:flex;gap:20px;text-align:center;background-color:#b00;color:#ddd;border:2px solid red;border-radius:8px;padding:5px;margin:30px 20px;font-family:sans-serif;height:100px;overflow:hidden;cursor:pointer}.alert-box:has(#expand-btn.expanded){align-items:center;height:100%}body.dark-mode .alert-box{background-color:#500}#close-btn{position:absolute;top:5px;right:12px;cursor:pointer;font-size:40px;font-weight:700;color:#ddd}@media (max-width :1000px){#close-btn{font-size:30px}}#expand-btn{position:absolute;top:5px;left:12px;cursor:pointer;font-size:40px;color:#ddd}#expand-btn.expanded{transform:rotate(180deg)}.alert-content{margin-bottom:10px}.alert-box h1{margin-bottom:15px}.alert-box h3{margin-bottom:25px}.alert-box .meta{font-size:.9em;color:#ddd;margin-bottom:10px}.alert-box pre{white-space:pre-wrap;margin:10px 0}.alert-content{flex:1}.alert-img{display:none}@media screen and (min-width :1000px){.alert-img{display:block;padding:0 100px}.alert-box:has(#expand-btn.expanded) .alert-img{padding:0 45px}}.title{text-align:center;margin:25px 0}.title img{max-width:100%}h1,h2,h3,h4,h5,h6{margin:5px 0}button,input,select{font-family:inherit;padding:6px 10px;font-size:1em;margin-right:10px;border-radius:4px;border:1px solid #ccc;transition:border-color .3s}input:focus,select:focus{border-color:#007bff;outline:0}button{background-color:var(--button-bg-dark);color:#fff;border:none;cursor:pointer;transition:background-color .3s}button:hover{background-color:var(--button-hover-dark)}label.dark-toggle{background-color:var(--button-bg-dark)}#forecastTable td,#forecastTable th{padding:5px 0}#startForm{transition:all .6s ease}@media (max-width :1000px){#leftCurrentWeather,#rightCurrentWeather{text-align:center}#rightCurrentWeather{border-top:1px solid #666}#startForm{margin-top:10px}}@media (min-width :1000px){.centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#currentWeatherBlock{display:flex;justify-content:space-between}#startForm,#weatherData{width:50%}.inlineBlock{display:inline-block}#currentWeather{display:flex;justify-content:space-between}#rightCurrentWeather{text-align:right}}#currentWeather{margin:0 20px;padding:10px;background:var(--card-bg);border:1px solid #666;border-radius:8px;box-shadow:var(--card-shadow)}#startForm{display:flex;justify-content:center;text-align:center}#currentTemp h1{font-size:70px}#forecastData{display:inline-flex;flex-wrap:wrap;gap:0;margin:10px 15px}.forecast{width:225px;margin:5px;padding:10px 5px;border-radius:8px;border:1px solid #666;background:var(--card-bg);box-shadow:var(--card-shadow);text-align:center;color:var(--text-primary)}body.dark-mode{background-color:var(--bg-dark);color:var(--text-primary-dark)}body.dark-mode input,body.dark-mode select{background-color:var(--card-bg-dark);border:1px solid #555;color:var(--text-primary-dark)}body.dark-mode input:focus,body.dark-mode select:focus{border-color:var(--highlight-color-dark)}body.dark-mode button{background-color:var(--button-bg-dark)}body.dark-mode button:hover{background-color:var(--button-hover-dark);color:#000}:root{--card-bg:var(--card-bg-light);--card-shadow:var(--card-shadow-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--hr-color:var(--hr-color-light);--highlight-color:var(--highlight-color-light);--error-color:var(--error-color-light)}body.dark-mode{--card-bg:var(--card-bg-dark);--card-shadow:var(--card-shadow-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--hr-color:var(--hr-color-dark);--highlight-color:var(--highlight-color-dark);--error-color:var(--error-color-dark);--scrollbar-track:#1E1E1E;--scrollbar-thumb:#007BFF}#darkModeToggle{margin-bottom:20px;padding:8px 16px;font-weight:600;background-color:transparent;border:2px solid var(--highlight-color);color:var(--highlight-color);border-radius:6px;cursor:pointer;user-select:none;transition:background-color .3s,color .3s}#darkModeToggle:hover{background-color:var(--highlight-color);color:var(--card-bg)}#submit,.dark-toggle{display:inline-block;padding:10px 25px;background-color:var(--button-bg-dark);color:#fff;border-radius:5px;cursor:pointer;user-select:none;margin:10px}.dark-toggle input{display:none}#submit:hover,.dark-toggle:hover{background-color:var(--button-hover-dark)}@media (max-width :700px){div[style*="display: flex"]{flex-direction:column}div[style*="min-width: 220px"]{min-width:auto}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track,#1e1e1e)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb,#007bff);border-radius:10px;border:2px solid transparent;background-clip:padding-box}@supports (scrollbar-color:auto){body.dark{scrollbar-width:thin;scrollbar-color:#007BFF #1E1E1E}}