@import "https://fonts.cdnfonts.com/css/thegoodmonolith";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
html,body{background:rgba(0,0,0,.8);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:50px;font-family:Arial,sans-serif;display:flex}#container{cursor:pointer;width:40vw;height:40vh}#container:hover{opacity:.9}.hint{opacity:.7;cursor:pointer;font-size:18px;transition:opacity .3s}.hint:hover{opacity:1}.hamburger-menu{z-index:1000;position:fixed;top:20px;left:20px}.hamburger-menu button{background:0 0;border:none;width:30px;height:30px}.hamburger-menu button:hover{cursor:pointer}.menu-trigger,.menu-trigger span{box-sizing:border-box;transition:all .4s;display:inline-block}.menu-trigger{width:30px;height:26px;position:relative}.menu-trigger span{background-color:#fff;border-radius:2px;width:100%;height:2px;position:absolute;left:0}.menu-trigger span:first-of-type{animation:4s ease-in-out infinite moveFromLeft;top:0}.menu-trigger span:nth-of-type(2){animation:4s linear infinite moveFromCenter;top:12px}.menu-trigger span:nth-of-type(3){animation:4s ease-in-out infinite moveFromRight;bottom:0}@keyframes moveFromLeft{0%{width:12px}50%{width:30px}to{width:12px}}@keyframes moveFromCenter{0%{width:18px}15%{width:27px}25%{width:30px}35%{width:27px}65%{width:9px}75%{width:6px}85%{width:9px}to{width:18px}}@keyframes moveFromRight{0%{width:30px}50%{width:12px}to{width:30px}}.menu-trigger.active span:first-of-type{animation:full;transform:translateY(12px)rotate(-45deg)}.menu-trigger.active span:nth-of-type(2){opacity:0;animation:full}.menu-trigger.active span:nth-of-type(3){animation:full;transform:translateY(-12px)rotate(45deg)}@keyframes full{0%{width:30px}to{width:30px}}.overlay-navigation{z-index:99;color:#f0f0f0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:20px;font-family:TheGoodMonolith,monospace;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.overlay-navigation #backgroundCanvas{z-index:-1;object-fit:cover;width:100%;height:100%;min-height:100vh;position:absolute;top:0;left:0}.overlay-slide-down{transition:all .4s ease-in-out;transform:translateY(0)}.overlay-slide-up{transition:all .8s ease-in-out;transform:translateY(-100%)}#spiral{flex-shrink:0;width:300px;height:300px;margin:10px 0}.layout-container{z-index:1;border:1px solid #fff;width:80%;max-width:900px;margin:20px auto 40px;position:relative}.layout-header{border-bottom:1px solid #fff;align-items:center;height:60px;padding:20px 30px;display:flex}.layout-title{letter-spacing:1px;font-size:24px;font-weight:700}.layout-progress{border-bottom:1px solid #fff;justify-content:space-between;align-items:center;padding:20px 30px;font-size:14px;display:flex}.shortcut-info{opacity:.7;font-size:12px}.layout-services{grid-template-columns:1fr 1fr 1fr;display:grid}.service-item{border-bottom:1px solid #fff;border-right:1px solid #fff;flex-direction:column;padding:20px 30px;display:flex}.service-item h3{margin-top:0;margin-bottom:10px;font-size:14px}.service-item p{margin:0;font-size:12px;line-height:1.4}.service-item code{background:rgba(255,255,255,.1);border-radius:3px;padding:2px 4px;font-size:10px}.service-item:nth-child(3n){border-right:none}.service-item:nth-last-child(-n+3){border-bottom:none}.service-item a{cursor:pointer;color:inherit;text-decoration:none}.service-item a:hover{opacity:.8}@media (max-width:768px){.layout-services{grid-template-columns:1fr 1fr}.service-item:nth-child(3n){border-right:1px solid #fff}.service-item:nth-child(2n){border-right:none}.service-item:nth-last-child(-n+3){border-bottom:1px solid #fff}.service-item:nth-last-child(-n+2){border-bottom:none}}@media (max-width:480px){.layout-services{grid-template-columns:1fr}.service-item{border-right:none!important}.service-item:not(:last-child){border-bottom:1px solid #fff!important}}@media (max-width:600px){.controls{min-width:90vw;padding:16px;left:5vw;transform:none}.input-section{flex-direction:column;gap:8px}#musicUrl{width:100%}.button-section{flex-direction:column;gap:8px}button{width:100%}}