@import "https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&family=Audiowide&family=Pacifico&display=swap";.neon-button{border-radius:6px;transition:all .6s ease-out;position:relative;overflow:hidden}.neon-button:hover,.neon-button.hover{background:var(--color-primary-white);box-shadow:0 0 5px var(--color-primary-white), 0 0 25px var(--color-primary-white), 0 0 50px var(--color-primary-white), 0 0 100px var(--color-primary-white);border-radius:15px}:is(.neon-button:hover,.neon-button.hover)>button{color:var(--color-primary-black)}:is(.neon-button:hover,.neon-button.hover)>button svg{fill:var(--color-primary-black)}.neon-button>button{color:inherit;cursor:pointer;letter-spacing:4px;background-color:#0000;border:none;padding:10px}.neon-button>span{position:absolute}.neon-button>span:first-child{background:linear-gradient(90deg, transparent, var(--color-primary-white-a20));width:100%;height:2px;animation:1s linear infinite btn-anim1;top:0;left:-100%}.neon-button>span:nth-child(2){background:linear-gradient(180deg, transparent, var(--color-primary-white-a20));width:2px;height:100%;animation:1s linear .25s infinite btn-anim2;top:-100%;right:0}.neon-button>span:nth-child(3){background:linear-gradient(270deg, transparent, var(--color-primary-white-a20));width:100%;height:2px;animation:1s linear .5s infinite btn-anim3;bottom:0;right:-100%}.neon-button>span:nth-child(4){background:linear-gradient(360deg, transparent, var(--color-primary-white-a20));width:2px;height:100%;animation:1s linear .75s infinite btn-anim4;bottom:-100%;left:0}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.neon-font{animation:1.5s ease-in-out infinite alternate NeonAnimation}.neon-font svg{filter:drop-shadow(0 0 calc(2px * var(--neon-size)) var(--neon-color-start)) drop-shadow(0 0 calc(8px * var(--neon-size)) var(--neon-color-end))}@keyframes NeonAnimation{0%{text-shadow:0 0 calc(10px * var(--neon-size)) var(--neon-color-start), 0 0 calc(20px * var(--neon-size)) var(--neon-color-start), 0 0 calc(30px * var(--neon-size)) var(--neon-color-start), 0 0 calc(40px * var(--neon-size)) var(--neon-color-end), 0 0 calc(70px * var(--neon-size)) var(--neon-color-end), 0 0 calc(80px * var(--neon-size)) var(--neon-color-end), 0 0 calc(90px * var(--neon-size)) var(--neon-color-end), 0 0 calc(150px * var(--neon-size)) var(--neon-color-end)}to{text-shadow:0 0 calc(5px * var(--neon-size)) var(--neon-color-start), 0 0 calc(10px * var(--neon-size)) var(--neon-color-start), 0 0 calc(15px * var(--neon-size)) var(--neon-color-start), 0 0 calc(20px * var(--neon-size)) var(--neon-color-end), 0 0 calc(35px * var(--neon-size)) var(--neon-color-end), 0 0 calc(40px * var(--neon-size)) var(--neon-color-end), 0 0 calc(50px * var(--neon-size)) var(--neon-color-end), 0 0 calc(75px * var(--neon-size)) var(--neon-color-end)}}.main-button{animation-name:loadEffect1,loadEffect2;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:none;animation-timeline:auto}@keyframes loadEffect1{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes loadEffect2{0%{pointer-events:none}to{pointer-events:none}}.neon-div{border:2px solid var(--neon-color);filter:brightness(120%);box-shadow:0 0 0 2px #0003 inset, 0 0 0 2px #0003, 0 0 calc(16px * var(--neon-size)) var(--neon-color) inset, 0 0 calc(16px * var(--neon-size)) var(--neon-color);border-radius:12px}.section-client{height:var(--main-section-height)}.section-client>div{outline:none;width:100%;height:100%}.section-client>div div:before{content:"\a > "}.section-client>div:not(:empty):before{content:"$ Interviewee\a \a > "}.section-client>div:empty:before{content:attr(data-placeholder);opacity:.5}.section-client>div:after{content:"";cursor:text;height:var(--main-section-padding);display:block}.section-config{height:calc(var(--main-section-height) * 1.5)}.section-config>div{letter-spacing:4px}.section-config>div>div:first-child{justify-content:space-between;margin-bottom:20px;display:flex}.section-config>div>div:nth-child(2){margin-top:20px}.button-count{margin:0 20px;display:flex}.button-count.off{color:var(--color-primary-black)}.button-count>label{cursor:pointer;justify-content:space-between;width:100%;display:flex}.button-count>label>input[type=button]{display:none}.checkbox{margin:0 20px}.checkbox>label{cursor:pointer}.checkbox>label>input[type=checkbox]{display:none}.checkbox>label>input[type=checkbox]+span{color:var(--color-primary-black)}.checkbox>label>input[type=checkbox]:checked+span{color:var(--color-primary-white)}.section-server{height:var(--main-section-height)}.section-server.wide{height:600px}.section-server>.ref{height:calc(var(--main-section-height) * .75)}.section-server .cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.title{z-index:100;pointer-events:none;position:sticky;top:0}.title>.mock{margin-bottom:15px;margin-left:0;animation:2s ease-in-out loadEffect3;transform:rotate(-10deg)}.title>.interview{text-align:center;margin-left:30px;animation:4s ease-in-out loadEffect4}@keyframes loadEffect3{0%{opacity:0}to{opacity:1}}@keyframes loadEffect4{0%{opacity:0}50%{opacity:0}to{opacity:1}}#app{background:var(--color-background) 0 / 15px 20px;width:100%;height:100%;color:var(--color-primary-white);grid-template-columns:var(--grid-width) 1fr var(--grid-width);grid-template-rows:var(--grid-height) 1fr var(--grid-height);display:grid}#app>.header-l{grid-area:1/1/2/2}#app>.header-r{grid-area:1/3/2/4}#app>.footer-l{grid-area:3/1/4/2}#app>.footer-r{grid-area:3/3/4/4}#app>.timer{grid-area:3/2/4/3}#app>main.main{grid-area:1/2/4/3}@layer Reset{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body{width:100%;height:100%;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}}.custom-flex-center{justify-content:center;align-items:center;display:flex}.custom-scrollbar{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{display:none}.custom-main-others{width:var(--main-section-width);margin:20px auto}.custom-main-section{width:var(--main-section-width);padding:var(--main-section-padding);margin:40px auto;line-height:1.5}.custom-main-section-bash{background-color:var(--color-background-dark);font-family:var(--font-ngc);white-space:pre-line}.custom-invisible-section{pointer-events:none;opacity:0;height:0;padding:0 var(--main-section-padding);margin:0 auto;border-width:0!important}.opacity-0{opacity:0}.transition{transition:all 2s ease-in-out}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}:root{--color-primary-white:#fff;--color-primary-white-a20:#ffffff20;--color-primary-black:#1d212b;--color-background:repeating-linear-gradient(135deg, #202020 0%, #2b2b2b 10%, #202020 0%, #222 50%);--color-background-dark:#0e0e0e;--font-ngc:"Nanum Gothic Coding";--grid-width:80px;--grid-height:80px;--main-section-width:620px;--main-section-height:max(150px, 20vh);--main-section-padding:40px}