.music-player{background:#e5efe0;border:1px solid #d4e0cb;border-bottom:4px solid #d4e0cb;border-radius:24px;padding:21px 18px 15px;color:#28564f;margin-bottom:24px}.music-player-top{display:flex;align-items:center;gap:18px}.music-player-top>div{min-width:0}.music-player-top small{font-size:9px;letter-spacing:1.1px;font-weight:900;color:#738975}.music-player-top h3{font-size:24px;font-weight:900;line-height:1.12;margin:9px 0}.music-player-top p{font-size:12px;line-height:1.4;color:#728678;margin:0}.music-record{width:110px;height:110px;border:8px solid #426d64;border-radius:50%;background:repeating-radial-gradient(circle,#426d64 0 2px,#507a70 3px 4px);display:grid;place-items:center;flex:none;box-shadow:0 5px 0 #31554c22}.music-record>span{width:62%;height:62%;display:grid;place-items:center;background:var(--record-color);border-radius:50%;border:3px solid #faf2cb}.music-record img{width:88%;height:88%;object-fit:contain}.music-player.is-playing>.music-player-top>.music-record{animation:music-disc 16s linear infinite}.music-transport{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0 12px}.hub-overlay .music-transport button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#3b6d5e;background:#f8fbf1;cursor:pointer;flex:none}.music-transport svg{width:22px;height:22px;fill:currentColor}.hub-overlay .music-transport .music-play{width:62px;height:62px;background:#ffda61;border:1px solid #e8bc46;box-shadow:0 4px 0 #d6ac3b}.music-transport .music-play svg{width:25px;height:25px}.music-transport button:active{transform:translateY(2px)}.music-timeline input{display:block;width:100%;height:6px;margin:12px 0 9px;appearance:none;border:0;border-radius:6px;background:linear-gradient(to right,#48ae90 var(--played,0%),#cbd8c7 var(--played,0%));cursor:pointer}.music-timeline input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#3b9d81;border:2px solid #f5f9e9}.music-timeline input:disabled{cursor:default;opacity:.55}.music-timeline>div{display:flex;justify-content:space-between;color:#758b79;font-size:10px;font-variant-numeric:tabular-nums}.music-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 12px;color:#335d50}.music-list-heading h3{font-size:17px;font-weight:900;margin:0}.music-list-heading>span{font-size:11px;color:#819184;white-space:nowrap}.music-tracklist{display:grid;gap:9px}.hub-overlay .music-track{display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:76px;border:1px solid #e6decb;border-bottom:3px solid #e6decb;border-radius:16px;background:#fffdf7;color:#31594f;font:inherit;text-align:left;cursor:pointer;width:100%;min-width:0}.hub-overlay .music-track.is-selected{background:#fff2bf;border-color:#e9c668}.music-track-number{font-size:10px;color:#9aab98}.music-track .music-record{width:39px;height:39px;border-width:3px;box-shadow:none}.music-track .music-record>span{border-width:1px}.music-track .music-record img{display:none}.music-track-copy{flex:1;min-width:0}.music-track strong{display:block;font-size:14px;font-weight:900;line-height:1.2}.music-track small{font-size:10px;line-height:1.3;color:#85907d;display:block;margin-top:5px}.music-track>b{display:flex;align-items:center;gap:3px;font-size:12px;flex:none}.music-track>b img{width:21px;height:21px;object-fit:contain}.hub-overlay .collection-tab{font-family:inherit;color:#42685d;cursor:pointer}.hub-sheet:has(.music-player) .audio-selection{display:none}.hub-sheet:has(.music-player) .audio-workshop-link{min-height:36px;margin-top:9px;font-size:13px}.hub-sheet:has(.music-player) .hub-foot{padding-top:12px;padding-bottom:12px}
@keyframes music-disc{to{transform:rotate(360deg)}}
@media(max-width:370px){.music-player{padding:16px 13px 13px}.music-player-top{gap:12px}.music-player-top>.music-record{width:88px;height:88px}.music-player-top h3{font-size:21px}.music-track-number{display:none}.music-track{gap:8px!important}.music-track strong{font-size:13px}}
@media(min-width:650px){.music-player-top{justify-content:center;gap:28px}.music-player-top>.music-record{width:142px;height:142px}.music-player-top h3{font-size:29px}.music-tracklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.music-player.is-playing>.music-player-top>.music-record{animation:none}}

/* The player stays pinned while the track list scrolls under it. */
.music-player{position:sticky;top:0;z-index:3;box-shadow:0 10px 18px -12px #2b4a3f66}