.listening-room,.listening-room.is-floating{position:fixed;left:auto;right:24px;bottom:24px;top:auto;width:580px;max-width:calc(100vw - 24px);height:326px;max-height:calc(100dvh - 24px);margin:0;padding:12px;grid-template-columns:260px minmax(0,1fr);grid-template-rows:30px minmax(0,1fr) 82px;grid-template-areas:'toolbar toolbar' 'media info' 'media controls';gap:10px 18px;border:1px solid #bcff3550;box-shadow:0 12px 45px #0005;border-radius:12px;overflow:auto;z-index:40}
.player-toolbar{grid-area:toolbar;display:flex;border:0;padding:0;gap:8px;justify-content:space-between}.player-toolbar button,.player-transport button,.queue-options button,.player-actions button,.player-actions a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;padding:7px;background:#ffffff08;border:1px solid #ffffff35;border-radius:7px;color:var(--white);position:relative}.player-toolbar button{width:30px;height:30px;padding:6px}.player-toolbar svg,.player-transport svg,.player-actions svg{width:100%;height:100%;fill:currentColor;display:block}.player-grip{touch-action:none;cursor:grab}.player-grip:active{cursor:grabbing}.player-toolbar .player-grip{border:1px solid #ffffff35;padding:6px;color:var(--green)}.player-transport .transport-play{min-width:0;width:42px;height:42px;background:var(--green);color:var(--black);border-color:var(--green)}
.now-playing,.is-floating .now-playing{grid-area:info;display:flex;flex-direction:column;gap:8px;align-self:center;align-content:normal}.now-playing h3,.is-floating .now-playing h3{font-size:22px;line-height:1.25;margin:0;letter-spacing:-.02em}.now-playing p,.is-floating .now-playing p{font-size:12px}.now-playing .eyebrow{display:none}#player-status,.is-floating #player-status{display:block;font-size:10px;line-height:1.4;min-height:0}.player-actions{display:flex;gap:7px;flex-wrap:wrap}.player-actions button,.player-actions a{width:29px;height:29px;padding:5px}.player-actions button.active{background:#bcff3515;border-color:var(--green);color:var(--green)}.player-actions button[hidden],.player-actions a[hidden]{display:none}
.player-screen,.is-floating .player-screen{grid-area:media;min-width:200px;width:100%;height:200px;min-height:200px;aspect-ratio:auto;align-self:center}.player-screen[data-mode=audio],.is-floating .player-screen[data-mode=audio]{height:auto;min-height:90px}.archive-audio-player,.is-floating .archive-audio-player{padding:8px;min-height:90px}.archive-audio-player img,.archive-audio-player p{display:none}.player-screen[data-mode=spotify],.is-floating .player-screen[data-mode=spotify]{height:164px;min-height:164px}
.player-transport{grid-area:controls;display:flex;flex-direction:column;gap:7px;align-self:end;align-items:flex-start}.transport-main,.queue-options{display:flex;gap:8px;justify-content:flex-start;flex-wrap:nowrap}.queue-options button{width:29px;height:29px;padding:5px}.queue-options button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:#bcff3515}.repeat-one{position:absolute;font-size:9px;right:2px;top:0;background:var(--black);line-height:1}.minimized-title{display:none}.has-floating-player{padding-bottom:100px}
.listening-room.is-minimized{width:440px;height:64px;grid-template-columns:minmax(0,1fr) 122px;grid-template-rows:1fr;grid-template-areas:'toolbar controls';padding:10px;gap:10px}.is-minimized .now-playing,.is-minimized .player-screen,.is-minimized .queue-options{display:none}.is-minimized .player-transport{align-self:center}.is-minimized .transport-main{gap:5px}.is-minimized .transport-main button{width:34px;height:34px;padding:6px}.is-minimized .minimized-title{display:block;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.is-minimized .player-toolbar{min-width:0;align-items:center}
@media(max-width:620px){.listening-room,.listening-room.is-floating{right:12px;bottom:12px;width:350px;height:auto;grid-template-columns:1fr;grid-template-rows:30px 200px auto auto;grid-template-areas:'toolbar' 'media' 'info' 'controls';gap:10px;padding:10px}.now-playing h3,.is-floating .now-playing h3{font-size:20px}.player-transport{flex-direction:row;justify-content:space-between;align-items:center}.player-screen,.is-floating .player-screen{height:200px;min-height:200px}.listening-room.is-minimized{height:64px;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:1fr;grid-template-areas:'toolbar controls'}.is-minimized .transport-main button{width:32px;height:32px}.is-minimized .player-toolbar button{width:25px;height:28px}.is-minimized .player-transport{display:flex}.queue-options button{width:27px;height:27px}}
@media(max-width:620px){.listening-room:has(.player-screen[data-mode=audio]),.listening-room:has(.player-screen[data-mode=spotify]){grid-template-rows:30px auto auto auto}.listening-room.is-minimized:has(.player-screen){grid-template-rows:1fr}}
.square-period{display:inline-block;width:.105em;height:.105em;background:currentColor;margin-left:.06em;vertical-align:baseline}
.listening-room,.listening-room.is-floating{grid-template-rows:34px minmax(0,1fr) 108px}
.now-playing h3,.is-floating .now-playing h3{font-size:29px;line-height:1.15}.now-playing p,.is-floating .now-playing p{font-size:16px}#player-status,.is-floating #player-status{font-size:12px}.player-actions button,.player-actions a{width:38px;height:38px;padding:7px}.player-transport button{width:46px;height:46px;padding:9px}.player-transport .transport-play{width:52px;height:52px}.queue-options button{width:38px;height:38px;padding:7px}.transport-main,.queue-options{gap:10px}.player-toolbar button{width:34px;height:34px;padding:7px}
.player-screen[data-mode=audio],.is-floating .player-screen[data-mode=audio]{height:248px;min-height:248px;background:transparent}.archive-audio-player,.is-floating .archive-audio-player{height:248px;min-height:248px;padding:0;gap:9px}.archive-audio-player img,.is-floating .archive-audio-player img{display:block;width:158px;height:158px;object-fit:contain;background:#191919}.archive-audio-player audio{height:44px;flex:0 0 auto}.archive-audio-player a,.is-floating .archive-audio-player a{font-size:11px}
.listening-room.is-minimized{grid-template-rows:1fr}.is-minimized .player-toolbar button{width:30px;height:30px}.is-minimized .transport-main button{width:34px;height:34px}
@media(max-width:620px){.listening-room,.listening-room.is-floating{grid-template-rows:34px 200px auto auto}.listening-room:has(.player-screen[data-mode=audio]){grid-template-rows:34px 248px auto auto}.now-playing h3,.is-floating .now-playing h3{font-size:25px}.player-transport button{width:42px;height:42px;padding:8px}.player-transport .transport-play{width:46px;height:46px}.queue-options button{width:34px;height:34px;padding:6px}.transport-main,.queue-options{gap:7px}.player-actions button,.player-actions a{width:34px;height:34px}.listening-room.is-minimized,.listening-room.is-minimized:has(.player-screen){grid-template-rows:1fr}}
.listening-room,.listening-room.is-floating{grid-template-rows:34px minmax(0,1fr) 94px}.now-playing,.is-floating .now-playing{gap:5px}.now-playing h3,.is-floating .now-playing h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-playing p,.is-floating .now-playing p{line-height:1.2}.listening-room.is-minimized{grid-template-rows:1fr}
@media(max-width:620px){.listening-room,.listening-room.is-floating{grid-template-rows:34px 200px auto auto}.listening-room:has(.player-screen[data-mode=audio]){grid-template-rows:34px 248px auto auto}.listening-room.is-minimized,.listening-room.is-minimized:has(.player-screen){grid-template-rows:1fr}}