/* YouTube Music Player — player.css (dx_head 로 로드) */
@keyframes dxmpBounce {
  0%, 100% { height: 4px; }
  50%       { height: 16px; }
}
#dxmp-list::-webkit-scrollbar { width: 4px; }
#dxmp-list::-webkit-scrollbar-track { background: #181818; }
#dxmp-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 2px; }
.dxmp-item {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 16px; cursor: pointer; transition: background .12s;
  border-left: 3px solid transparent;
}
.dxmp-item:hover  { background: rgba(255,255,255,.05); }
.dxmp-item.active { background: rgba(29,185,84,.1); border-left-color: #1db954; }
.dxmp-item.active .dxmp-ititle { color: #1db954; font-weight: 700; }
.dxmp-inum  { width:18px;text-align:center;font-size:11px;color:rgba(255,255,255,.25);flex-shrink:0; }
.dxmp-item.active .dxmp-inum { color: #1db954; }
.dxmp-ithumb { width:42px;height:30px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#2a2a2a; }
.dxmp-ititle { flex:1;font-size:12px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.dxmp-iremove {
  background:none;border:none;color:rgba(255,255,255,.18);cursor:pointer;
  padding:4px 6px;font-size:13px;flex-shrink:0;line-height:1;border-radius:4px;transition:color .12s;
}
.dxmp-iremove:hover { color: #ef4444; }
#dxmp-btn-shuffle.on, #dxmp-btn-repeat.on { color: #1db954 !important; }
@media (max-width: 480px) {
  #dxmp-panel { width: calc(100vw - 20px); }
}

/* ── v3.2.0: 호버 핸들러가 있던 요소 — 인라인 스타일을 CSS 로 이동 (:hover 적용) ── */
#dxmp-clear {
  background:none;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.35);
  cursor:pointer;font-size:11px;padding:3px 8px;border-radius:6px;transition:all .15s;
}
#dxmp-clear:hover { color:#ef4444;border-color:rgba(239,68,68,.4); }
#dxmp-close {
  background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;
  font-size:18px;line-height:1;padding:2px 6px;transition:color .15s;
}
#dxmp-close:hover { color:#fff; }
#dxmp-btn-play {
  width:46px;height:46px;background:#1db954;border:none;border-radius:50%;
  color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .15s;flex-shrink:0;
}
#dxmp-btn-play:hover { background:#1ed760; }
#dxmp-fab {
  position:fixed;bottom:28px;right:24px;z-index:99989;
  width:52px;height:52px;border-radius:50%;background:#1db954;
  box-shadow:0 4px 20px rgba(29,185,84,.5);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s,background .15s;user-select:none;
}
#dxmp-fab:hover,
#dxmp-fab:focus-visible { transform:scale(1.1);background:#1ed760;outline:none; }