body,html{color:#fff;font-optical-sizing:auto;font-variation-settings:"wdth" 200;background:#000;margin:0;padding:0;font-family:Noto Sans,sans-serif;font-style:normal;font-weight:200}.container,body,html{width:100%;overflow-x:hidden}.container{flex-direction:column;justify-content:center;align-items:center;max-width:700px;height:100vh;min-height:860px;margin:auto;display:flex;position:relative}.circle-progress{z-index:5;width:450px;height:450px;position:relative}.circle-progress canvas{z-index:0;width:450px;height:450px;position:absolute;top:0;left:0}.circle-progress .circle-overlay{pointer-events:none;z-index:1;border-radius:50%;width:75%;height:75%;position:absolute;top:12.5%;left:12.5%}svg{transform-origin:50%;z-index:2;height:100%;transform:rotate(-90deg)}.text-container,svg{width:100%;position:relative}.text-container{z-index:5;height:2em;margin-top:30px}.text-container #nextText,.text-container #phaseText{opacity:1;text-align:center;white-space:nowrap;width:100%;font-size:1.5rem;position:absolute;left:0}.text-container #nextText{opacity:0}#redCircle{fill:#0000!important}#glowCircle{fill:url(#grad-circle);filter:url(#glow);opacity:.75}#webgl{mix-blend-mode:plus-darker;z-index:6!important;max-width:450px!important;max-height:450px!important}body:not(.playing) .total-progress{max-height:0;margin-top:44px}body.playing .total-progress,body:not(.playing) .total-progress{transition:max-height .5s ease-in-out,margin .5s ease-in-out}body.playing .total-progress{max-height:14px;margin-top:30px}body.playing:not(.open) .menu-nav{opacity:.25!important}body.playing:not(.open) .menu-container{pointer-events:none;opacity:0!important}.total-progress{transform-origin:0;z-index:5;background:#111;border-radius:4px;width:80%;height:14px;margin-top:30px;position:relative;overflow:hidden}.total-progress .fill{background:linear-gradient(90deg,#a5f3fc,#fbcfe8);width:0;height:100%;transition:width .2s linear}.total-progress .marker{z-index:10;background:#ffffff59;width:2px;height:50%;position:absolute;top:0;left:0}.total-progress .marker.large{background:#ffffff80;height:90%}.total-progress .marker.large:last-child{left:calc(100% - 2px)!important}@keyframes pulse{0%{box-shadow:0 0 #ffffff40}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}#startBtn{z-index:5;border:none;border-radius:60px;width:fit-content;margin-top:32px;font-size:16px;transition:color .3s,background .65s ease-in-out,border .3s,width .3s;position:relative}#startBtn,#toggleMenuBtn,#toggleSoundBtn{cursor:pointer;letter-spacing:.1em;white-space:nowrap;outline:none;padding:15px 30px;font-weight:400;overflow:hidden}#toggleMenuBtn,#toggleSoundBtn{color:#fff;text-align:center;background:#111;border:none;min-width:123px;transition:color .3s,background .65s ease-in-out,border .3s,transform .3s ease-in-out;position:absolute;border-radius:60px!important}#toggleSoundBtn{left:0}#toggleMenuBtn{right:0}.btn-pulse{color:#fff;background:#222}.btn-pulse:hover{background:#666;border-radius:32px;animation:1.5s pulse}.arc-marker{opacity:.6;transform-origin:50%;transition:opacity .5s;position:relative}.arc-marker.active{opacity:.9;r:3px!important}.arc-marker:before{content:"";background-color:#ffffff1a;border-radius:100%;width:20px;height:20px;transition:all .25s ease-in-out;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(1)}.menu-container{scrollbar-width:none;z-index:100;-ms-overflow-style:none;filter:blur(5px);opacity:.65;justify-content:center;width:calc(100% - 60px);max-width:calc(100% - 60px);padding:30px 30px 20vh;transition:all .25s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-x:auto}.menu-container::-webkit-scrollbar{display:none}.menu-container:hover{filter:blur();opacity:1}.menu-container .menu-container__wrapper{flex-flow:row;justify-content:center;align-items:flex-start;width:fit-content;padding-right:10px;display:flex;position:relative}.menu-container .menu-container__wrapper .button{margin-right:20px}body.open .menu-container{filter:blur();opacity:1}body.open .button{opacity:.75}.button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .1px .1px hsl(var(--shadow-color)/.29),0 .1px .1px -.6px hsl(var(--shadow-color)/.29),0 .3px .3px -1.2px hsl(var(--shadow-color)/.29),0 .6px .7px -1.9px hsl(var(--shadow-color)/.29),0 1.1px 1.2px -2.5px hsl(var(--shadow-color)/.29);color:#fff;cursor:pointer;opacity:.5;text-align:center;border:1px solid #ffffff1a;flex-direction:column;gap:0;width:50%;min-width:250px;max-width:350px;height:fit-content;margin:0;padding:20px;transition:opacity .25s ease-in-out,height;display:inline-flex;background-color:#000000d9!important;border-radius:30px!important;position:relative!important;top:auto!important;left:auto!important}.button.active{opacity:1;border:1px solid #f18f9f4d;transition:opacity .25s ease-in-out}.button.active h2{width:fit-content;margin:0 auto;font-weight:500}.button .select-mobile{display:none}.button h2{color:#f18f9f;font-variation-settings:"wdth" 200;font-size:16px;transition:all .35s ease-in-out}.button h2,.button h3{letter-spacing:.1em;margin:0;padding:0;font-weight:200}.button h3{font-variation-settings:"wdth" 200;font-size:14px;transition:all .35s ease-in-out}.button h3,.button p{opacity:0;max-height:0;overflow:hidden}.button p{text-align:left;margin:0;padding:0;font-size:13px}.button.not-hover:hover{pointer-events:none}.button:not(.not-hover):hover{opacity:1;animation:.85s pulse-top}.button:not(.not-hover):hover h2{color:#fff;padding-bottom:10px;font-weight:500}.button:not(.not-hover):hover h3,.button:not(.not-hover):hover p{opacity:1;max-height:fit-content;transition:opacity .35s ease-in-out,max-height ease-in-out}.button:not(.not-hover):hover p,body.open .button p{margin-top:1em!important}@keyframes pulse-top{0%{box-shadow:0 0 #f18f9f4d}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.menu-nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;z-index:101;background-color:#0000;justify-content:center;width:100%;padding:20px 0;transition:opacity .35s ease-in-out;display:flex;position:fixed;bottom:0;left:0}.menu-nav:hover{opacity:1}.menu-nav .wrap{width:50px;height:50px;margin:auto}.menu-nav .wrapper{width:calc(100% - 20px);max-width:550px;height:50px;transition:all .5s ease-in-out;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.menu-nav button.menu{cursor:pointer;background-color:#0000;border:none;border-radius:25px;width:50px;height:50px;display:block;position:relative}.menu-nav button.menu:before{content:"";background-color:#fff0;border-radius:100%;width:100%;height:100%;transition:all .25s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.3)}.menu-nav button.menu:focus{outline:none}.menu-nav button.menu:hover:before{background-color:#ffffff1a;transform:translate(-50%,-50%)scale(1)}.menu-nav button.menu.open svg circle{stroke:#f18f9f;stroke-dashoffset:0;transition-delay:.1s}.menu-nav button.menu.open .ham{transition-delay:0s;transform:translate(-50%,-50%)rotate(90deg)}.menu-nav button.menu.open .ham .top{top:50%;transform:translateY(-50%)rotate(45deg)}.menu-nav button.menu.open .ham .bottom,.menu-nav button.menu.open .ham .top{background:#f18f9f;transition:transform .5s ease-in-out,background .35s ease-in-out}.menu-nav button.menu.open .ham .bottom{bottom:50%;transform:translateY(50%)rotate(135deg)}.menu-nav button.menu.open .ham .middle{background:#f18f9f;width:0;transition-delay:0s;left:-50%}.menu-nav svg{width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(270deg)}.menu-nav svg circle{stroke-width:2px;stroke:#fff;fill:none;stroke-dasharray:160;stroke-dashoffset:160px;stroke-linecap:round;transition:all 1.1s cubic-bezier(.8,0,.2,1)}.menu-nav .ham{background-color:#0000;width:24px;height:24px;transition:all .5s ease-in-out .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-nav .ham .bottom,.menu-nav .ham .middle,.menu-nav .ham .top{background-color:#ffffff80;border-radius:1px;width:100%;height:2px;transition:all .5s ease-in-out,background .35s ease-in-out;display:block;position:absolute;left:0}.menu-nav .ham .top{top:3px}.menu-nav .ham .bottom{bottom:3px}.menu-nav .ham .middle{top:50%;transform:translateY(-50%)}.menu-nav button.menu:hover .ham .bottom,.menu-nav button.menu:hover .ham .middle,.menu-nav button.menu:hover .ham .top{background:#fff}body.open .menu-nav{opacity:1}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:fit-content;padding:130px 0 90px;display:flex;position:relative}@keyframes slowFadeScale{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.55;transform:translate(-50%,-50%)scale(1.05)}to{opacity:.4;transform:translate(-50%,-50%)scale(1)}}.gradient-glow{aspect-ratio:1;opacity:.35;background:radial-gradient(circle,#ff0a7859 0,#8a2be226 25%,#00bfff00 50%,#00008000 75%,#0000 100%);width:100%;height:auto;animation:10s ease-in-out infinite slowFadeScale;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gradient-glow.intro{opacity:1;z-index:99999;max-width:600px;animation:5s ease-in-out infinite slowFadeScale}body.open .gradient-glow.intro{z-index:1}@media screen and (width<=768px){body,html{width:100%;overflow:hidden}body:before{transition:opacity 2s 1s,visibility 2s 1s!important}body:after{opacity:.5;width:100px;height:100px;left:50%;transform-origin:50%!important;transition:opacity 2s,visibility 2s,width 2s ease-out,height 2s ease-out!important;animation:none!important;top:37%!important}.container{height:100%;min-height:100dvh;overflow:hidden}.menu-container{opacity:0;will-change:opacity;background-color:#000000f2;justify-content:flex-start;width:calc(100% - 20px);max-width:calc(100% - 20px);height:100%;padding:10px;transition:all .35s,opacity .1s;position:fixed;top:0;left:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.menu-container .menu-container__wrapper{justify-items:stretch;padding-left:10px;padding-right:0}.menu-container .menu-container__wrapper .button{border:1px solid #f18f9f4d;flex-direction:column;justify-content:center;align-items:center;width:80%;min-width:280px;max-width:400px;min-height:65%;display:flex}.menu-container .menu-container__wrapper .button:not(.active) h2{color:#fff;font-weight:400}.menu-container .menu-container__wrapper .button h3,.menu-container .menu-container__wrapper .button p{font-size:14px!important;font-weight:400!important}body.open .menu-container{opacity:1;transition:all .65s,opacity .75s;transform:translateY(0)}body.open .button h2{color:#fff;font-weight:500}body.open .button h3,body.open .button p{opacity:1;max-height:fit-content;margin-top:10px;transition:opacity .15s ease-in-out,max-height ease-in-out}body.open .app-container{opacity:0;transition:opacity 1s ease-in-out}body.open .menu-nav{opacity:.85!important}body.open .gradient-left,body.open .gradient-right{z-index:102}body:not(.open) .menu-container{opacity:0;pointer-events:none;transform:translateY(-20px)}body:not(.open) .app-container{opacity:1;transition:opacity 1s ease-in-out}.gradient-left,.gradient-right{width:30px;height:100%;display:block;position:fixed;top:0}.gradient-left{background:linear-gradient(90deg,#000 0,#0000);left:0}.gradient-right{background:linear-gradient(270deg,#000 0,#0000);right:0}.button .select-mobile{border:1px solid #ffffff59;border-radius:16px;width:100%;margin-top:20px;padding:10px 0;font-size:13px;font-weight:400;display:block}.app-container{padding:10px 0 90px!important}.menu-nav{opacity:.65!important}.circle-progress,.circle-progress canvas{width:370px!important;height:370px!important}#startBtn:focus,#startBtn:hover{opacity:.5!important;background:#222!important}body:not(.playing) .total-progress{max-height:0;margin-top:46px!important}body.playing .total-progress{max-height:6px!important;margin-top:40px!important}.total-progress{background:#111;margin-top:40px;height:6px!important}.gradient-glow{clip-path:inset(0 0 20%)}}@keyframes pulse-intro{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(2)}}body{opacity:0}body:before{content:"";z-index:9999999;background:#000;transition:opacity 2s 1.65s,visibility 2s 1.65s;display:block;position:fixed;inset:0}body:not(.loading){opacity:1}body:not(.loading):before{opacity:0;pointer-events:none;visibility:hidden}@media screen and (width>=769px){body:not(.open) .menu-nav{-webkit-backdrop-filter:blur();backdrop-filter:blur()}body:not(.open) .menu-nav button.menu{opacity:0;pointer-events:none;transition:all .5s ease-in-out 0s;}body:not(.open) .menu-nav .wrapper{width:calc(100% - 80px);max-width:100%;transition:all .5s ease-in-out}body:not(.open) .button{transition:opacity ease-in-out;transform:translateY(20px)}body:not(.open) .menu-container{transform:translateY(-20px)}body.open .menu-nav .wrapper{width:calc(100% - 80px);max-width:100%}body.open .app-container{filter:blur(20px);transition:filter .5s ease-in-out}body.open .menu-container{height:100%;padding:0 30px}body.open .menu-container .menu-container__wrapper{margin-top:auto;margin-bottom:auto;display:flex;align-items:stretch!important;height:fit-content!important}body.open .button{flex:1;margin-top:0;margin-bottom:0;transition:transform .65s ease-in-out;transform:translateY(0);opacity:1!important;background-color:#000000d9!important;height:auto!important}body.open .button:first-child{transition-delay:0s}body.open .button:nth-child(2){transition-delay:50ms}body.open .button:nth-child(3){transition-delay:.1s}body.open .button h2{color:#fff;font-weight:500}body.open .button:hover h2{padding-bottom:0}body.open .button h3,body.open .button p{opacity:1;max-height:fit-content;margin-top:10px;transition:opacity .15s ease-in-out,max-height ease-in-out}body.open .button p:last-of-type{margin-bottom:20px}body.open .button .select-mobile{border:1px solid #ffffff59;border-radius:16px;width:100%;margin-top:auto;padding:10px 0;font-size:13px;font-weight:400;display:block}body .app-container{filter:blur();padding:0}.gradient-glow{clip-path:inset(0 0 20%)}}.text-intro{mix-blend-mode:screen;opacity:0;z-index:2147483647;width:80%;max-width:500px;height:fit-content;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.text-intro svg{width:100%;height:auto;margin:auto;position:relative;transform:none}.text-intro svg .st0intro{stroke:#fff;fill:#fff}.text-intro svg .st1intro{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:14px;stroke-linecap:round;stroke-linejoin:round}