.wpmp-player-shell{max-width:920px;margin:24px auto;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,var(--wpmp-player-bg,#111827),#0b1220);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.wpmp-player-top{display:flex;justify-content:space-between;gap:20px;align-items:stretch;padding:18px;background:transparent}
.wpmp-player-header{flex:1;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,var(--wpmp-header-bg,#1f2937),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08)}
.wpmp-player-header h3{margin:0;font-size:24px}
.wpmp-subtitle{margin:6px 0 0;color:#cbd5e1;font-size:14px}
.wpmp-now-playing{min-width:240px;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(4px);text-align:right}
.wpmp-now-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}
.wpmp-now-title{margin-top:8px;font-weight:700;font-size:15px;word-break:break-word}
.wpmp-player-stage{padding:0 20px 20px}
.wpmp-video,.wpmp-audio{border-radius:20px;background:#000}
.wpmp-empty-state,.wpmp-playlist-empty{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);color:#d1d5db}
.wpmp-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.wpmp-control{border:0;border-radius:999px;padding:10px 14px;background:#1e293b;color:#fff;cursor:pointer;font-size:18px}
.wpmp-control:hover{background:#334155}
.wpmp-time{font-size:13px;color:#cbd5e1;min-width:110px}
.wpmp-progress{flex:1;min-width:180px}
.wpmp-volume{width:120px}
.wpmp-playlist{padding:14px;display:grid;gap:10px;background:rgba(0,0,0,.18)}
.wpmp-track{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:12px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease,outline .15s ease,box-shadow .15s ease}
.wpmp-track:hover{transform:translateY(-1px);background:rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.wpmp-thumb{width:86px;height:48px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:#0f172a}
.wpmp-thumb img,.wpmp-thumb video{display:block;width:100%;height:100%;object-fit:cover}
.wpmp-track-body{display:block;min-width:0}
.wpmp-track-name,.wpmp-track-meta{display:block}
.wpmp-track-name{font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wpmp-track-meta{font-size:13px;color:#cbd5e1}
.wpmp-track.is-active{outline:2px solid rgba(96,165,250,.8);background:rgba(59,130,246,.15)}
@media(max-width:760px){.wpmp-player-top{flex-direction:column;align-items:stretch}.wpmp-now-playing{text-align:left;min-width:0;width:100%}.wpmp-thumb{width:72px;height:42px}}
.wpmp-thumb{position:relative}
.wpmp-thumb video{display:block;width:100%;height:100%;object-fit:cover}
.wpmp-thumb .wpmp-hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}

.wpmp-subtitle.wpmp-dynamic-subtitle{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);width:max-content}
.wpmp-mode-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#93c5fd;filter:drop-shadow(0 0 8px rgba(96,165,250,.35));animation:wpmpGlow 2.2s ease-in-out infinite}
.wpmp-mode-icon svg{width:20px;height:20px;display:block;fill:currentColor}
.wpmp-mode-text{font-size:13px;font-weight:600;color:#dbeafe}
@keyframes wpmpGlow{0%,100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(96,165,250,.25))}50%{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(96,165,250,.48))}}

.wpmp-subtitle.wpmp-dynamic-subtitle{gap:12px}
.wpmp-mode-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#93c5fd;line-height:1;font-size:28px}
.wpmp-mode-icon svg{width:34px;height:34px;display:block;fill:currentColor}
.wpmp-mode-text{font-size:14px;font-weight:700;color:#dbeafe}
.wpmp-icon-animation-none{animation:none!important;filter:none!important}
.wpmp-icon-animation-pulse{animation:wpmpPulse 1.9s ease-in-out infinite}
.wpmp-icon-animation-glow{animation:wpmpGlow 2.2s ease-in-out infinite}
@keyframes wpmpPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes wpmpGlow{0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(96,165,250,.28))}50%{transform:scale(1.12);filter:drop-shadow(0 0 18px rgba(96,165,250,.58))}}