.mhl-listening-dock{position:fixed;z-index:65;left:22px;bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:44px minmax(0,1fr) 44px 66px 24px;align-items:center;gap:10px;width:min(370px,calc(100vw - 110px));padding:12px;border:1px solid #b69b7752;border-radius:18px;background:linear-gradient(135deg,#302720f5,#1e1a17fa);color:#f8ecdc;box-shadow:0 12px 40px #0004,0 1px 0 #fff1 inset;backdrop-filter:blur(18px);font-family:Arial,sans-serif;box-sizing:border-box}
.mhl-listening-dock[hidden]{display:none}.dock-art{display:block;min-width:0}.dock-art img{display:block;width:44px;height:44px;object-fit:cover;border-radius:7px}.dock-track{min-width:0;color:inherit;text-decoration:none}.dock-track strong,.dock-track span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.45}.dock-track strong{font-size:12px;font-weight:600}.dock-track span{font-size:10px;color:#d4bba2}.dock-track small{display:block;font-size:9px;color:#ad9b86;margin-top:3px;line-height:1.2}.dock-play{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #f1d4b0;border-radius:50%;background:linear-gradient(140deg,#f7e4c9,#d4a279);color:#35241d;cursor:pointer}.dock-play svg{width:23px;height:23px}.dock-play:hover{box-shadow:0 0 18px #f1bb7d45}.dock-volume{min-width:0;display:block;margin:0;padding:0}.dock-volume input{display:block;box-sizing:border-box;width:100%;height:28px;margin:0;padding:0;accent-color:#e6bd90;cursor:pointer;min-width:0}.dock-close{width:24px;height:36px;border:0;padding:0;background:transparent;color:#d5bfa7;font-size:21px;cursor:pointer}.mhl-listening-dock :focus-visible{outline:2px solid #f3cf9d;outline-offset:3px}.mhl-listening-dock .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.mhl-listening-dock{left:10px;bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:32px minmax(0,1fr) 38px 42px 20px;gap:6px;width:calc(100vw - 102px);max-width:370px;padding:9px;border-radius:14px}.dock-art img{width:32px;height:32px;border-radius:5px}.dock-play{width:38px;height:38px}.dock-play svg{width:21px;height:21px}.dock-close{width:20px}.dock-track strong{font-size:10px}.dock-track span{font-size:9px}.dock-track small{display:none}body.has-listening-dock .chat-launch{width:48px;height:48px;padding:0;justify-content:center}body.has-listening-dock .chat-launch b{display:none}body:has(#lyrics-editor) .mhl-listening-dock{bottom:178px}body:has(.chat-window:not([hidden])) .mhl-listening-dock{visibility:hidden}}