/* The compact bar's max-width:220px must not constrain expanded metadata. */
body.vibe-site .vibe-floating-player.is-mobile-expanded { overflow: clip !important; }
body.vibe-site .vibe-floating-player.is-mobile-expanded .vibe-player-copy {
    width: auto;
    max-width: none;
    min-width: 0;
    padding-inline: 0;
    margin-inline: 0;
    text-align: center;
}
body.vibe-site .vibe-floating-player.is-mobile-expanded :is(.vibe-player-title,.vibe-player-artist) {
    display: -webkit-box;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
    text-wrap: balance;
}
body.vibe-site .vibe-floating-player.is-mobile-expanded .vibe-player-live { justify-content: center; }
@media (max-width: 767.98px) {
    body.vibe-site .vibe-floating-player:not(.is-mobile-expanded) { max-width: calc(100% - max(10px,env(safe-area-inset-left)) - max(10px,env(safe-area-inset-right))); min-width: 0; }
}
@media (orientation: portrait), (min-height: 501px) {
    body.vibe-site .vibe-floating-player.is-mobile-expanded .vibe-player-copy {
        left: max(24px,env(safe-area-inset-left));
        right: max(24px,env(safe-area-inset-right));
        transform: none;
    }
}
@media (max-height: 600px) {
    body.vibe-site .vibe-floating-player.is-mobile-expanded .vibe-player-title { font-size: 16px; line-height: 1.2; }
    body.vibe-site .vibe-floating-player.is-mobile-expanded .vibe-player-artist { font-size: 20px; line-height: 1.2; }
}