body {
    background-attachment: fixed;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow-x: hidden;
}

.glass-card {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }

#weather-animations {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1; pointer-events: none; overflow: hidden;
}

@keyframes drift { from { transform: translateX(-10vw); } to { transform: translateX(110vw); } }
@keyframes fall { to { transform: translateY(100vh); } }

.cloud-anim { position: absolute; animation: drift linear infinite; }
.rain-anim { position: absolute; top: -50px; width: 1px; height: 30px; animation: fall linear infinite; }
.snow-anim { position: absolute; top: -50px; width: 6px; height: 6px; border-radius: 50%; animation: fall linear infinite; }

.color-scheme-dark { color-scheme: dark; }
.color-scheme-light { color-scheme: light; }