/* Shared geometry for the bottom bar and fullscreen chat. */
.mp-shared{
 --mp-cover:48px;--mp-control:44px;--mp-surface:#172f3e;--mp-text:#f2eadb;--mp-muted:#afbec4;--mp-accent:#e6ce97;--mp-ease:cubic-bezier(.22,1,.36,1);
 display:flex;align-items:center;gap:8px;box-sizing:border-box;min-width:0;min-height:72px;height:72px;
 padding:8px 12px;background:var(--mp-surface);color:var(--mp-text);line-height:1.3;
 transition:height 260ms var(--mp-ease),min-height 260ms var(--mp-ease),padding 260ms var(--mp-ease);
}
.mp-shared>*{min-width:0}
.mp-shared .mp-cover{position:relative;flex:0 0 var(--mp-cover);width:var(--mp-cover);height:var(--mp-cover);padding:0;border:0;border-radius:6px;overflow:hidden;background:#ffffff12;box-shadow:none;animation:none}
.mp-shared .mp-cover img{width:100%;height:100%;object-fit:contain}
.mp-shared .mp-cover:has(img[src$="/radiohead-bear-favicon.png"]){background:#fff}
.mp-shared .mp-info{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;overflow:visible;line-height:1.3}
.mp-shared .mp-title{display:flex;align-items:center;gap:5px;height:18px;min-width:0}
.mp-shared .mp-title>button{display:block;flex:0 1 auto;min-width:0;min-height:0;max-width:100%;width:auto;padding:0;text-align:left;line-height:18px}
.mp-shared .mp-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font:500 .8125rem/1.125rem var(--sans,sans-serif);color:var(--mp-text)}
.mp-shared .mp-live{display:none;flex:none;font:500 .625rem/1rem var(--sans,sans-serif);color:var(--mp-accent);white-space:nowrap}
.mp-shared .mp-live span{display:inline-block;color:#ef7479;animation:mp-beacon 2.8s ease-in-out infinite}
@keyframes mp-beacon{0%,100%{opacity:.68}50%{opacity:1}}
.mp-shared .mp-meta{display:flex;align-items:center;gap:4px;min-width:0;height:16px;flex-wrap:nowrap;color:var(--mp-muted);font:400 .6875rem/1rem var(--sans,sans-serif)}
.mp-shared .mp-album{display:block;flex:0 1 auto;min-width:0;max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mp-muted);font:inherit}
.mp-shared .mp-listeners{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mp-muted);font:400 .6875rem/1rem var(--sans,sans-serif);font-variant-numeric:tabular-nums;transition:opacity 120ms ease,transform 160ms var(--mp-ease)}
.mp-shared .mp-listeners:before{content:'·';margin-inline:2px 5px;color:var(--mp-muted);opacity:.65}
.mp-shared .mp-changing{opacity:0;transform:translateY(2px)}
.mp-shared .mp-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;min-width:0;min-height:18px;height:18px;margin:0;padding:0;color:var(--mp-accent);font:500 .6875rem/1rem var(--sans,sans-serif)}
.mp-shared .mp-actions .broadcast-choice{display:contents}
.mp-shared .mp-actions :is(button,a){position:relative;display:inline-flex;align-items:center;flex:none;min-width:44px;height:44px;min-height:44px;box-sizing:border-box;padding:16px 0 0;margin-top:-16px;border:0;background:none;color:var(--mp-accent);font:inherit;white-space:nowrap;text-decoration:none;border-radius:3px}
.mp-shared .mp-actions :is(button,a)+:is(button,a):before,.mp-shared .broadcast-choice:not([hidden])+a:before{content:'';position:static;transform:none;height:9px;border-left:1px solid #ffffff30;margin-inline:7px;flex:none}
.mp-shared .mp-actions a:after{content:none!important}
.mp-shared .mp-controls{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:0;padding:0;margin:0}
.mp-shared .mp-controls>button{display:grid;place-items:center;box-sizing:border-box;flex:0 0 44px;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;margin:0;border:0;background:none;color:var(--mp-muted);border-radius:50%;font-size:16px;line-height:1}
.mp-shared .mp-controls>button svg{width:18px;height:18px}
.mp-shared .mp-controls>.mp-play{position:relative;isolation:isolate;background:transparent;color:var(--mp-surface);box-shadow:none}
.mp-shared .mp-play:before{content:'';position:absolute;inset:0;background:var(--mp-text);border-radius:50%;z-index:-1;transition:inset 220ms var(--mp-ease)}
.mp-shared .mp-fold span{display:block;font:24px/1 sans-serif;transform:rotate(0deg);transition:transform 220ms var(--mp-ease)}
.mp-shared .mp-extra{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:0 1 auto}
.mp-shared .mp-extra>button{height:44px;min-width:44px;padding:0;color:var(--mp-muted)}
.mp-shared .mp-extra>button.active{color:var(--mp-accent)}
.mp-shared .mp-controls>.mp-power[aria-pressed=true]{color:#d99682}
.mp-shared .mp-extra svg{width:18px;height:18px}
.mp-shared .volume-control{display:flex;align-items:center;gap:4px;width:116px;flex:none}
.mp-shared .volume-control input{width:72px;min-width:0;height:44px;accent-color:var(--mp-accent)}
.mp-shared .volume-control button{width:36px;height:44px;flex:none;padding:0;color:var(--mp-muted)}
.mp-shared .queue-button{font-size:.6875rem;white-space:nowrap;color:var(--mp-muted);padding-inline:8px!important;border:0}
.mp-shared .queue-button span{font-size:.625rem;margin-left:4px}
.mp-shared :is(button,a,input):focus-visible{outline:2px solid var(--mp-accent);outline-offset:-2px}
.mp-shared [hidden]{display:none!important}
.mp-shared[data-collapsed=true]{height:44px;min-height:44px;padding-block:0;gap:4px;transition-duration:220ms}
.mp-shared[data-collapsed=true] .mp-cover{display:none}
.mp-shared[data-collapsed=true] .mp-info{gap:0}
.mp-shared[data-collapsed=true] .mp-title{height:16px}
.mp-shared[data-collapsed=true] .mp-title-text{font-size:.75rem;line-height:16px}
.mp-shared[data-collapsed=true] .mp-live:not([hidden]){display:block}
.mp-shared[data-collapsed=true] .mp-meta{display:none}
.mp-shared[data-collapsed=true] .mp-actions{height:16px;min-height:16px}
.mp-shared[data-collapsed=true] .mp-actions :is(button,a){margin-top:-16px;padding-top:16px}
.mp-shared[data-collapsed=true] .mp-play:before{inset:11px}
.mp-shared[data-collapsed=true] .mp-controls>.mp-play{font-size:.6875rem}
.mp-shared[data-collapsed=true] .mp-play svg{width:11px;height:11px}
.mp-shared[data-collapsed=true] .mp-fold span{transform:rotate(180deg)}
.mp-shared[data-collapsed=true] .mp-listeners{margin-left:5px}
.mp-shared[data-collapsed=true] .mp-controls{align-self:center}
.mp-shared .track-timeline{display:none!important}
.music-player.mp-shared{position:fixed;inset:auto 0 0;z-index:30;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));height:calc(72px + env(safe-area-inset-bottom,0px));min-height:calc(72px + env(safe-area-inset-bottom,0px));padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px));border:0;box-shadow:0 -4px 20px #14263514}
.music-player.mp-shared[data-collapsed=true]{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(44px + env(safe-area-inset-bottom,0px));min-height:calc(44px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent 4px,var(--mp-surface) 4px,var(--mp-surface) calc(100% - 4px),transparent calc(100% - 4px))}
.music-player.mp-shared .player-footer{margin:0;padding:0;min-width:0}
.music-player.mp-shared .player-listening{display:flex}
.music-player.mp-shared #listening-count{display:none!important}
.music-player.mp-shared .mp-cover>svg{width:100%;height:100%}
.music-player.mp-shared #current-artwork{position:absolute;inset:0}
body{--player-height:calc(var(--broadcast-player-height,72px) - env(safe-area-inset-bottom,0px))}
@media(min-width:801px){.music-player.mp-shared{padding-inline:max(20px,calc((100% - 1280px)/2))}.music-player.mp-shared .mp-info{margin-right:16px}}
@media(max-width:1000px) and (min-width:801px){.mp-shared .volume-control{display:none}.mp-shared .mp-extra>button{min-width:36px}.mp-shared .queue-button span{display:none}}
@media(max-width:800px){.music-player.mp-shared .mp-extra{display:none}.mp-shared{--mp-cover:44px;gap:6px;padding-inline:8px}.mp-shared .mp-actions{font-size:.6875rem}}
@media(max-width:359px){.mp-shared{--mp-cover:34px;gap:5px;padding-inline:6px}.music-player.mp-shared{padding-inline:6px}.mp-shared .mp-title-text{font-size:.75rem}.mp-shared .mp-actions :is(button,a)+:is(button,a):before,.mp-shared .broadcast-choice:not([hidden])+a:before{margin-inline:4px}}
.mp-shared.mp-large-type{flex-wrap:wrap;height:auto!important;min-height:72px}
.mp-shared.mp-large-type .mp-info{flex-basis:calc(100% - 70px)}
.mp-shared.mp-large-type .mp-title,.mp-shared.mp-large-type .mp-meta{height:auto;flex-wrap:wrap}
.mp-shared.mp-large-type .mp-title-text{white-space:normal;line-height:1.3}
.mp-shared.mp-large-type .mp-actions{height:auto;min-height:44px;flex-wrap:wrap;gap:4px}
.mp-shared.mp-large-type .mp-actions :is(button,a){height:auto;min-height:44px;margin:0;padding:0}
.mp-shared.mp-large-type .mp-controls{margin-left:auto}
.mp-shared.mp-large-type .mp-extra{flex-wrap:wrap}
.mp-shared.mp-motion-off *,.mp-shared.mp-room-motion-off *,.motion-paused .mp-shared *{animation:none!important;transition:none!important}
.mp-shared.mp-motion-off,.mp-shared.mp-room-motion-off,.motion-paused .mp-shared{transition:none!important}
@media(prefers-reduced-motion:reduce){.mp-shared,.mp-shared *,.mp-shared *:before{animation:none!important;transition:none!important}}