/* v0.17.0: reproductor de música flotante */
.ez-music { position: fixed; left: 14px; bottom: 14px; z-index: 60; display: flex; align-items: center; gap: 8px; }
.ez-music__disc { position: relative; width: 50px; height: 50px; padding: 0; border: 2px solid rgba(var(--purple-rgb, 139, 92, 246), .7); border-radius: 50%; overflow: hidden; cursor: pointer; background: #0d0b14; box-shadow: 0 6px 22px rgba(0, 0, 0, .5); }
.ez-music__disc img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .85; }
.ez-music.is-playing .ez-music__disc img { animation: ez-spin 9s linear infinite; }
.ez-music__ico { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0, 0, 0, .38); color: #fff; font-size: 1.05rem; }
.ez-music__ico::before { content: "▶"; padding-left: 2px; }
.ez-music.is-playing .ez-music__ico::before { content: "❚❚"; font-size: .8rem; padding: 0; }
.ez-music__more { width: 30px; height: 30px; padding: 0; border-radius: 50%; border: 1px solid var(--border, #2c2540); background: rgba(13, 11, 20, .82); color: #efeaff; cursor: pointer; backdrop-filter: blur(6px); }
.ez-music__panel { position: absolute; left: 0; bottom: 60px; width: 250px; padding: 12px 14px; background: rgba(13, 11, 20, .94); border: 1px solid var(--border, #2c2540); border-radius: 12px; backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
.ez-music__panel[hidden] { display: none; }
.ez-music__title { display: grid; gap: 2px; margin-bottom: 8px; color: #efeaff; font-size: .85rem; }
.ez-music__title small { color: #a99fc4; }
.ez-music__vol { display: flex; align-items: center; gap: 8px; }
.ez-music__vol input { flex: 1; accent-color: #8b5cf6; }
body.rd-focus .ez-music { display: none; }
@keyframes ez-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ez-music.is-playing .ez-music__disc img { animation: none; } }

.ez-music.is-dragging { cursor: grabbing; }
.ez-music.is-dragging .ez-music__disc { cursor: grabbing; }
.ez-music__panel.is-below { bottom: auto; top: 60px; }
.ez-music__row { display: flex; gap: 8px; margin-top: 10px; }
.ez-music__row button { flex: 1; padding: 6px 8px; font-size: .78rem; color: #efeaff; background: rgba(139, 92, 246, .18); border: 1px solid var(--border, #2c2540); border-radius: 8px; cursor: pointer; }
.ez-music__row button:hover { background: rgba(139, 92, 246, .32); }
.ez-music__tab { display: none; width: 28px; height: 36px; padding: 0; border: 1px solid var(--border, #2c2540); border-left: 0; border-radius: 0 10px 10px 0; background: rgba(13, 11, 20, .85); color: #efeaff; cursor: pointer; }
.ez-music.is-hidden { gap: 0; }
.ez-music.is-hidden .ez-music__disc, .ez-music.is-hidden .ez-music__more, .ez-music.is-hidden .ez-music__panel { display: none; }
.ez-music.is-hidden .ez-music__tab { display: block; }
.ez-music__ctl { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ez-music__ctl button { width: 34px; height: 30px; padding: 0; color: #efeaff; background: rgba(139, 92, 246, .18); border: 1px solid var(--border, #2c2540); border-radius: 8px; cursor: pointer; }
.ez-music__ctl button:hover { background: rgba(139, 92, 246, .32); }
.ez-music__count { margin-left: auto; color: #a99fc4; font-size: .78rem; }

/* v0.18.2: en el móvil la barra inferior (alto ~58px) no debe tapar el reproductor */
.ez-music { z-index: 90; bottom: calc(14px + var(--ez-bar, 0px)); }
@media (max-width: 760px) { .ez-music { --ez-bar: calc(58px + env(safe-area-inset-bottom, 0px)); } }
