#mini-music { position:fixed; right:20px; bottom:calc(24px + env(safe-area-inset-bottom)); z-index:990; font:13px/1.5 'PingFang SC','Microsoft YaHei',sans-serif; color:var(--site-ink,#243149); }
#mini-music[hidden],#mini-music [hidden] { display:none!important; }
#mini-music * { box-sizing:border-box; }
#mini-music button { cursor:pointer; color:inherit; border:0; background:none; }
#mini-music .mm-launch { width:48px; height:48px; border-radius:50%; background:var(--site-paper,#fff); border:1px solid var(--site-line,#dce4ef); box-shadow:0 4px 24px #15284522; font-size:25px; }
#mini-music.is-playing .mm-launch { color:var(--site-blue,#486daf); box-shadow:0 0 0 4px #7299d52a; }
#mini-music .mm-panel { width:300px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 110px); overflow:auto; padding:14px; border-radius:16px; background:var(--site-paper,#fff); border:1px solid var(--site-line,#dce4ef); box-shadow:0 12px 48px #15284530; }
#mini-music header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; font:10px Consolas,monospace; letter-spacing:.08em; color:var(--site-muted,#64748b); }
#mini-music .mm-collapse { min-width:32px; min-height:28px; font-size:22px; }
#mini-music .mm-track { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
#mini-music img { width:44px; height:44px; border-radius:10px; object-fit:cover; flex-shrink:0; }
#mini-music .mm-track > div { min-width:0; }
#mini-music .mm-title,#mini-music .mm-artist { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#mini-music .mm-title { font-size:13px; font-weight:500; }
#mini-music .mm-artist { font-size:11px; color:var(--site-muted,#64748b); margin-top:3px; }
#mini-music .mm-select { width:100%; padding:7px; background:var(--site-bg,#f6f9fd); color:inherit; border:1px solid var(--site-line,#dce4ef); border-radius:6px; font-size:11px; }
#mini-music .mm-controls { display:flex; gap:8px; align-items:center; margin:12px 0 6px; }
#mini-music .mm-controls button { width:36px; height:36px; border-radius:50%; background:var(--site-bg,#f6f9fd); font-size:21px; }
#mini-music .mm-controls .mm-play { font-size:16px; color:#fff; background:#486daf; }
#mini-music label { display:flex; align-items:center; gap:5px; margin-left:auto; font-size:10px; }
#mini-music .mm-volume { width:65px; }
#mini-music .mm-seek { width:100%; }
#mini-music input { accent-color:#668ecb; }
#mini-music .mm-status { margin:6px 0; font-size:11px; color:var(--site-muted,#64748b); }
#mini-music a { font-size:11px; color:var(--site-blue,#486daf); }
body:has(#mini-music:not([hidden])) #rightside { bottom:100px; }
@media(max-width:767px) { #mini-music { right:12px; bottom:calc(14px + env(safe-area-inset-bottom)); } }

/* Compact listening card: artwork, progress, centered transport, optional library. */
#mini-music .mm-panel { width:320px; padding:20px; border-radius:22px; background:color-mix(in srgb,var(--site-paper,#fff) 96%,transparent); backdrop-filter:blur(18px); box-shadow:0 16px 50px #15284524; }
#mini-music header { margin-bottom:16px; font-size:10px; letter-spacing:.13em; }
#mini-music .mm-track { gap:14px; margin-bottom:18px; }
#mini-music img { width:64px; height:64px; border-radius:14px; box-shadow:0 4px 12px #15284520; }
#mini-music .mm-title { font-size:15px; line-height:1.5; }
#mini-music .mm-artist { font-size:12px; margin-top:6px; }
#mini-music .mm-controls { justify-content:center; gap:24px; margin:12px 0; }
#mini-music .mm-controls button { width:40px; height:40px; font-size:28px; background:transparent; }
#mini-music .mm-controls .mm-play { width:48px; height:48px; font-size:19px; background:var(--site-ink,#243149); color:var(--site-paper,#fff); box-shadow:0 4px 12px #15284516; }
#mini-music .mm-volume-row { display:flex; justify-content:center; margin:8px 0 14px; }
#mini-music label { margin:0; gap:12px; color:var(--site-muted,#64748b); }
#mini-music .mm-volume { width:110px; height:14px; }
#mini-music .mm-seek { display:block; height:16px; margin:0; }
#mini-music .mm-times { display:flex; justify-content:space-between; font:10px/1.6 Consolas,monospace; color:var(--site-muted,#64748b); margin:3px 0 14px; }
#mini-music .mm-library { border-top:1px solid var(--site-line,#dce4ef); border-bottom:1px solid var(--site-line,#dce4ef); }
#mini-music summary { cursor:pointer; padding:12px 2px; font-size:12px; }
#mini-music .mm-count { float:right; color:var(--site-muted,#64748b); font-size:11px; }
#mini-music .mm-search { width:100%; padding:8px 10px; background:var(--site-bg,#f6f9fd); border:1px solid var(--site-line,#dce4ef); color:inherit; border-radius:8px; font-size:12px; }
#mini-music .mm-list { max-height:200px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; margin:8px 0; }
#mini-music .mm-song { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; text-align:left; padding:10px 8px; border-radius:8px; }
#mini-music .mm-song:hover,#mini-music .mm-song[aria-pressed='true'] { background:var(--site-bg,#f6f9fd); }
#mini-music .mm-song strong { font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#mini-music .mm-song span { font-size:10px; color:var(--site-muted,#64748b); grid-column:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#mini-music .mm-song small { grid-column:2; grid-row:1/3; align-self:center; font-size:9px; color:var(--site-muted,#64748b); }
#mini-music .mm-status { font-size:10px; line-height:1.6; margin:10px 0 5px; }
#mini-music a { display:block; text-align:right; font-size:11px; text-decoration:none; }
#mini-music button:focus-visible,#mini-music summary:focus-visible { outline:2px solid var(--site-blue,#486daf); outline-offset:2px; }
#mini-music .mm-seek { min-height:28px; touch-action:none; cursor:pointer; }
#mini-music .mm-seek:disabled { opacity:.4; cursor:wait; }