.vx-music-player{--vx-player-accent:#8e6cff;position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(21,25,42,.94),rgba(8,11,20,.96));box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden}.vx-music-player:before{content:"";position:absolute;inset:-80% auto auto -10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(135,91,255,.22),transparent 68%);pointer-events:none}.vx-music-player audio{display:none}.vx-player-art{position:relative;width:96px;aspect-ratio:1;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(67,207,255,.32),transparent 33%),linear-gradient(145deg,#34215e,#111a32 58%,#07101d);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 35px rgba(0,0,0,.28);overflow:hidden}.vx-player-art:after{content:"";position:absolute;inset:17%;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.025),0 0 0 20px rgba(255,255,255,.018)}.vx-player-art span{font-size:30px;font-weight:900;letter-spacing:-.1em;z-index:2;background:linear-gradient(135deg,#fff,#8edfff 55%,#b792ff);-webkit-background-clip:text;color:transparent}.vx-player-art i{position:absolute;right:-16%;bottom:-18%;width:72%;height:72%;border-radius:50%;background:rgba(132,91,255,.18);filter:blur(18px)}.vx-player-main{min-width:0;position:relative;z-index:1}.vx-player-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.vx-player-heading small,.vx-video-meta small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9989ff;font-weight:900}.vx-player-heading strong,.vx-video-meta strong{display:block;margin-top:4px;font-size:clamp(17px,2vw,23px);line-height:1.15;color:#fff}.vx-player-heading span,.vx-video-meta span{display:block;margin-top:5px;color:rgba(226,231,244,.58);font-size:12px}.vx-player-wave{height:42px;display:flex;align-items:center;gap:3px;margin:13px 0 9px;overflow:hidden}.vx-player-wave i{display:block;flex:1;min-width:2px;max-width:7px;height:var(--h);border-radius:999px;background:linear-gradient(180deg,rgba(128,203,255,.72),rgba(135,91,255,.42));opacity:.45;transition:opacity .2s,transform .2s,background .2s}.vx-music-player.is-playing .vx-player-wave i{opacity:.88;animation:vxWavePulse 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -32ms)}.vx-music-player.is-playing .vx-player-wave i.is-past{background:linear-gradient(180deg,#71dfff,#9a70ff);opacity:1}.vx-player-controls{display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto auto auto;align-items:center;gap:10px}.vx-player-play,.vx-player-mute{appearance:none;border:0;cursor:pointer;color:#fff;display:grid;place-items:center}.vx-player-play{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b63ff,#3dc5ff);box-shadow:0 9px 24px rgba(94,116,255,.28);font-size:13px;padding-left:2px}.vx-player-play:hover{transform:translateY(-1px);filter:brightness(1.08)}.vx-player-mute{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:14px}.vx-player-time{font-variant-numeric:tabular-nums;color:rgba(232,236,248,.6);font-size:11px;min-width:31px}.vx-player-seek{width:100%;height:4px;accent-color:#8d67ff;cursor:pointer}.vx-player-download{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#eef1ff;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap}.vx-player-download:hover{background:rgba(255,255,255,.09);border-color:rgba(164,137,255,.35)}.vx-music-player.is-compact{grid-template-columns:68px minmax(0,1fr);gap:15px;padding:15px;border-radius:19px}.vx-music-player.is-compact .vx-player-art{width:68px;border-radius:17px}.vx-music-player.is-compact .vx-player-wave{height:30px;margin:9px 0 7px}.vx-music-player.is-compact .vx-player-heading strong{font-size:17px}.vx-music-player.is-compact .vx-player-heading span{display:none}.vx-music-player.is-compact .vx-player-play{width:34px;height:34px}.vx-video-player{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(18,22,36,.96),rgba(7,10,18,.97));box-shadow:0 22px 70px rgba(0,0,0,.22)}.vx-video-frame{position:relative;background:#03050a;aspect-ratio:16/9;overflow:hidden}.vx-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#020308}.vx-video-mark{position:absolute;right:13px;top:12px;font-size:8px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.55);pointer-events:none;text-shadow:0 1px 8px #000}.vx-video-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.vx-video-meta>div{min-width:0}.vx-video-meta strong{font-size:17px}.vx-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vx-demo-card{display:flex;flex-direction:column;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(160deg,rgba(18,23,39,.82),rgba(8,11,20,.9));min-width:0}.vx-demo-card .vx-music-player{grid-template-columns:58px minmax(0,1fr);padding:12px;gap:12px;border-radius:18px;box-shadow:none;background:rgba(5,8,15,.62)}.vx-demo-card .vx-player-art{width:58px;border-radius:15px}.vx-demo-card .vx-player-wave{height:25px;margin:8px 0 5px}.vx-demo-card .vx-player-heading strong{font-size:15px}.vx-demo-card .vx-player-heading span{display:none}.vx-demo-card .vx-player-controls{grid-template-columns:auto auto minmax(70px,1fr) auto auto}.vx-demo-card .vx-player-download{display:none}.vx-demo-card .vx-player-mute{display:none}.vx-demo-card .vx-player-play{width:32px;height:32px}.vx-demo-card .vx-player-time{font-size:9px}.vx-demo-copy{padding:2px 3px 4px}.vx-demo-copy span{display:inline-flex;border:1px solid rgba(151,126,255,.26);background:rgba(135,91,255,.08);color:#b8a7ff;border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.vx-demo-copy h3{margin:10px 0 5px;font-size:20px}.vx-demo-copy p{margin:0;color:rgba(228,232,243,.62);font-size:13px;line-height:1.55}.vx-demo-video{border-radius:16px;overflow:hidden;background:#03050a;aspect-ratio:16/9}.vx-demo-video video{width:100%;height:100%;object-fit:cover;display:block}.vx-demo-empty{padding:30px;border:1px dashed rgba(255,255,255,.12);border-radius:22px;text-align:center;color:rgba(230,234,245,.58)}@keyframes vxWavePulse{from{transform:scaleY(.74)}to{transform:scaleY(1.06)}}@media(max-width:980px){.vx-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.vx-music-player{grid-template-columns:64px minmax(0,1fr);gap:13px;padding:14px;border-radius:19px}.vx-player-art{width:64px;border-radius:16px}.vx-player-heading strong{font-size:17px}.vx-player-heading span{display:none}.vx-player-wave{height:30px;margin:9px 0 6px}.vx-player-controls{grid-template-columns:auto auto minmax(80px,1fr) auto auto}.vx-player-mute{display:none}.vx-player-download{grid-column:1/-1}.vx-demo-grid{grid-template-columns:1fr}.vx-video-meta{align-items:flex-start;flex-direction:column}.vx-video-meta .vx-player-download{width:100%}}@media(prefers-reduced-motion:reduce){.vx-music-player.is-playing .vx-player-wave i{animation:none}.vx-player-play{transition:none}}