::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;font-family:Inter,sans-serif;background-color:#020617;color:#f8fafc;overflow-x:hidden}.font-playfair{font-family:Playfair Display,serif}.font-cinzel{font-family:Cinzel,serif}.font-oswald{font-family:Oswald,sans-serif}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes meter-bounce-1{0%,to{height:40%}50%{height:95%}}@keyframes meter-bounce-2{0%,to{height:20%}50%{height:75%}}@keyframes meter-bounce-3{0%,to{height:50%}50%{height:85%}}@keyframes meter-bounce-4{0%,to{height:10%}50%{height:60%}}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 25px 5px #fbbf2440,inset 0 0 15px #fbbf2433}50%{box-shadow:0 0 65px 18px #fbbf248c,inset 0 0 25px #fbbf2466}}@keyframes sound-wave-expand{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.18);opacity:.3}to{transform:scale(1.35);opacity:0}}.animate-spin-slow{animation:spin-slow 20s linear infinite;will-change:transform}.animate-logo-float{animation:logo-float 4.5s ease-in-out infinite;will-change:transform}.sound-wave-ring{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:9999px;border:2px solid rgba(251,191,36,.4);animation:sound-wave-expand 2.2s cubic-bezier(.215,.61,.355,1) infinite;pointer-events:none}.sound-wave-ring-delayed{animation-delay:1.1s}.liquid-border-wrap{position:relative;padding:6px;background:#020617;overflow:hidden;border-radius:9999px;animation:glow-pulse 3.5s infinite ease-in-out;transition:all .5s ease}.liquid-border-wrap.is-playing{animation:glow-pulse 2s infinite ease-in-out;padding:7px}.liquid-border-wrap:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#fbbf24,#f59e0b 25%,#fef08a 40%,#fbbf24,#d97706,#fbbf24);animation:rotate-bg 4s linear infinite;filter:blur(2px)}.liquid-border-wrap.is-playing:before{animation:rotate-bg 2s linear infinite}.logo-inner{position:relative;z-index:10;background:#020617;border-radius:9999px;overflow:hidden;box-shadow:inset 0 0 20px #000c}.animate-marquee{display:inline-block;white-space:nowrap;animation:marquee 20s linear infinite}.glass-card{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e}.gold-text{color:#fbbf24}.meter-column{background:linear-gradient(to top,#22c55e,#22c55e 60%,#eab308 60%,#eab308 85%,#ef4444 85%,#ef4444);-webkit-mask-image:linear-gradient(to bottom,white 2px,transparent 2px);mask-image:linear-gradient(to bottom,white 2px,transparent 2px);-webkit-mask-size:100% 4px;mask-size:100% 4px;transform-origin:bottom;transition:height .1s ease}.meter-bounce-1{animation:meter-bounce-1 .7s infinite ease-in-out}.meter-bounce-2{animation:meter-bounce-2 .5s infinite ease-in-out}.meter-bounce-3{animation:meter-bounce-3 .9s infinite ease-in-out}.meter-bounce-4{animation:meter-bounce-4 .6s infinite ease-in-out}.studio-display{background:#000;box-shadow:inset 0 0 30px #000,0 0 15px #22c55e1a;border:2px solid #1e293b}