.theme-tile{position:relative;flex:0 0 140px;width:140px}.heart-toggle{position:absolute;right:8px;top:96px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:8px;background:#11172261;backdrop-filter:blur(8px);color:#fff}.heart-toggle svg{width:20px;height:20px;fill:transparent;stroke:currentColor;stroke-width:1.7;transition:fill .16s,transform .16s}.heart-toggle[aria-pressed=true] svg{fill:currentColor}.heart-toggle:active svg{transform:scale(.86)}
.screen>.flow-stage,.screen>.page-scroll,.screen>.list-backdrop,.screen>.flow-underlay,.screen>.flow-labels,.screen>.flow-cta,.screen>.chrome,.screen>.footer,.screen>.dots,.screen>.themes-toggle{transition:opacity .3s ease}
.screen.immersive>.chrome,.screen.immersive>.footer,.screen.immersive>.dots,.screen.immersive>.themes-toggle,.screen.immersive>.flow-cta,.screen.immersive>.page-scroll,.screen.immersive>.list-backdrop,.screen.immersive>.flow-labels,.screen.immersive>.flow-underlay{opacity:0!important;pointer-events:none!important}.screen.immersive>.flow-stage{opacity:1!important}.screen.immersive .flow-card:after{background:transparent!important}.screen.immersive>.chrome button,.screen.immersive>.footer button{pointer-events:none!important}
.favorites-layer{position:absolute;inset:0;z-index:12;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s;overflow:hidden;touch-action:none;background:#11151b}.favorites-layer.open{opacity:1;visibility:visible;pointer-events:auto}.favorites-background{position:absolute;inset:0;pointer-events:none}.favorites-background img{position:absolute;left:-40px;top:-40px;width:470px;height:924px;object-fit:cover;filter:blur(24px);transform:scale(1.06);transition:opacity .28s;opacity:0}.favorites-background:after{content:"";position:absolute;inset:0;background:rgba(10,12,22,.48)}
.favorite-toolbar{position:absolute;inset:0;pointer-events:none;z-index:4}.glass-control{position:absolute;border:0;background:transparent;border-radius:23px;display:grid;place-items:center;padding:0;pointer-events:auto;box-shadow:0 3px 10px #0002}.glass-control>span:last-child{position:relative;z-index:2;pointer-events:none}.glass-control svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.favorite-close{left:20px;top:66px;width:46px;height:46px}.favorite-manage{right:20px;top:66px;width:46px;height:46px}
.favorite-stage{position:absolute;inset:0;perspective:900px;perspective-origin:50% 50%;pointer-events:none}.favorite-cover{position:absolute;top:352px;left:226px;width:140px;height:140px;padding:0;border-radius:24px;overflow:hidden;background:#131a24;transform-origin:center;box-shadow:0 12px 32px #0003;will-change:transform;pointer-events:auto}.favorites-layer[data-side=left] .favorite-cover{left:24px}.favorite-cover img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.favorite-cover:after{content:"";position:absolute;inset:0;background:rgba(8,12,21,var(--cover-shade));pointer-events:none}.favorite-copy{position:absolute;left:20px;width:178px;top:370px;text-align:center;z-index:3}.favorites-layer[data-side=left] .favorite-copy{left:192px}.favorite-copy h2{margin:0 0 18px;font-size:22px;font-weight:500;line-height:32px;letter-spacing:.5px;text-shadow:0 2px 12px #0006}.favorite-confirm{position:relative;width:140px;height:46px;margin:0 auto;font-size:15px;letter-spacing:.5px}.favorites-layer [hidden]{display:none!important}
.favorites-layer .favorite-status{position:absolute;left:44px;right:37px;top:19px;display:flex;justify-content:space-between;font:600 16px/20px Arial,sans-serif;z-index:8;pointer-events:none}.favorite-status img{width:67.6614px;height:11.336px}.screen.favorites-visible>.chrome,.screen.favorites-visible>.footer,.screen.favorites-visible>.flow-cta,.screen.favorites-visible>.dots,.screen.favorites-visible>.themes-toggle{opacity:0!important;pointer-events:none!important}.screen.favorites-visible>.chrome button,.screen.favorites-visible>.footer button{pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.favorites-layer,.favorites-background img,.screen>*{transition:none!important}}

.screen.immersive>.toast{opacity:0!important}.favorite-cover{will-change:auto}.favorite-cover[aria-pressed=true]{will-change:transform}

.flow-card:after{transition:background .3s ease}.management-item button:disabled{opacity:.25;cursor:default}

.favorites-layer{transition:opacity .3s ease,visibility .3s,transform .3s ease}

.favorite-stage{perspective:none}

.favorite-manage[aria-disabled=true]{cursor:default}

.favorite-cover{transform-origin:100% 50%}.favorites-layer[data-side=left] .favorite-cover{transform-origin:0% 50%}

/* Keep all album children below the fixed controls, even with per-cover z-index. */
.favorites-background{z-index:0}.favorite-stage{z-index:1;isolation:isolate}.favorite-copy{z-index:3}.favorite-toolbar{z-index:4}

.favorite-selection{position:absolute;left:20px;right:20px;top:335px;height:174px;z-index:2;pointer-events:none}.favorite-selection i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,244,255,.13) 12%,rgba(248,250,255,.34) 50%,rgba(240,244,255,.13) 88%,transparent);box-shadow:0 0 6px rgba(230,239,255,.045)}.favorite-selection i:first-child{top:0}.favorite-selection i:last-child{bottom:0}

.favorite-album-title{position:absolute;left:20px;width:178px;top:411px;font-size:15px;line-height:22px;font-weight:500;letter-spacing:.5px;text-align:center;color:rgba(243,241,238,.72);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px #0003}.favorites-layer[data-side=left] .favorite-album-title{left:192px}

/* Clip without creating a scroll container: native focus must not pan the dialog. */
.favorites-layer,.favorite-stage{overflow:clip}

/* Slow only the clean-view reveal and hide; preserve all navigation timings. */
.screen.immersive-transition>.flow-stage,.screen.immersive-transition>.page-scroll,.screen.immersive-transition>.list-backdrop,.screen.immersive-transition>.flow-underlay,.screen.immersive-transition>.flow-labels,.screen.immersive-transition>.flow-cta,.screen.immersive-transition>.chrome,.screen.immersive-transition>.footer,.screen.immersive-transition>.dots,.screen.immersive-transition>.themes-toggle,.screen.immersive-transition>.toast{transition:opacity var(--immersive-duration,1200ms) cubic-bezier(.4,0,.2,1)}
.screen.immersive-transition .flow-card:after{transition:background-color var(--immersive-duration,1200ms) cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){.screen.immersive-transition>*,.screen.immersive-transition .flow-card:after{transition:none!important}}

/* Mode browsing owns the gesture; navigation controls fade out until fullscreen. */
.chrome>.record,.chrome>.avatar{transition:opacity .3s cubic-bezier(.4,0,.2,1)}
.screen.coverflow-browsing>.chrome>.record,.screen.coverflow-browsing>.chrome>.avatar,.screen.coverflow-browsing>.footer,.screen.coverflow-browsing>.themes-toggle{opacity:0;pointer-events:none}
.screen.coverflow-browsing>.footer button{pointer-events:none}
@media(prefers-reduced-motion:reduce){.chrome>.record,.chrome>.avatar{transition:none}}