.music-player{position:fixed;right:20px;bottom:20px;z-index:21;max-width:calc(100vw - 24px);color:var(--cream);font-size:13px;line-height:1.5;background:var(--dark);border:1px solid #b99564;border-radius:18px;box-shadow:0 4px 20px #1e100b33;padding:4px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:3px}
.music-toggle{min-height:44px;padding:9px 13px;border:0;border-radius:14px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:900;white-space:nowrap}
.music-settings{position:relative;flex:1;min-width:0}.music-settings>summary{padding:11px 10px;min-height:44px;cursor:pointer;overflow-wrap:anywhere;font-size:12px;list-style:none}.music-settings>summary::-webkit-details-marker{display:none}.music-settings>summary:after{content:' ⌃'}.music-settings[open]>summary:after{content:' ⌄'}
.music-panel{position:absolute;bottom:calc(100% + 12px);right:-4px;width:260px;max-width:calc(100vw - 24px);padding:16px;background:var(--dark);border:1px solid #b99564;border-radius:16px;box-shadow:0 4px 20px #1e100b33}.music-panel label{display:block;font-weight:800}.music-panel input{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--yellow)}.music-panel p{font-size:12px;margin:4px 0 8px}.music-credit{font-size:11px;line-height:1.6;color:#e1c8a9}.music-credit a{color:var(--cream);text-underline-offset:3px}.music-status:empty{display:none}.music-status{position:absolute;right:0;bottom:calc(100% + 10px);width:255px;max-width:calc(100vw - 24px);padding:10px;background:var(--dark);border:1px solid #b99564;border-radius:10px;font-size:12px}.music-settings[open]~.music-status:not(:empty){bottom:calc(100% + 245px)}
@media(max-width:640px){.music-player{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}.music-panel{max-height:calc(100svh - 180px);overflow:auto}}