*,:before,:after{box-sizing:border-box;margin:0;padding:0}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;-webkit-tap-highlight-color:transparent;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;opacity:1;will-change:opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .65s;position:fixed;inset:0}.bg-layer--in{opacity:1}.bg-layer--out{opacity: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;will-change:transform;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;position:relative}.main-title:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#ff8cc859 0%,#b464ff33 45%,#0000 72%);border-radius:50%;animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-60px -80px}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.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-tap-highlight-color:transparent;cursor:pointer;background:#140a1e8c;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:#281437b3;border-color:#ffffffd9;box-shadow:0 0 28px #ffaadc8c}.play-btn svg{filter:drop-shadow(0 0 6px #ffc8e6e6);width:100%;height:100%}.dots{align-items:center;gap:25px;margin-top:4px;display:flex}.dot{cursor:pointer;width:13px;height:13px;box-shadow:none;-webkit-tap-highlight-color:transparent;background:#ffffff4d;border:none;border-radius:50%;padding:0;transition:transform .3s,background .3s,box-shadow .3s}.dot--active{background:#fffffff2;transform:scale(1.55);box-shadow:0 0 6px #ffafd7,0 0 14px #d282ffcc,0 0 26px #ff82c866}