[hidden] { display: none !important; }
.dashboard[aria-busy="true"] .current-card,
.dashboard[aria-busy="true"] .sun-card,
body.is-loading .daily-card,
body.is-loading .hourly-item { position: relative; overflow: hidden; }
.dashboard[aria-busy="true"] .current-card::after,
.dashboard[aria-busy="true"] .sun-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.08) 40%, transparent 60%);
    animation: skeleton 1.25s infinite linear;
}
body.is-refreshing .weather-icon--hero { animation: breathe 1s ease-in-out infinite alternate; }
body.is-offline .network-banner { background: #78551e; }
.is-stale .freshness { color: #ffe0a3; background: rgba(151, 98, 13, .35); }
@keyframes skeleton { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes breathe { to { transform: scale(1.035); opacity: .82; } }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}