/* Keep selected hearts independent of generic selected-button foreground rules. */
body .private-like[aria-pressed="true"],body .private-like[aria-pressed="true"] svg,body .private-like[aria-pressed="true"] svg path{color:var(--private-heart-color,#f1f0f4)!important;fill:var(--private-heart-color,#f1f0f4)!important;stroke:var(--private-heart-color,#f1f0f4)!important}
#addons{border:0;border-top:4px solid #292831;border-radius:0;padding:24px 0 10px;margin-top:32px}
#addons>summary{padding:0 4px 12px}
#addons .addon-navigation{min-width:0}
#addon-cards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;min-width:0}
#addon-cards::-webkit-scrollbar{display:none}
#addon-cards>.addon{flex:0 0 calc((100% - 16px)/2);min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}
.addon-rotation{display:block;margin:12px auto 0;font-size:12px;color:#aaa5bb;background:transparent;border:0;padding:6px 12px}
#cards[data-view="list"]{max-height:var(--private-list-height,65vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#4b4859 transparent;align-content:start;padding-right:6px}
#cards[data-view="list"]>.card{flex-shrink:0}
.private-list-status{color:#a7a0b6;font-size:12px;margin:10px 0}
@media(max-width:700px), (max-width:900px) and (max-height:500px){#addon-cards>.addon{flex-basis:100%}#addons{padding-top:18px}#addon-cards{gap:12px}#cards[data-view="list"]{max-height:var(--private-list-height,60dvh)}}
@media(prefers-reduced-motion:reduce){#addon-cards{scroll-behavior:auto}}

/* Align the queue ring with the adjacent transport tools. */
#private-player #player-queue{transform:translateY(-2px)}