@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;font-family:Inter,sans-serif;background:#0a0a0a}.webgl{position:fixed;top:0;left:0;outline:none}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.6) 100%)}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f1b3d,#060608);z-index:200;transition:opacity .8s cubic-bezier(.4,0,.2,1)}#loader.hidden{opacity:0;pointer-events:none}.loader-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:1px;background:#ffffff0f;overflow:hidden;border-radius:1px}.loader-line:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:lineSlide 1.2s cubic-bezier(.4,0,.6,1) infinite}@keyframes lineSlide{0%{left:-40%}to{left:100%}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.overlay-title{position:absolute;top:36px;left:40px;opacity:0;animation:fadeInSlide 1.2s cubic-bezier(.4,0,.2,1) .6s forwards}.overlay-title h1{font-size:24px;font-weight:200;color:#fffc;letter-spacing:8px;text-transform:uppercase;margin-bottom:10px}.title-line{width:40px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.4),transparent);margin-bottom:10px;opacity:0;animation:lineExpand .8s ease 1.2s forwards}.overlay-title p{font-size:10px;font-weight:300;color:#ffffff40;letter-spacing:5px;text-transform:uppercase}.overlay-info{position:absolute;bottom:28px;right:32px;opacity:0;animation:fadeIn 1s ease 1.8s forwards}.overlay-info span{font-size:10px;font-weight:300;color:#fff3;letter-spacing:1.5px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lineExpand{0%{opacity:0;width:0}to{opacity:1;width:40px}}#musicButton{position:fixed;bottom:24px;left:32px;z-index:20;padding:10px 22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ffffff80;font-family:Inter,sans-serif;font-size:10px;font-weight:300;letter-spacing:3px;text-transform:uppercase;border-radius:28px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeIn .8s ease 2s forwards}#musicButton:hover{background:#ffffff14;border-color:#fff3;color:#fffc;box-shadow:0 0 30px #ffffff08}.lil-gui{--background-color: rgba(8, 5, 12, .8) !important;--title-background-color: rgba(8, 5, 12, .9) !important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:0 0 0 8px!important;border-left:1px solid rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.04)!important}