/* Weather app styles */
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
* { margin: 0; padding: 0; box-sizing: border-box; }

/* Smooth scrolling for forecast */
.forecast-scroll::-webkit-scrollbar { display: none; }
.forecast-scroll { -ms-overflow-style: none; scrollbar-width: none; }

/* Hide loaded class */
.loading-overlay.hidden { opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }

/* Responsive tweaks */
@media(max-width:480px){
    .temp { font-size: 56px; }
    .weather-icon { font-size: 36px; }
    .detail-card { padding: 10px; }
}

/* Animation for cards */
.detail-card, .forecast-card, .air-quality, .health-card {
    transition: transform 0.2s ease;
}