@property --aurora-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes aurora-rotate{to{--aurora-angle:360deg}}@keyframes aurora-breathe{0%,to{opacity:.12}50%{opacity:.28}}@keyframes holo-drift{0%{filter:hue-rotate()brightness();background-position:0 0}33%{filter:hue-rotate(120deg)brightness(1.08);background-position:100% 100%}66%{filter:hue-rotate(240deg)brightness(.96);background-position:50%}to{filter:hue-rotate(360deg)brightness();background-position:0 0}}@keyframes holo-shimmer{0%{transform:translate(-160%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}@keyframes vaporwave-grid-scroll{0%{background-position:0 0}to{background-position:0 32px}}@keyframes liquid-blob{0%,to{transform:translate(0%)scale(1)}20%{transform:translate(12%,-18%)scale(1.12)}40%{transform:translate(-8%,14%)scale(.92)}60%{transform:translate(18%,8%)scale(1.08)}80%{transform:translate(-12%,-8%)scale(.96)}}@keyframes obsidian-shimmer{0%{left:-160%}to{left:200%}}@keyframes obsidian-border-glow{0%,to{border-color:#b8960c2e}50%{border-color:#b8960c52}}.music-aurora-card{background:linear-gradient(145deg,#04060f 0%,#07091c 100%);position:relative;overflow:hidden}.music-aurora-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--aurora-angle), #06b6d4 0%, #a855f7 25%, #10b981 50%, #3b82f6 75%, #06b6d4 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:1.5px;animation:4s linear infinite aurora-rotate;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.music-aurora-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 110%,#06b6d41a 0%,#a855f714 40%,#0000 70%);animation:3s ease-in-out infinite aurora-breathe;position:absolute;inset:0}.music-aurora-card>*{z-index:1;position:relative}.music-holographic-card{background:linear-gradient(135deg,#0d0d1a 0%,#161022 50%,#0a1220 100%);position:relative;overflow:hidden}.music-holographic-card:before{content:"";border-radius:inherit;mix-blend-mode:screen;pointer-events:none;z-index:0;background:linear-gradient(125deg,#ff009638 0%,#00dcff38 16.66%,#7800ff38 33.33%,#ffb40038 50%,#00ff7838 66.66%,#ff005038 83.33%,#ff009638 100%) 0 0/400% 400%;animation:6s linear infinite holo-drift;position:absolute;inset:0}.music-holographic-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff24,#ffffff0f,#0000);width:55%;height:100%;animation:4s ease-in-out infinite holo-shimmer;position:absolute;top:0;left:-160%;transform:skew(-20deg)}.music-holographic-card>*{z-index:2;position:relative}.music-vaporwave-card{background:linear-gradient(#1a0533 0%,#0d0221 65%,#16002a 100%);position:relative;overflow:hidden}.music-vaporwave-card:before{content:"";transform-origin:bottom;pointer-events:none;z-index:0;background-image:linear-gradient(#ff2d788c 1px,#0000 1px),linear-gradient(90deg,#00f0ff66 1px,#0000 1px);background-size:32px 32px;height:52%;animation:1.2s linear infinite vaporwave-grid-scroll;position:absolute;bottom:0;left:-10%;right:-10%;transform:perspective(160px)rotateX(64deg)}.music-vaporwave-card:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.music-vaporwave-card>*{z-index:3;position:relative}.music-liquid-card{background:#0a0614;position:relative;overflow:hidden}.music-liquid-card:before{content:"";filter:blur(22px);pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#8b5cf68c 0%,#0000 48%),radial-gradient(circle at 70% 70%,#ec489973 0%,#0000 48%),radial-gradient(circle at 55% 25%,#06b6d459 0%,#0000 45%);animation:11s cubic-bezier(.45,.05,.55,.95) infinite liquid-blob;position:absolute;inset:-40%}.music-liquid-card>*{z-index:1;position:relative}.music-obsidian-card{background:#080808;animation:4s ease-in-out infinite obsidian-border-glow;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff0d,inset 0 -1px #0000008c,0 4px 20px #000000b3,0 14px 44px #00000080;border:1px solid #b8960c2e!important}.music-obsidian-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#b8960c12,#ffd70021,#b8960c12,#0000);width:55%;height:100%;transition:left .85s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-160%;transform:skew(-15deg)}.music-obsidian-card:hover:before{left:200%}.music-obsidian-card:hover{box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff12,inset 0 -1px #0000008c,0 4px 20px #000000b3,0 14px 44px #00000080,0 0 28px #b8960c17;border-color:#b8960c61!important}.music-obsidian-card>*{z-index:1;position:relative}.obsidian-title{text-shadow:0 1px #000000d9,0 -1px #ffffff0a}.obsidian-play-btn{background:#111;border:1px solid #b8960c59;transition:border-color .25s,box-shadow .25s,background-color .25s;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0a}.obsidian-play-btn:hover{background:#1a1a1a;border-color:#b8960ca6;box-shadow:0 0 16px #b8960c33,0 2px 8px #00000080,inset 0 1px #ffffff0f}@media (prefers-reduced-motion:reduce){.music-aurora-card:before,.music-aurora-card:after,.music-holographic-card:before,.music-holographic-card:after,.music-vaporwave-card:before,.music-liquid-card:before,.music-obsidian-card{animation:none}.music-obsidian-card:before{transition:none}}