/* Vibe only. Podcast transport; the live-radio layout remains unchanged. */
body.vibe-site .vibe-podcast-seek[hidden] { display:none!important; }
body.vibe-site .vibe-podcast-seek {
    position:absolute; inset:auto 0 calc(100% + 8px); display:flex; align-items:center;
    gap:12px; padding:4px 12px; color:#fff; border:1px solid rgba(255,255,255,.2);
    border-radius:16px; background:var(--vibe-player-gradient); box-shadow:0 6px 22px #101c4429;
}
body.vibe-site .vibe-podcast-timeline { flex:1; min-width:0; }
body.vibe-site .vibe-podcast-seek button {
    flex:0 0 44px; min-width:44px; width:44px; height:44px; display:flex; align-items:center; justify-content:center;
    gap:2px; padding:0; border:0; border-radius:50%; color:inherit; background:rgba(255,255,255,.1);
    font:600 13px system-ui,sans-serif; cursor:pointer;
}
body.vibe-site .vibe-podcast-seek button span { font-size:10px; opacity:.8; }
body.vibe-site .vibe-podcast-seek button:hover { background:rgba(255,255,255,.2); }
body.vibe-site .vibe-podcast-seek :disabled { opacity:.5; cursor:wait; }
body.vibe-site .vibe-podcast-seek :focus-visible { outline:2px solid #fff; outline-offset:2px; }
body.vibe-site .vibe-podcast-seek input {
    -webkit-appearance:none; appearance:none; display:block; width:100%; min-width:0; height:30px; padding:0; margin:0;
    background:transparent; cursor:pointer; touch-action:pan-y; color:#fff;
}
body.vibe-site .vibe-podcast-seek input::-webkit-slider-runnable-track {
    height:4px; border-radius:8px; background:linear-gradient(to right,#fff var(--podcast-progress,0%),#ffffff40 var(--podcast-progress,0%));
}
body.vibe-site .vibe-podcast-seek input::-webkit-slider-thumb {
    -webkit-appearance:none; width:14px; height:14px; margin-top:-5px; border:0; border-radius:50%; background:#fff; box-shadow:0 1px 4px #0003;
}
body.vibe-site .vibe-podcast-seek input::-moz-range-track { height:4px; border-radius:8px; background:#ffffff40; }
body.vibe-site .vibe-podcast-seek input::-moz-range-progress { height:4px; border-radius:8px; background:#fff; }
body.vibe-site .vibe-podcast-seek input::-moz-range-thumb { width:14px; height:14px; border:0; border-radius:50%; background:#fff; }
body.vibe-site .vibe-podcast-times { display:flex; justify-content:space-between; gap:8px; font:500 11px/1.2 system-ui,sans-serif; font-variant-numeric:tabular-nums; padding-bottom:5px; }
body.vibe-site .vibe-floating-player.is-podcast .vibe-player-popover { bottom:calc(100% + 76px); }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-live::before { content:'PODCAST'; }
/* The expanded podcast has its own natural grid: no absolute transport overlaps. */
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded {
    display:grid!important; grid-template-columns:minmax(0,1fr);
    grid-template-rows:48px minmax(64px,1fr) auto 60px 80px auto; gap:8px;
    padding:max(8px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded > :is(.vibe-player-brand-logo,.vibe-player-artwork-wrap,.vibe-player-copy,.vibe-player-play,.vibe-podcast-seek,.vibe-player-actions) {
    position:relative!important; inset:auto!important; transform:none!important; margin:0; justify-self:center; grid-column:1;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-brand-logo { grid-row:1; width:auto; max-width:65%; height:48px; object-fit:contain; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-artwork-wrap {
    grid-row:2; align-self:center; width:min(52vw,28dvh,260px); height:min(52vw,28dvh,260px); max-height:100%; aspect-ratio:1;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-copy { grid-row:3; width:100%; padding:0; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-title { font-size:17px; line-height:1.25; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-artist { font-size:20px; line-height:1.25; margin-top:4px; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek { grid-row:4; width:100%; background:transparent; border:0; padding:0; box-shadow:none; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-play { grid-row:5; width:60px; height:60px; min-width:60px; min-height:60px; align-self:center; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-actions { grid-row:6; width:calc(100% + 40px); max-width:100vw; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-popover { bottom:calc(90px + env(safe-area-inset-bottom)); }
@media (orientation:landscape) and (max-height:500px) {
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded {
        grid-template-columns:32% minmax(0,1fr); grid-template-rows:40px minmax(40px,1fr) 48px 60px auto; gap:4px 16px;
    }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-brand-logo { grid-column:1; height:40px; }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-artwork-wrap { grid-column:1; grid-row:2/5; width:min(26vw,45dvh); height:min(26vw,45dvh); }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-copy { grid-column:2; grid-row:2; align-self:center; }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek { grid-column:2; grid-row:3; }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-play { grid-column:2; grid-row:4; width:52px; height:52px; min-width:52px; min-height:52px; }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-actions { grid-column:1/-1; grid-row:5; }
}