@layer components{.eic-page{--eic-background:0 0% 7%;--eic-foreground:0 0% 100%;--eic-card:0 0% 11%;--eic-card-foreground:0 0% 100%;--eic-primary:141 73% 42%;--eic-primary-foreground:0 0% 0%;--eic-secondary:0 0% 18%;--eic-muted:0 0% 15%;--eic-muted-foreground:0 0% 70%;--eic-border:0 0% 20%;--eic-gradient-hero:linear-gradient(180deg,hsla(141,73%,42%,0.3),hsl(0 0% 7%));--eic-gradient-card:linear-gradient(145deg,hsl(0 0% 11%),hsl(0 0% 7%));--eic-shadow-card:0 8px 32px hsla(0,0%,0%,0.4);--eic-shadow-glow:0 0 60px hsla(141,73%,42%,0.3);--eic-shadow-hover:0 16px 48px hsla(0,0%,0%,0.6);background-color:hsl(var(--eic-background));color:hsl(var(--eic-foreground));font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif}.eic-spotify-gradient-bg{background:var(--eic-gradient-hero)}.eic-spotify-glow{box-shadow:var(--eic-shadow-glow)}.eic-spotify-card{background:var(--eic-gradient-card);box-shadow:var(--eic-shadow-card);transition:all .4s cubic-bezier(.4,0,.2,1)}.eic-spotify-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--eic-shadow-hover),var(--eic-shadow-glow)}.eic-text-gradient{background:linear-gradient(90deg,hsl(var(--eic-foreground)) 0,hsl(var(--eic-primary)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eic-glow-text{text-shadow:0 0 40px hsla(141,73%,42%,.5)}.eic-play-button{background-color:hsl(var(--eic-primary));color:hsl(var(--eic-primary-foreground));border-radius:9999px;padding:1rem;transition:all .3s;box-shadow:0 8px 24px hsla(141,73%,42%,.4)}.eic-play-button:hover{transform:scale(1.1);box-shadow:0 12px 32px hsla(141,73%,42%,.6)}.eic-progress-bar{height:.25rem;background-color:hsl(var(--eic-muted));border-radius:9999px;overflow:hidden}.eic-progress-bar-fill{height:100%;background-color:hsl(var(--eic-primary));border-radius:9999px;transition:all .3s}.eic-album-card{position:relative;overflow:hidden;border-radius:.75rem;transition:all .5s;background:linear-gradient(145deg,hsl(0 0% 10%),hsl(0 0% 6%))}.eic-album-card:hover{box-shadow:0 0 30px hsla(141,76%,48%,.3),0 20px 40px hsla(0,0%,0%,.5)}.eic-marquee-track{animation:eic-marquee 30s linear infinite}.eic-noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.eic-glass-panel{background:hsla(0,0%,11%,.8);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,20%,.5)}}@layer utilities{.eic-perspective-1000{perspective:1000px}.eic-transform-3d{transform-style:preserve-3d}}@keyframes eic-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}