html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;background:#000;width:100%;height:100%;overflow:hidden}.bg-layer{filter:saturate(1.12)brightness(.82);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.vignette-layer{z-index:1;background:radial-gradient(#0000 20%,#04000ea6 100%),linear-gradient(#04000e26 0%,#04000e80 100%);position:fixed;inset:0}.canvas-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.title-layer{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding-bottom:22vh;display:flex;position:fixed;inset:0}.main-title{color:#fff;text-shadow:0 0 50px #ffafd2,0 0 110px #d27dffcc,0 0 200px #ff5faf59,0 4px 20px #000000bf;font-family:Great Vibes,cursive;font-size:clamp(5rem,16vw,13rem);font-weight:400;line-height:1;animation:4s ease-in-out infinite glow}.player-layer{z-index:4;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;bottom:18vh;left:50%;transform:translate(-50%)}.viz-canvas{width:260px;height:52px;display:block}.play-btn{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:14px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 0 18px #ffaadc40}.play-btn:hover{background:#ffffff29;border-color:#ffffffd9;box-shadow:0 0 28px #ffaadc8c}.play-btn svg{filter:drop-shadow(0 0 6px #ffc8e6e6);width:100%;height:100%}@keyframes glow{0%,to{text-shadow:0 0 50px #ffafd2,0 0 110px #d27dffcc,0 0 200px #ff5faf59,0 4px 20px #000000bf}50%{text-shadow:0 0 80px #ffc8e6,0 0 160px #dc91ff,0 0 300px #ff73c38c,0 0 450px #c34bff2e,0 4px 20px #000000bf}}