#audio-player-banner{position:fixed;bottom:24px;right:24px;width:320px;background:rgba(15,23,42,0.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:20px;z-index:9999;box-shadow:0 20px 40px rgba(0,0,0,0.4);font-family:system-ui,-apple-system,sans-serif;color:#f8fafc;animation:apSlideIn .5s ease-out}
@keyframes apSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#audio-player-banner .ap-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#audio-player-banner .ap-vinyl{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#1a1a2e 28%,#16213e 38%,#0f3460 48%,#1a1a2e 52%,#16213e 68%);border:2px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,0.3)}
#audio-player-banner .ap-vinyl.ap-spin{animation:apSpin 2.5s linear infinite}
@keyframes apSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#audio-player-banner .ap-vinyl-inner{width:14px;height:14px;border-radius:50%;background:#e94560;box-shadow:0 0 10px rgba(233,69,96,0.5)}
#audio-player-banner .ap-track{flex:1;min-width:0}
#audio-player-banner .ap-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#audio-player-banner .ap-sub{font-size:10px;opacity:0.5;margin-top:2px;letter-spacing:0.05em;text-transform:uppercase}
#audio-player-banner .ap-bar{width:100%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin-bottom:10px;cursor:pointer;overflow:hidden}
#audio-player-banner .ap-bar-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);border-radius:2px;width:0%;transition:width .1s linear}
#audio-player-banner .ap-controls{display:flex;align-items:center;justify-content:center;gap:18px}
#audio-player-banner .ap-btn{background:none;border:none;cursor:pointer;color:#f8fafc;opacity:0.7;transition:all .2s;padding:4px}
#audio-player-banner .ap-btn:hover{opacity:1;transform:scale(1.15)}
#audio-player-banner .ap-btn svg{width:22px;height:22px;display:block}
#audio-player-banner .ap-btn-main{width:40px;height:40px;border-radius:50%;background:rgba(233,69,96,0.2);display:flex;align-items:center;justify-content:center}
#audio-player-banner .ap-btn-main:hover{background:rgba(233,69,96,0.35)}
#audio-player-banner .ap-btn-main svg{width:18px;height:18px}
#audio-player-banner .ap-close{position:absolute;top:8px;right:8px;background:none;border:none;color:rgba(255,255,255,0.3);cursor:pointer;padding:4px;transition:color .2s;line-height:1}
#audio-player-banner .ap-close:hover{color:#fff}
#audio-player-banner .ap-close svg{width:14px;height:14px}
#audio-player-banner .ap-time{display:flex;justify-content:space-between;font-size:9px;opacity:0.4;margin-top:6px;font-variant-numeric:tabular-nums}