:root{--text:#9ca3af;--text-h:#f3f4f6;--input:#1f212f;--bg:linear-gradient(175deg,#06091f 0%, #080a18 55%, #0a0b17 99%);--bg-tc:linear-gradient(173deg,#1d1d30 0%, #18182e 47%,#101021 100%);--bg-to:linear-gradient(143deg, #171924 0%, #141624 34%,#0a0b17 99%);--border:#323232;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px,#00000040 0 4px 6px -2px;--shadow-inset:inset 0 2px 14px #00000073, inset 0 -1px 1px #ffffff08;--button:linear-gradient(173deg,#1f1e2d 0%,#161529 47%,#0f0f2a 100%);--padding:80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}html,body{scroll-behavior:smooth;min-height:100%;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}a{color:var(--text);margin:20px;font-weight:400}h1{letter-spacing:-1.68px;margin:20px;font-size:56px}h2{letter-spacing:-.24px;margin:0 20px 8px;font-size:24px;line-height:118%}h3{margin:20px;font-weight:500}p{margin:20px}span{font-weight:100}button{font-family:var(--heading)}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-block}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}list div{align-items:center;display:flex}list p{margin:10px 20px}list span{width:10px}list .checkbox{margin:10px 20px}.all{font-size:16px;font-family:var(--mono);color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;align-items:center;margin-left:auto;margin-right:20px;padding:5px 10px;text-decoration:none;transition:border-color .3s;display:flex}.all:hover{border-color:var(--accent-border)}.all:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{text-align:center;flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#spacer{border-top:1px solid var(--border);height:15px}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:all .3s}.navigation_content{color:var(--text);margin:10px 30px;font-size:20px;font-weight:400;text-decoration:none;transition:all .3s;display:inline-block}.navigation_content:hover{color:#777679;transform:scale(1.07)}.navigation_content:active{transform:scale(.95)}input{background-color:var(--input);box-shadow:var(--shadow-inset);border:none;border-radius:10px;outline:none;padding:10px;font-size:20px}.trackcard{background:var(--bg-tc);text-align:center;box-shadow:var(--shadow);border-radius:10px;justify-items:center;margin:20px;transition:all .3s;display:inline-block}.trackcard:hover{transform:scale(1.05)rotate(-1deg)}.trackcard:active{transform:scale(.95)}.trackcard_text{word-wrap:break-word}.trackcard_cover{width:200px;height:200px;padding:20px 20px 15px}.trackimg_overlay{width:515px;height:515px;transition:all .3s}.trackimg_overlay:hover{transform:scale(1.03)rotate(-1deg)}.trackimg_overlay:active{transform:scale(.95)}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;position:fixed;inset:0}.track_overlay{background:var(--bg-to);width:1200px;height:600px;transform:translate(-50%, -50%) scale(var(--scale,1));box-shadow:var(--shadow);z-index:999;border:2px solid #222325;border-radius:10px;position:fixed;top:50%;left:50%}.detailcard{padding:40px;display:flex}.detailcard.upload{flex-direction:column}.trackimg_bg{pointer-events:none;-webkit-user-select:none;user-select:none}.track_info h1{margin-top:0}.difficulties{color:#fff;justify-content:center;width:120px;height:26px;display:flex}.difficulties.Beginner{background-color:#188a24}.difficulties.Advance{background-color:#c3a304}.difficulties.Expert{background-color:#a30101}.difficulties.Master{background-color:#8b00b9}.library{flex-wrap:wrap;justify-content:center;display:flex}.search{width:70%;margin-top:20px}.upload_file{height:500px}.area{background:var(--bg)}.hori_list{margin-bottom:10px;display:flex;overflow-x:auto}.hori_list::-webkit-scrollbar{height:10px}.hori_list::-webkit-scrollbar-track{background:#242330}.hori_list::-webkit-scrollbar-thumb{background:#252b38}.hori_list.settings{height:225px;margin-bottom:0;overflow-y:hidden}.hori_list.navigation{margin:0;padding:10px}.hori_list.track_info{margin-top:-20px;margin-bottom:0}.scrolling{filter:blur(25px);opacity:.4;width:max-content;height:100%;animation:20s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.slider{margin:0 20px}img:after{background-image:url(https://cdn.pixabay.com/photo/2015/10/31/12/41/sale-1015710_640.jpg)}.login{background:var(--bg-to);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.result_screen{flex-wrap:wrap;justify-content:center;align-items:center;gap:20%;height:100vh;display:flex}.result_screen h1{font-size:100px}.button{background:var(--button);color:#fff;text-align:center;width:200px;box-shadow:var(--shadow);border:0 solid #202020;border-radius:15px;margin:20px;padding:20px;font-size:20px;text-decoration:none;transition:all .3s}.button:hover{transform:scale(1.08)}.button:active{transform:scale(.95)}.button.settings{width:100px;margin:0;padding:15px;font-size:15px}.checkbox{transform:scale(1.8)}.authentication{align-items:center;gap:10%;width:90%;height:800px;margin:0 auto;display:flex}.image_box{flex:6;overflow:hidden}.pub_img{width:100%}.login_box{flex:4;justify-content:center;align-items:center;display:flex}.button_box{flex-direction:column;align-items:center;display:flex}.features_box{text-align:center;width:80%;margin:0 auto}.features_img{width:80%;box-shadow:var(--shadow);border:2px solid #1f212e;margin-bottom:60px}.overall_result{text-align:center;justify-content:center;gap:20%;display:flex}.image-enter-active,.image-leave-active{transition:all .6s}.image-enter-from{opacity:0;transform:translate(100%)}.image-leave-to{opacity:0;transform:translate(-100%)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}.godot{border:none;width:100%;height:100vh}@media (width<=1024px){:root{--padding:20}h1{margin:20px;font-size:36px}h2{font-size:20px}.track_overlay{width:480px;height:900px}.detailcard{display:inline-block}.trackimg_overlay{width:400px;height:400px}.authentication{height:30%;margin-top:5%;display:block}.hori_list.settings{width:100%;height:auto}.function_area{scrollbar-width:none;border:2px solid #1a1721;border-radius:10px;width:395px;height:250px;overflow-y:auto}.features_box{width:100%}.overall_result{flex-direction:column}}