.skeleton{background:linear-gradient(90deg,var(--tblr-border-color-light) 0,var(--tblr-bg-surface-secondary) 50%,var(--tblr-border-color-light) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--tblr-border-radius);display:inline-block}

@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}[data-theme="dark"] .skeleton{background:linear-gradient(90deg,rgb(255 255 255 / 5%) 0,rgb(255 255 255 / 10%) 50%,rgb(255 255 255 / 5%) 100%);background-size:200% 100%}.skeleton-text{height:1em;margin-bottom:var(--spacing-sm);width:100%}.skeleton-text-sm{height:.875em}.skeleton-text-lg{height:1.25em}.skeleton-text-xl{height:1.5em}.skeleton-h4{height:2rem;width:60%;margin:0 auto var(--spacing-sm)}.skeleton-badge{height:1.5rem;width:80px;display:inline-block}.skeleton-progress{height:6px;width:100%;margin-top:var(--spacing-sm)}.forecast-skeleton{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md)}.forecast-skeleton .skeleton-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);border-radius:50%;margin-bottom:var(--spacing-sm)}.forecast-skeleton .skeleton-value{width:70%;height:2rem;margin-bottom:var(--spacing-sm)}.forecast-skeleton .skeleton-trend{width:90%;height:1rem}.multi-day-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.multi-day-skeleton-card{padding:var(--spacing-md);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}.multi-day-skeleton-card .skeleton-day{width:60%;height:1.25rem;margin-bottom:.75rem}.multi-day-skeleton-card .skeleton-temp{width:50%;height:1.5rem;margin:var(--spacing-sm) auto}.multi-day-skeleton-card .skeleton-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:50%;margin:var(--spacing-sm) auto}.multi-day-skeleton-card .skeleton-detail{width:80%;height:.875rem;margin:var(--spacing-xs) auto}.uv-skeleton{display:flex;justify-content:space-around;margin-bottom:1rem}.uv-skeleton-item{flex:1;padding:var(--spacing-md);text-align:center}.uv-skeleton-item .skeleton-label{width:60%;height:.875rem;margin:0 auto var(--spacing-sm)}.uv-skeleton-item .skeleton-value{width:40%;height:1.5rem;margin:0 auto var(--spacing-sm)}.uv-skeleton-item .skeleton-desc{width:70%;height:.75rem;margin:0 auto}

@keyframes fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.forecast-loaded{animation:fade-in var(--duration-normal) ease-out}

@media (prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:.6}.forecast-loaded{animation:none}}