.desktop-mini{position:fixed;z-index:50;left:50%;bottom:18px;transform:translate(-50%,0);width:min(calc(100% - 40px),760px);display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:24px;background:linear-gradient(115deg,color-mix(in srgb,var(--panel2) 85%,var(--accent)),var(--panel),color-mix(in srgb,var(--panel2) 85%,var(--glow)));background-size:220% 220%;box-shadow:0 16px 45px #0006,inset 0 1px 0 #ffffff30;backdrop-filter:blur(24px);animation:desktopMiniGlow 11s ease-in-out infinite alternate}
.desktop-mini[hidden]{display:none}
.desktop-mini:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--mini-position,50%) 50%,var(--accent),transparent 70%);opacity:calc(.04 + var(--mini-energy,0)*.13)}
body.has-desktop-mini{padding-bottom:120px}
.desktop-mini button{border:0;color:var(--fg,var(--text));background:transparent;cursor:pointer}
.desktop-mini-open{flex:1;min-width:0;text-align:left;padding:4px 8px}
.desktop-mini-open strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.desktop-mini-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:4px}
.desktop-mini-progress{display:block;overflow:hidden;height:4px;border-radius:20px;background:var(--line);margin-top:7px}
.desktop-mini-progress i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit}
.desktop-mini .desktop-mini-play{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--bg)}
.desktop-mini .desktop-mini-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--muted)}
.desktop-mini svg{width:23px;height:23px}
.desktop-mini .desktop-mini-favorite{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--muted)}
.desktop-mini .desktop-mini-favorite.saved{color:var(--accent)}
.desktop-mini button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.desktop-mini-close:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.desktop-mini-confirm{background:var(--bg);color:var(--fg,var(--text));border:1px solid var(--line);border-radius:24px;padding:26px;width:min(420px,calc(100% - 32px));box-shadow:0 20px 70px #0007}
.desktop-mini-confirm::backdrop{background:#0008;backdrop-filter:blur(8px)}
.desktop-mini-confirm h2{margin-top:0}.desktop-mini-confirm p{color:var(--muted)}
.desktop-mini-confirm-actions{display:flex;gap:10px;justify-content:flex-end}
@keyframes desktopMiniGlow{from{background-position:0 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.desktop-mini{animation:none}}