@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--deep-purple:#0d0020;--purple-dark:#1a0035;--purple-mid:#2d0060;--purple-bright:#5a00b4;--violet:#7b00ff;--lavender:#c084fc;--lilac:#e0c0ff;--cream:#fff8ff;--white:#fffcff;--pink-glow:#f0c;--cyan-glow:#0fe;--gold:gold}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--deep-purple);color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,sans-serif}#root{width:100%;height:100vh;position:relative;overflow:hidden}.app{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.noise{pointer-events:none;z-index:10;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.bg-gradient{z-index:0;background:radial-gradient(at 50% 40%,#2d0060 0%,#1a0035 40%,#0d0020 100%);animation:8s ease-in-out infinite alternate bgPulse;position:fixed;inset:0}@keyframes bgPulse{0%{background:radial-gradient(at 50% 40%,#2d0060 0%,#1a0035 40%,#0d0020 100%)}50%{background:radial-gradient(at 55% 45%,#3d0080 0%,#200040 40%,#0a0018 100%)}to{background:radial-gradient(at 45% 35%,#250050 0%,#180030 40%,#0d0020 100%)}}.eyes-layer{z-index:1;pointer-events:none;position:fixed;inset:0}.countdown-wrapper{z-index:20;flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex;position:relative}.title{letter-spacing:.4em;text-transform:uppercase;color:var(--lavender);opacity:.7;font-family:Space Mono,monospace;font-size:clamp(1rem,3vw,1.4rem);font-weight:400}.countdown-grid{align-items:center;gap:clamp(.8rem,3vw,2rem);display:flex}.time-unit{flex-direction:column;align-items:center;gap:.4rem;display:flex}.time-value{color:var(--white);text-shadow:0 0 30px #c084fc40;font-family:Space Mono,monospace;font-size:clamp(3rem,10vw,7rem);font-weight:700;line-height:1}.time-label{letter-spacing:.25em;text-transform:uppercase;color:var(--lavender);opacity:.7;font-family:Space Grotesk,sans-serif;font-size:clamp(.55rem,1.5vw,.75rem);font-weight:500}.separator{color:var(--lavender);opacity:.4;margin-bottom:1.5rem;font-family:Space Mono,monospace;font-size:clamp(2rem,7vw,5rem);font-weight:300;animation:1s step-end infinite sepBlink}@keyframes sepBlink{0%,to{opacity:1}50%{opacity:.2}}.subtitle{letter-spacing:.2em;text-transform:uppercase;color:var(--lilac);opacity:.5;text-align:center;font-family:Space Grotesk,sans-serif;font-size:clamp(.7rem,2vw,.9rem)}.glow-ring{pointer-events:none;z-index:5;border:1px solid #7a00ff26;border-radius:50%;width:clamp(300px,60vw,700px);height:clamp(300px,60vw,700px);animation:4s ease-in-out infinite ringPulse;position:absolute;box-shadow:0 0 60px #7a00ff1a,inset 0 0 60px #7a00ff0d}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.expired-text{color:var(--lilac);letter-spacing:.1em;text-align:center;font-family:Space Mono,monospace;font-size:clamp(2rem,8vw,5rem);font-weight:700}.post-wrapper{z-index:30;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.post-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.post-overlay{z-index:1;background:linear-gradient(#0d00208c 0%,#0d00204d 40%,#0d0020bf 100%);position:absolute;inset:0}.post-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.4rem;padding:2rem;display:flex;position:relative}.artist-img-wrap{border:1px solid #c084fc40;border-radius:50%;width:clamp(120px,22vw,200px);height:clamp(120px,22vw,200px);overflow:hidden;box-shadow:0 0 40px #7a00ff33}.artist-img{object-fit:cover;width:100%;height:100%;display:block}.post-title{color:var(--white);letter-spacing:.08em;text-transform:lowercase;font-family:Space Mono,monospace;font-size:clamp(2rem,7vw,4.5rem);font-weight:700}.post-tagline{color:var(--lavender);opacity:.6;letter-spacing:.05em;max-width:36ch;font-family:Space Grotesk,sans-serif;font-size:clamp(.75rem,2vw,1rem)}.streaming-btns{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.4rem;display:flex}.stream-btn{letter-spacing:.02em;border-radius:100px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;text-decoration:none;transition:filter .2s;display:inline-flex}.spotify-btn{color:#000;background:#1db954}.spotify-btn:hover{filter:brightness(1.15)}.apple-btn{color:#000;background:#fff}.apple-btn:hover{filter:brightness(.92)}.tidal-btn{color:#fff;background:#000;border:1px solid #ffffff40}.tidal-btn:hover{filter:brightness(1.3)}.tickets-btn{color:#000;background:#dcd9e6;border:none}.tickets-btn:hover{filter:brightness(.92)}