.mini-player-heading{display:flex;align-items:center;width:100%;gap:12px;min-width:0}.listener-player #openNowPlaying{flex:1;min-width:0;padding:0 5px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:8px;color:white;touch-action:pan-x;cursor:pointer}.listener-player #listenerName{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.pull-handle{display:block;width:30px;height:3px;border-radius:3px;background:#ac91ba}.expand-hint{font-size:10px;color:#c3accf}.listener-player .player-heart{min-width:48px;min-height:44px;font-size:23px;padding:4px;color:#e7c5ff}.player-heart.is-loved{color:#ff84c5}.player-status:empty{display:none}.player-status{position:absolute;bottom:100%;left:10px;right:10px;padding:9px 12px;border-radius:10px;background:#40224e;font-size:12px;color:white}.listener-player button:focus-visible,#nowPlayingDialog button:focus-visible{outline:2px solid #d9abff;outline-offset:2px}
#nowPlayingDialog{position:fixed;inset:0;box-sizing:border-box;margin:auto;width:min(100%,660px);height:100dvh;max-width:100%;max-height:100dvh;border:1px solid #5d3b75;border-radius:22px 22px 0 0;background:#120b1d;color:#f9f2ff;padding:0;overflow:hidden;overscroll-behavior:contain}#nowPlayingDialog::backdrop,#heartSignIn::backdrop{background:#060309c9;backdrop-filter:blur(8px)}#closeNowPlaying{height:60px;min-height:44px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:1px solid #392147;background:#1c1028;color:#dfc7ed;font-size:13px;touch-action:pan-x;cursor:pointer;padding-top:env(safe-area-inset-top)}#nowPlayingContent{height:calc(100% - 60px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px calc(30px + env(safe-area-inset-bottom));text-align:center}#nowPlayingContent .now-playing-art{display:block;width:100%;max-height:48dvh;aspect-ratio:1;object-fit:contain;background:#1a0f26;border-radius:16px;margin:0 auto 18px}#nowPlayingContent h2{font-size:clamp(24px,5vw,36px);line-height:1.15;margin:14px 0 8px;overflow-wrap:anywhere}#nowPlayingContent>p{color:#c0a2d2;font-size:13px}#nowPlayingContent .waveform-wrap{margin:20px 0 8px}#nowPlayingContent .waveform{height:75px}#nowPlayingContent .community{text-align:left;margin:20px 0 0;padding:18px 0;background:transparent;border:0;border-top:1px solid #49305b}#nowPlayingContent .track-comments{margin-top:12px}.expanded-transport{display:flex;justify-content:center;align-items:center;gap:25px;margin:14px 0}.expanded-transport button{border:0;background:#2a1739;color:white;border-radius:50%;width:48px;height:48px;font-size:22px;cursor:pointer}.expanded-transport #expandedPlay{background:#a43bfa;width:62px;height:62px}#heartSignIn{max-width:360px;width:90%;box-sizing:border-box;background:#20122d;color:white;padding:26px;border:1px solid #7d4b9a;border-radius:18px}#heartSignIn h2{font-size:26px}#heartSignIn p{line-height:1.5;color:#dbc3ec}#heartSignIn a{display:block;text-align:center;text-decoration:none;font-size:14px}#heartSignIn button{margin-top:15px}
@media(max-width:600px){main#feed{height:calc(100dvh - 238px - env(safe-area-inset-bottom))}.listener-player{height:118px;row-gap:5px;padding:7px 12px}.mini-player-heading{height:47px;flex:none}#nowPlayingDialog{border-radius:0;border:0}#nowPlayingContent{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){#nowPlayingDialog,#nowPlayingContent{scroll-behavior:auto;animation:none;transition:none}}