.weather-section{padding:24px 16px 8px}.weather-card{background:#1e1e2e;border:2px solid #45475a;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #313244,inset 0 1px #ffffff0a}.weather-header{background:linear-gradient(135deg,#313244 0%,#1e1e2e 100%);border-bottom:1px solid #45475a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:12px 18px;display:flex}.weather-location{color:#cba6f7;letter-spacing:.3px;align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:flex}.weather-pin{font-size:1rem}.weather-update-time{color:#6c7086;font-size:.72rem;font-style:italic}.weather-main{justify-content:center;align-items:center;gap:28px;padding:28px 18px 20px;display:flex}.weather-icon-wrap{background:radial-gradient(circle,#313244 0%,#1e1e2e 70%);border:2px solid #45475a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;box-shadow:0 0 18px #cba6f726}.weather-icon-big{font-size:3rem;line-height:1}.weather-temp-block{text-align:left}.weather-temp-main{color:#cdd6f4;letter-spacing:-1px;font-size:3rem;font-weight:800;line-height:1}.weather-temp-desc{color:#a6adc8;text-transform:capitalize;margin-top:4px;font-size:1rem}.weather-temp-range{gap:14px;margin-top:8px;font-size:.82rem;font-weight:600;display:flex}.temp-min{color:#89b4fa}.temp-max{color:#f38ba8}.weather-details{background:#45475a;border-top:1px solid #45475a;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;display:grid}.weather-detail-item{text-align:center;background:#1e1e2e;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:background .2s;display:flex}.weather-detail-item:hover{background:#313244}.detail-icon{font-size:1.1rem;line-height:1}.detail-label{color:#6c7086;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.detail-value{color:#cdd6f4;font-size:.82rem;font-weight:600}.weather-attribution{text-align:center;color:#585b70;border-top:1px solid #313244;padding:8px;font-size:.62rem}.weather-attribution a{color:#7f849c;text-decoration:none}.weather-attribution a:hover{color:#cba6f7;text-decoration:underline}.weather-loading,.weather-error{color:#a6adc8;justify-content:center;align-items:center;gap:14px;padding:32px 18px;font-size:.9rem;display:flex}.weather-spinner{border:3px solid #45475a;border-top-color:#cba6f7;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite weather-spin}@keyframes weather-spin{to{transform:rotate(360deg)}}.weather-error-icon{font-size:1.8rem}.weather-error-text p{color:#f38ba8;margin:0 0 4px;font-weight:600}.weather-error-text small{color:#6c7086;font-size:.72rem;line-height:1.4}.weather-error-text code{color:#cba6f7;background:#313244;border-radius:4px;padding:1px 5px;font-size:.7rem}.weather-error-text a{color:#89b4fa;text-decoration:none}.weather-error-text a:hover{text-decoration:underline}@media (max-width:480px){.weather-main{flex-direction:column;gap:14px;padding:22px 14px 16px}.weather-temp-block{text-align:center}.weather-temp-main{font-size:2.6rem}.weather-details{grid-template-columns:repeat(3,1fr)}}