.page-loading{padding:16px 0}.page-loading[hidden]{display:none}
.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.skeleton-cover{aspect-ratio:1;border-radius:14px}.skeleton-line{height:13px;margin-top:12px;border-radius:5px}.skeleton-line.short{width:60%;height:10px;margin-top:8px}
.skeleton-cover,.skeleton-line{background:linear-gradient(100deg,#ffffff0d 25%,#ffffff20 45%,#ffffff0d 65%);background-size:250% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}
html[data-mode="light"] .skeleton-cover,html[data-mode="light"] .skeleton-line{background-image:linear-gradient(100deg,#0000000c 25%,#0000001b 45%,#0000000c 65%)}
.audio-buffering #miniPlay,.audio-buffering #playPause{animation:buffer-pulse 1s ease-in-out infinite}
@keyframes skeleton-shimmer{to{background-position:-150% 0}}@keyframes buffer-pulse{50%{opacity:.45}}
@media(max-width:999px) and (orientation:portrait){#categoryNav{overflow:hidden}#categoryNav button{min-width:0;flex:1 1 0;font-size:clamp(8px,2.3vw,10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#categoryNav button[data-category="Home"] .icon{color:var(--gold)}}
@media(prefers-reduced-motion:reduce){.skeleton-cover,.skeleton-line,.audio-buffering #miniPlay,.audio-buffering #playPause{animation:none}}