.bgm-player{background:color-mix(in srgb,var(--card)25%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--border)70%,transparent);z-index:1000;box-shadow:var(--shadow-paper);border-radius:25px;align-items:center;gap:10px;padding:8px 15px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.bgm-player:hover{background:color-mix(in srgb,var(--accent)18%,var(--card)82%);box-shadow:var(--shadow-soft)}.bgm-icon{color:var(--accent-foreground);justify-content:center;align-items:center;display:flex}.bgm-btn{color:var(--foreground);border:none;border-radius:15px;align-items:center;gap:8px;padding:5px 10px;transition:all .2s;display:flex}.bgm-btn:hover{color:var(--accent-foreground);transform:scale(1.05)}.bgm-btn.muted{color:color-mix(in srgb,var(--destructive)70%,var(--foreground)30%);border:none}.bgm-label{letter-spacing:.05em;font-size:.9rem;font-weight:500}.spin-slow{animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.bgm-player{padding:5px 10px;top:10px;right:10px}.bgm-label{display:none}}