/* Keep motion on small visible elements; avoid continuously repainting the whole page. */
#slideshowBackground img{filter:none!important;transform:none!important;transition:opacity .7s ease!important;will-change:auto!important}
#slideshowBackground:after{background:rgba(0,0,0,.66)!important}
nav,.card,.media-card,.about-box,.reader-link,.chat-card,.playlist-panel,.contact-panel,.box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
nav{background:rgba(8,9,9,.96)!important}
.links.is-open{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(9,10,10,.98)!important}
.card,.media-card,.reader-link,.chat-card,.playlist-panel,.photo-card,.video-card,.artist-card{transition:transform .18s ease,border-color .18s ease!important}
.playlist-panel:hover{transform:none!important;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.photo-card img{filter:none!important;transition:transform .2s ease!important}
.photo-card:hover img{filter:none!important}
/* Blurred media backdrops stay at their approved strength; only the surfaces behind them are lighter. */
html.pa-page-covered #logoSmall,html.pa-page-covered #logoMain{animation:none!important;transition:none!important;will-change:auto!important}
html.pa-page-covered body>:not(.pa-persistent-page):not(.pa-page-loading):not(.pa-dj-float){visibility:hidden}
@media(prefers-reduced-motion:reduce){#slideshowBackground img{transition:none!important}}

/* Static surfaces do not need to blur the entire page behind them. */
.artist-card,.artist-hero .hero-meta span,body[data-page="artist-detail"]>header,.lang-toggle{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}