*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none}img{max-width:none}button{border:none;background:none;outline:none;margin:0;padding:0;cursor:pointer}@font-face{font-family:SBAggroB;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff) format("woff");font-weight:300}@font-face{font-family:SBAggroB;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff) format("woff");font-weight:500}@font-face{font-family:SBAggroB;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");font-weight:700}html,body{touch-action:manipulation;-webkit-touch-callout:none;-webkit-text-size-adjust:none}.vue-devtools__panel{display:none!important}.section{position:relative;width:100vw;height:100dvh;background-color:#000;font-family:SBAggroB,sans-serif;line-height:1;letter-spacing:0;font-weight:300;color:#fff;white-space:pre-line}.section img{display:block;width:100%}.section iframe{width:100%;height:100%;border:none;-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.section span{display:inline-block}.section button{color:#fff;touch-action:manipulation}.section input[type=text]{border:none;outline:none;padding:0;margin:0;background-color:transparent;caret-color:#888}.section input[type=text]:invalid{border:none;border-color:transparent}.section .mo-only{display:none}.section .container{position:relative;width:100%;max-width:1600px;min-width:721px;height:100%;margin-left:auto;margin-right:auto;padding:clamp(31.54375px,0px + 4.375vw,70px)}.section header{position:absolute;top:0;left:0;margin-top:clamp(31.54375px,0px + 4.375vw,70px);margin-left:clamp(18.025px,0px + 2.5vw,40px)}.section .logo{width:clamp(49.56875px,0px + 6.875vw,110px)}.section .content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:clamp(34.698125px,0px + 4.8125vw,77px);text-align:center}.section .content--py{padding-bottom:clamp(34.698125px,0px + 4.8125vw,77px)}.section .content--pn{padding-top:0;padding-bottom:0}.section .title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4.50625px,0px + .625vw,10px);font-size:clamp(21.63px,0px + 3vw,48px);line-height:1.3333333333;text-align:center}.section .title--l{font-size:clamp(22.53125px,0px + 3.125vw,50px);line-height:1.4}.section .detail{display:flex;flex-direction:column;align-items:center;margin-top:clamp(22.53125px,0px + 3.125vw,50px)}.section .rounded-btn{font-size:clamp(18.025px,0px + 2.5vw,40px);font-weight:500;border:clamp(.90125px,0px + .125vw,2px) solid #fff;border-radius:clamp(22.53125px,0px + 3.125vw,50px);padding:clamp(6.30875px,0px + .875vw,14px) clamp(14.42px,0px + 2vw,32px) clamp(2.70375px,0px + .375vw,6px)}.section .obj{width:clamp(54.075px,0px + 7.5vw,120px);margin-top:clamp(31.54375px,0px + 4.375vw,70px);animation:upDown 2s ease-in-out infinite}.section .start-btn{position:relative;margin-top:clamp(36.05px,0px + 5vw,80px);padding-right:clamp(15.32125px,0px + 2.125vw,34px);font-size:clamp(22.53125px,0px + 3.125vw,50px);font-weight:500}.section .start-btn:after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-60%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAtCAYAAABbAsDYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADFSURBVHgB7dffDYMgEMfxX5yAERiBETpCN6iblE3sJh3BERiBEa7QkGgJD425O0L0m1zUFz7y4h9AMyIyadY0N0iUFrYFyMU0DoxNu3OzO765oW9lN4G28o4suGtAQRKKGpC7oKPQTL9lyIC7BrQOD/le0AKJTgE9IZEm9DoHNIG3UF3fwVm66wdJPg16AIEbcA3AgiuSfmtqAFYDCJpA1AD4Psh7AMQNmAYwgyvafu0GBQpSAx6cpQWXC/gH8aJABXmM2gfyTUQgXnOX8AAAAABJRU5ErkJggg==) no-repeat center/cover;width:clamp(9.0125px,0px + 1.25vw,20px);height:clamp(16.673125px,0px + 2.3125vw,37px)}.section .input-box{border-bottom:clamp(.450625px,0px + .0625vw,1px) solid #fff}.section .input-box>input{width:clamp(225.3125px,0px + 31.25vw,500px);padding:clamp(3.605px,0px + .5vw,8px);font-size:clamp(18.025px,0px + 2.5vw,40px);color:#888;text-align:center}.section .info{margin-top:clamp(10.815px,0px + 1.5vw,24px);font-size:clamp(10.815px,0px + 1.5vw,24px);color:#2eae16}.section .submit-btn{margin-top:clamp(18.025px,0px + 2.5vw,40px)}.section .options{display:flex;flex-direction:column;justify-content:center;gap:clamp(11.71625px,0px + 1.625vw,26px);padding:0 clamp(18.025px,0px + 2.5vw,40px)}.section .option-btn{padding:clamp(11.71625px,0px + 1.625vw,26px) clamp(10.815px,0px + 1.5vw,24px) clamp(8.11125px,0px + 1.125vw,18px);border:clamp(.450625px,0px + .0625vw,1px) solid #fff;border-radius:clamp(7.21px,0px + 1vw,16px);font-size:clamp(16.2225px,0px + 2.25vw,36px);line-height:1.3888888889;font-weight:300;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.section .option-btn:active{background-color:#ffffff80;-webkit-appearance:none}.section .progress{display:flex;justify-content:center;align-items:center;gap:clamp(2.70375px,0px + .375vw,6px);transform:translateY(clamp(-80px,(0px + 5vw) * -1,-36.05px));width:clamp(180.25px,0px + 25vw,400px);height:clamp(2.70375px,0px + .375vw,6px);justify-self:start}.section .progress-bar{position:relative;flex:1;height:100%;background-color:#ffffff4d}.section .progress-bar:after{content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;transition:.3s width}.section .progress-bar.active:after{width:100%}.section .sound{display:flex;flex-direction:column;align-items:center}.section .sound-wave{display:flex;justify-content:center;align-items:center;gap:clamp(2.70375px,0px + .375vw,6px);height:clamp(37.8525px,0px + 5.25vw,84px)}.section .bar{display:block;width:clamp(4.50625px,0px + .625vw,10px);height:clamp(37.8525px,0px + 5.25vw,84px);border-radius:clamp(2.253125px,0px + .3125vw,5px);background:#fff;transition:height .5s;animation:soundWave 0ms -.5s linear infinite alternate}.section .bar:nth-child(1){animation-name:soundWave4;animation-duration:574ms}.section .bar:nth-child(2){animation-name:soundWave2;animation-duration:533ms}.section .bar:nth-child(3){animation-name:soundWave5;animation-duration:507ms}.section .bar:nth-child(4){animation-name:soundWave1;animation-duration:558ms}.section .bar:nth-child(5){animation-name:soundWave3;animation-duration:.5s}.section .bar:nth-child(6){animation-name:soundWave5;animation-duration:527ms}.section .bar:nth-child(7){animation-name:soundWave2;animation-duration:541ms}.section .bar:nth-child(8){animation-name:soundWave4;animation-duration:519ms}.section .bar:nth-child(9){animation-name:soundWave1;animation-duration:587ms}.section .bar:nth-child(10){animation-name:soundWave3;animation-duration:542ms}.section .bar:nth-child(11){animation-name:soundWave5;animation-duration:.5s}.section .bar:nth-child(12){animation-name:soundWave2;animation-duration:568ms}@keyframes soundWave1{0%{opacity:.35;height:clamp(10.815px,0px + 1.5vw,24px)}to{opacity:1;height:clamp(21.63px,0px + 3vw,48px)}}@keyframes soundWave2{0%{opacity:.35;height:clamp(13.51875px,0px + 1.875vw,30px)}to{opacity:1;height:clamp(24.33375px,0px + 3.375vw,54px)}}@keyframes soundWave3{0%{opacity:.35;height:clamp(16.2225px,0px + 2.25vw,36px)}to{opacity:1;height:clamp(29.74125px,0px + 4.125vw,66px)}}@keyframes soundWave4{0%{opacity:.35;height:clamp(18.92625px,0px + 2.625vw,42px)}to{opacity:1;height:clamp(32.445px,0px + 4.5vw,72px)}}@keyframes soundWave5{0%{opacity:.35;height:clamp(27.0375px,0px + 3.75vw,60px)}to{opacity:1;height:clamp(37.8525px,0px + 5.25vw,84px)}}.section .sound-logo{width:clamp(76.60625px,0px + 10.625vw,170px);margin-top:clamp(7.21px,0px + 1vw,16px)}.section .user-name{font-weight:500}.section .img-box{display:flex;justify-content:center;align-items:center;gap:clamp(15.32125px,0px + 2.125vw,34px);margin-top:clamp(9.0125px,0px + 1.25vw,20px)}.section .img-thumb{width:clamp(180.25px,0px + 25vw,400px);height:clamp(101.84125px,0px + 14.125vw,226px);border:1px solid #424242}.section .img-code{width:clamp(101.84125px,0px + 14.125vw,226px);border:1px solid #fff}.section .desc{margin-top:clamp(13.51875px,0px + 1.875vw,30px);font-size:clamp(18.92625px,0px + 2.625vw,42px);line-height:1.2380952381}.section .reset-btn{margin-top:clamp(22.53125px,0px + 3.125vw,50px)}@media screen and (max-width: 720px){.section .mo-only{display:block}.section .container{width:100%;max-width:720px;min-width:100%;padding:clamp(18.025px,0px + 2.5vw,40px) clamp(13.51875px,0px + 1.875vw,30px)}.section header{margin-top:clamp(18.025px,0px + 2.5vw,40px);margin-left:clamp(18.025px,0px + 2.5vw,40px)}.section .logo{width:clamp(58.58125px,0px + 8.125vw,130px)}.section .content{padding-top:clamp(37.8525px,0px + 5.25vw,84px);padding-bottom:clamp(37.8525px,0px + 5.25vw,84px)}.section .content--py{padding-bottom:clamp(37.8525px,0px + 5.25vw,84px)}.section .title{gap:clamp(4.50625px,0px + .625vw,10px);font-size:clamp(22.53125px,0px + 3.125vw,50px);line-height:1.36}.section .detail{margin-top:clamp(27.0375px,0px + 3.75vw,60px)}.section .rounded-btn{font-size:clamp(21.63px,0px + 3vw,48px);padding:clamp(9.0125px,0px + 1.25vw,20px) clamp(14.42px,0px + 2vw,32px) clamp(2.70375px,0px + .375vw,6px)}.section .obj{width:clamp(63.0875px,0px + 8.75vw,140px);margin-top:clamp(36.05px,0px + 5vw,80px)}.section .start-btn{margin-top:clamp(36.05px,0px + 5vw,80px);padding-right:clamp(12.6175px,0px + 1.75vw,28px);font-size:clamp(23.4325px,0px + 3.25vw,52px)}.section .start-btn:after{width:clamp(6.759375px,0px + .9375vw,15px);height:clamp(14.42px,0px + 2vw,32px)}.section .input-box>input{width:clamp(234.325px,0px + 32.5vw,520px);padding:clamp(3.605px,0px + .5vw,8px);font-size:clamp(18.92625px,0px + 2.625vw,42px)}.section .info{font-size:clamp(14.42px,0px + 2vw,32px)}.section .options{gap:clamp(11.71625px,0px + 1.625vw,26px);padding:0 clamp(18.025px,0px + 2.5vw,40px)}.section .option-btn{padding:clamp(11.71625px,0px + 1.625vw,26px) clamp(10.815px,0px + 1.5vw,24px) clamp(8.11125px,0px + 1.125vw,18px);font-size:clamp(18.92625px,0px + 2.625vw,42px);line-height:1.2380952381}.section .progress{width:clamp(153.2125px,0px + 21.25vw,340px)}.section .sound{transform:scale(1.2)}.section .img-box{flex-wrap:wrap;gap:clamp(13.51875px,0px + 1.875vw,30px);margin-top:clamp(9.0125px,0px + 1.25vw,20px)}.section .img-thumb{width:clamp(171.2375px,0px + 23.75vw,380px);height:clamp(98.23625px,0px + 13.625vw,218px)}.section .img-code{width:clamp(98.23625px,0px + 13.625vw,218px)}.section .desc{margin-top:clamp(18.025px,0px + 2.5vw,40px);font-size:clamp(18.025px,0px + 2.5vw,40px);line-height:1.25}.section .reset-btn{margin-top:clamp(45.0625px,0px + 6.25vw,100px)}}@keyframes upDown{0%,to{transform:translateY(0)}50%{transform:translateY(clamp(4.50625px,0px + .625vw,10px))}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}