:root{--color-sky-blue: #4A90E2;--color-deep-gray: #2F3640;--color-cloud-white: #F5F7FA;--color-storm-gray: #B0BEC5;--color-thunder-black: #2D3436;--color-sun-yellow: #FFD700;--color-rain-blue: #5DADE2;--color-wind-teal: #48C9B0;--color-humidity-indigo: #5D6D7E;--gradient-thunderstorm: linear-gradient(135deg, #434343, #000000);--gradient-sunny: linear-gradient(135deg, #FFE259, #FFA751);--gradient-clear-night: linear-gradient(135deg, #141E30, #243B55);--gradient-cloudy: linear-gradient(135deg, #d7d2cc, #304352);--gradient-rainy: linear-gradient(135deg, #4e54c8, #8f94fb)}body{background:var(--gradient-rainy)}:root{--home-bg-gradient: linear-gradient(135deg, #EAF4FC, #FFFFFF);--input-bg: #FFFFFF;--input-border: #DDE6ED;--input-focus: #4A90E2;--button-bg: #4A90E2;--button-hover: #357ABD;--text-dark: #2D3436;--text-subtle: #5D6D7E;--shadow-color: rgba(0, 0, 0, .1);--border-radius: 14px}.weather-container-bold{min-height:100vh;padding:1.5rem;box-sizing:border-box;font-family:Segoe UI,sans-serif;transition:all .4s ease}.weather-main{max-width:1200px;margin:auto;padding-top:2rem;text-transform:capitalize}.weather-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.weather-search-form{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.weather-input{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 16px;border-radius:8px;width:100%;max-width:320px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.weather-input::placeholder{color:#ffffffb3}.weather-search-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .3s ease}.weather-search-btn:hover{background-color:#ffffff59;color:#000}.weather-card-updated,.glass-card{border-radius:20px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0000001a;transition:.4s}.weather-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.temperature{font-size:2rem;font-weight:700}.temperature-err{font-size:.9rem;font-weight:600}.condition{font-size:1.2rem;font-weight:500}.condition-err{font-size:10px;font-weight:100;align-items:right}.weather-stats{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.stat-item{flex:1 1 45%;font-size:1rem}.info-forecast-wrapper{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap}.half-width{flex:1 1 48%}.glass-list li{margin-bottom:.5rem}.forecast-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.forecast-box{flex:1 1 18%;padding:.7rem;border-radius:10px;text-align:center;background:#fff3;font-size:.9rem}.hamburger{position:absolute;top:1.2rem;left:1.5rem;font-size:1.8rem;cursor:pointer;z-index:1001}.weather-sidebar{position:fixed;top:0;left:0;width:220px;height:100%;background:#0f0f0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem;transform:translate(-100%);transition:transform .4s ease;z-index:1000}.weather-sidebar.active{transform:translate(0)}.disabled{opacity:.4;cursor:not-allowed}.weather-sidebar h2{color:#fff;margin-bottom:2rem}.weather-sidebar ul{list-style:none;padding:0}.weather-sidebar li{margin:1rem 0;color:#fff;cursor:pointer}.weather-sidebar li a{text-decoration:none;color:#fff}.snow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/snow-ByO7dPqF.png) repeat;animation:snowFall 10s linear infinite;pointer-events:none;z-index:0}.cloudy:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/cloud-PCKc1RNN.png) repeat;opacity:.2;pointer-events:none}.heatwave:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,#f003);animation:shimmer 2s infinite ease-in-out;pointer-events:none;z-index:0}@keyframes snowFall{0%{background-position-y:0}to{background-position-y:1000px}}@keyframes shimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@media (max-width: 768px){.weather-title{font-size:1.5rem}.info-forecast-wrapper{flex-direction:column}.half-width{flex:1 1 100%}.forecast-box{flex:1 1 45%}.weather-stats .stat-item{flex:1 1 100%}}.forecast-section{margin-top:2rem;padding:1rem;border-radius:1rem;background:#ffffff1a;color:inherit}.forecast-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.forecast-box{background:#ffffff26;border-radius:1rem;padding:1rem;text-align:center;width:120px;box-shadow:0 0 10px #0003}.forecast-day{font-weight:700;font-size:1rem}.forecast-icon{width:48px;height:48px;margin:.5rem 0}.forecast-temp{font-size:1.1rem;font-weight:600}.forecast-text{font-size:.85rem;margin-top:.25rem}
