.music-player-bar{position:fixed;bottom:30px;right:30px;left:auto;width:500px;height:74px;z-index:9999;background:rgba(18,18,18,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;align-items:center;padding:0 18px;gap:18px;font-family:pretendard,sans-serif;color:#fff;transition:transform .3s ease,width .3s ease}.player-icon{width:40px;height:40px;background:rgba(255,255,255,5%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.playing-indicator{display:flex;align-items:flex-end;gap:3px;height:20px}.playing-indicator .bar{width:3px;height:6px;background-color:rgba(255,255,255,.8);border-radius:2px}.music-player-bar.playing .playing-indicator .bar{animation:bounce 1.2s infinite ease-in-out}.music-player-bar.playing .playing-indicator .bar:nth-child(1){animation-delay:0s}.music-player-bar.playing .playing-indicator .bar:nth-child(2){animation-delay:.2s}.music-player-bar.playing .playing-indicator .bar:nth-child(3){animation-delay:.4s}.music-player-bar.playing .playing-indicator .bar:nth-child(4){animation-delay:.1s}@keyframes bounce{0%,100%{height:6px}50%{height:18px}}.bar-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex:1;min-width:0;position:relative;z-index:10}.bar-song-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;color:#fff;width:100%}.bar-post-link{font-size:.8rem;color:rgba(255,255,255,.6);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s;width:fit-content}.bar-post-link:hover{color:#fff;text-decoration:underline}.bar-controls{display:flex;align-items:center;gap:14px;flex-shrink:0;position:relative;z-index:20}.bar-control-btn{background:0 0;border:none;cursor:pointer;color:rgba(255,255,255,.9);padding:0;display:flex;align-items:center;transition:transform .2s;position:relative;z-index:21;flex-shrink:0}.bar-control-btn:hover{transform:scale(1.1);color:#fff}.skip-btn svg{width:20px;height:20px;opacity:.8}.skip-btn:hover svg{opacity:1}.play-btn svg{width:36px;height:36px;fill:#fff}.bar-seek-container{width:120px;display:flex;align-items:center;position:relative;z-index:21;flex-shrink:0}.bar-slider{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:0 0;cursor:pointer;margin:0;padding:6px 0;background:linear-gradient(to bottom,transparent 6px,rgba(255,255,255,.2) 6px,rgba(255,255,255,.2) 10px,transparent 10px);border-radius:0}.bar-slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;margin-top:0;cursor:pointer;box-shadow:0 0 4px rgba(0,0,0,.3);position:relative;z-index:22;transform:translateY(-2px)}.bar-volume-container{width:80px;display:flex;align-items:center;position:relative;z-index:21;flex-shrink:0}.bar-volume-container .bar-slider{background:linear-gradient(to bottom,transparent 6px,rgba(255,255,255,.2) 6px,rgba(255,255,255,.2) 10px,transparent 10px)}.bar-playlist-popup{position:absolute;bottom:90px;right:0;width:320px;max-height:400px;background:rgba(24,24,24,.98);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;overflow-y:auto;z-index:10000;box-shadow:0 20px 50px rgba(0,0,0,.6);opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible}.bar-playlist-popup::-webkit-scrollbar{width:4px}.bar-playlist-popup::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.bar-playlist-popup.hidden{opacity:0;transform:translateY(20px);visibility:hidden;pointer-events:none}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px}.close-btn-mini{background:rgba(255,255,255,5%);border:none;color:#fff;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn-mini:hover{background:rgba(255,255,255,.2)}.bar-playlist-popup ul{list-style:none;padding:0;margin:0}.bar-playlist-popup li{padding:12px;border-radius:8px;margin-bottom:4px;cursor:pointer;font-size:.95rem;color:rgba(255,255,255,.7);transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-playlist-popup li:hover{background:rgba(255,255,255,8%);color:#fff}.bar-playlist-popup li.active{background:rgba(96,165,250,.15);color:#60a5fa;font-weight:700}@media(max-width:600px){.music-player-bar{left:10px;right:10px;bottom:calc(20px + env(safe-area-inset-bottom));width:auto;height:64px;padding:0 12px;gap:10px;z-index:9999}.mobile-hidden{display:none}.bar-seek-container{width:60px}}.hidden{display:none !important}.music-player-bar.awaiting-interaction{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 8px 32px rgba(0,0,0,.4)}50%{box-shadow:0 8px 32px rgba(255,255,255,.15),0 0 16px rgba(255,255,255,.1)}}