body{padding-bottom:104px}
.music-player{position:fixed;right:24px;bottom:20px;z-index:20;display:flex;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));min-height:74px;padding:11px 13px;border:1px solid #4a8156;border-radius:14px;background:linear-gradient(135deg,#0c2115f5,#07130df7);box-shadow:0 16px 42px #000a,0 0 25px #2c9e451c;backdrop-filter:blur(14px)}
.music-glyph{display:flex;align-items:center;justify-content:center;gap:3px;flex:none;width:39px;height:39px;border:1px solid #3d754c;border-radius:9px;background:#112c1b;overflow:hidden}
.music-glyph span{width:3px;height:12px;border-radius:2px;background:#8deb9b;box-shadow:0 0 8px #5ede78;transition:height .2s ease}
.music-glyph span:nth-child(2){height:19px}.music-glyph span:nth-child(3){height:15px}.music-glyph span:nth-child(4){height:8px}
.music-player[data-playing="true"] .music-glyph span{animation:music-bars .8s ease-in-out infinite alternate}
.music-player[data-playing="true"] .music-glyph span:nth-child(2){animation-delay:-.5s}.music-player[data-playing="true"] .music-glyph span:nth-child(3){animation-delay:-.25s}.music-player[data-playing="true"] .music-glyph span:nth-child(4){animation-delay:-.65s}
@keyframes music-bars{from{height:6px}to{height:24px}}
.music-meta{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.3}
.music-kicker{color:#81ce91;font:600 9px/1.3 Consolas,monospace;letter-spacing:.07em}
.music-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f8ef;font-size:13px;font-weight:650}
.music-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a7bbab;font-size:11px}
.music-actions{display:flex;align-items:center;gap:5px;flex:none}
.music-actions button{display:grid;place-items:center;flex:none;padding:0;border:1px solid #325c3e;color:#c9e8cc;background:#102418;border-radius:9px;width:31px;height:31px;font:16px/1 system-ui,sans-serif}
.music-actions button:hover{color:#f5fff3;border-color:#6ec47c;background:#1a3b26}
.music-actions .music-play{width:39px;height:39px;border-color:#93e5a0;background:#a2ecaa;color:#092113;font-size:16px}
.music-actions .music-play:hover{background:#b9f8bb;color:#092113}
.music-player[data-waiting="true"] .music-play{animation:music-invite 2s ease-in-out infinite}
@keyframes music-invite{50%{box-shadow:0 0 0 6px #9ae8a52e,0 0 22px #82f59b66}}
.music-player audio{display:none}
@media(max-width:560px){body{padding-bottom:100px}.music-player{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);gap:9px;padding:9px 10px}.music-glyph{width:33px;height:33px}.music-actions{gap:4px}.music-actions button{width:29px;height:29px}.music-actions .music-play{width:35px;height:35px}.music-kicker{font-size:8px}}
@media(prefers-reduced-motion:reduce){.music-player[data-playing="true"] .music-glyph span,.music-player[data-waiting="true"] .music-play{animation:none}}