:root{--background-color: #121212;--text-color: #bbb;--light-text-color: #ffeaea;--border-color: #787878;--primary: #86c8f7}@font-face{font-family:"Cafe24Oneprettynight";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff) format("woff");font-weight:normal;font-style:normal}a,article,aside,audio,blockquote,body,button,canvas,code,div,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,summary,sup,table,tbody,td,textarea,time,ul,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;background:0;outline:0;color:inherit}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}picture{display:inline-block}body{line-height:1;-webkit-text-size-adjust:none;overflow-x:hidden;word-break:break-all}li,ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}br{color:transparent}a{text-decoration:none}*,::after,::before{box-sizing:border-box;scrollbar-width:thin;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px;background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}html{background:var(--background-color);color:var(--text-color);overflow-x:hidden}body{margin:0;font-family:"Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root,.center-container{height:100%}#main{min-height:100%;padding-bottom:100px}button{cursor:pointer}.center-container{display:flex;justify-content:center;align-items:center;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:bold}.small-button,.large-button,.large-button::before{border:1px solid var(--border-color);border-radius:2px}.small-button{padding:0 10px}.large-button{position:relative;padding:12.5px 40px;cursor:pointer}.large-button::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:block}.large-button:hover::before{transform:scale(1.2);opacity:0;transition:transform .25s ease-in-out,opacity .25s ease-in-out}.large-button>i{margin-right:5px}.large-button.large-button--fancy{border:1px solid var(--primary);color:var(--primary);transition:color .25s ease-in-out,background-color .25s ease-in-out}.large-button.large-button--fancy::before{display:none}.large-button.large-button--fancy:hover{background-color:var(--primary);color:var(--background-color)}.done__title{margin-bottom:5vh;font-family:"Cafe24Oneprettynight",cursive;text-align:center;font-size:2.5rem}.done__info{margin-top:-2.5vh;margin-bottom:2.5vh;line-height:1.7;font-size:1.3rem;text-align:center}.done__buttons{display:flex}.done__button{display:inline-block;padding:10px;border:2px solid var(--border-color);border-radius:50%;cursor:pointer}.done__button:not(:last-child){margin-right:10px}.done__button>svg{display:block;width:24px;height:24px;fill:var(--text-color)}.toast-container{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;padding:30px 10px;justify-content:center;align-items:flex-end;pointer-events:none}.toast{padding:15px 20px;transform:translate3d(0,10px,0);border-radius:30px;overflow:hidden;font-size:.8rem;opacity:0;transition:opacity .5s,transform .5s;background:rgba(0,0,0,.35);color:#fff;z-index:10000}.toast.reveal{opacity:1;transform:translate3d(0,0,0)}[type=checkbox]:not(:checked),[type=checkbox]:checked{position:absolute;left:0;opacity:.01}[type=checkbox]:not(:checked)+label,[type=checkbox]:checked+label{position:relative;padding-left:2em;line-height:1.7;cursor:pointer}[type=checkbox]:not(:checked)+label:before,[type=checkbox]:checked+label:before{content:"";position:absolute;left:0;top:.08em;width:1.3em;height:1.3em;border:.1em solid #aaa;background:var(--background-color);border-radius:.2em;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 rgba(134,200,247,.2);transition:transform .275s,box-shadow .275s}[type=checkbox]:not(:checked)+label:after,[type=checkbox]:checked+label:after{content:"✕";position:absolute;top:.625em;left:.25em;font-size:1em;color:var(--primary);line-height:0;transition:transform .2s,box-shadow .2s}[type=checkbox]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg)}[type=checkbox]:checked+label:after{opacity:1;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}[type=checkbox]:disabled:not(:checked)+label:before,[type=checkbox]:disabled:checked+label:before{box-shadow:none;border-color:#bbb;background-color:#e9e9e9}[type=checkbox]:disabled:checked+label:after{color:#777}[type=checkbox]:disabled+label{color:#aaa}[type=checkbox]:checked:focus+label:before,[type=checkbox]:not(:checked):focus+label:before{box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 6px rgba(134,200,247,.2)}@keyframes reveal{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.admin{max-width:700px;margin:0 auto;padding:10px 10px 100px 10px}.admin>h2{font-size:2.5rem;margin-bottom:2rem}.admin__user{position:relative}.admin__user::before{content:"";position:absolute;top:.5rem;left:.5rem;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='%23bbb'%3E%3Cpath d='M324.7 147.5c0 2-1 4.3-2.5 5.8L205.7 269.8c-1.5 1.5-3.8 2.5-5.8 2.5s-4.3-1-5.8-2.5L77.7 153.3c-1.5-1.5-2.5-3.8-2.5-5.8s1-4.3 2.5-5.8l12.5-12.5c1.5-1.5 3.5-2.5 5.8-2.5 2 0 4.3 1 5.8 2.5l98.3 98.3 98.2-98.3c1.5-1.5 3.8-2.5 5.8-2.5s4.3 1 5.8 2.5l12.5 12.5c1.3 1.6 2.3 3.8 2.3 5.8z'/%3E%3C/svg%3E");background-size:1rem 1rem;background-position:center center;background-repeat:no-repeat;transition:transform .25s ease-in-out}.admin__user[open]::before{transform:rotate(-180deg)}.admin__user>summary{padding:.5rem .5rem .5rem 2rem;font-size:1.5rem;list-style:none}.admin__user>summary::-webkit-details-marker{display:none}.admin__user:not(:last-child)>summary{margin-bottom:1rem}.admin__user[open]>.admin__user__container{animation:reveal .5s}.admin__user__container>h2{margin-bottom:1rem;font-size:1.3rem;line-height:2}.admin__user__last-test{display:flex;margin-bottom:1rem;justify-content:space-between;flex-wrap:wrap;line-height:1.7}.admin .react-calendar{background:rgba(200,200,200,.1);border-radius:5px}.admin--words>div{margin:10px 0}.admin--words>textarea{display:block;width:100%;padding:10px;margin:10px 0;background:rgba(200,200,200,.1);border-radius:5px;resize:none;font-size:16px;line-height:2}.admin__options>h3{font-size:1.5rem;margin-bottom:1rem;line-height:2}.admin__options>div{line-height:1.7;margin-bottom:1rem}.admin__options>div>input[type=number]{display:block;background:rgba(200,200,200,.1);border-radius:5px;padding:5px}.admin__nav{position:fixed;left:50%;bottom:20px;padding:10px 20px;background:rgba(0,0,0,.5);border-radius:5px;transform:translateX(-50%);-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%)}.admin__nav::before{content:"";position:absolute;display:block;width:44px;height:44px;top:10px;left:20px;background:rgba(120,120,120,.25);border-radius:50%;transition:transform .25s ease-in-out;pointer-events:none}.admin--words>.admin__nav::before{transform:translate3d(54px,0,0)}.admin--test>.admin__nav::before{transform:translate3d(108px,0,0)}.admin__nav>button{display:inline-block;padding:10px}.admin__nav>button:not(:last-child){margin-right:10px}.admin__nav svg{display:block;fill:var(--text-color)}.front:not(.front--user){display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column}.front__title{margin-bottom:3rem;font-family:"Cafe24Oneprettynight",cursive;font-size:3rem}.front__buttons{display:flex;flex-direction:column;margin-bottom:3rem}.front__buttons>.large-button:not(:last-child){margin-bottom:15px}.front--user{width:100%}.front__banner{display:flex;height:15rem;flex-direction:column;justify-content:center;align-items:center;background:var(--primary);color:var(--background-color)}.front__banner>svg{fill:var(--background-color)}.front__banner__content{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;align-items:center}.front__banner__content>.profile,.front__banner__content img{display:block;width:80px;height:80px;border-radius:50%;overflow:hidden}.front__banner__content>.profile{background-color:var(--background-color);margin-bottom:20px}.front__banner__content img{object-fit:cover}.front__banner__content h1{font-family:"Cafe24Oneprettynight",cursive;font-size:1.5rem;padding:0 10px}.front__board{max-width:700px;padding:10px;margin:0 auto}.front__board__nav{margin-bottom:30px}.front__board__nav>a{display:block;text-align:center;margin-bottom:10px}.front__board h2{margin-bottom:10px;font-size:1.3rem;line-height:2}.front__board h2:not(:first-child){margin-top:10px}.front__board>div{line-height:2}.front__loading{display:flex;justify-content:center;align-items:center}.front__small-text{margin-top:10px;text-align:center;font-size:.8rem}.memorize__hidden{opacity:0}.memorize__hidden.reveal{opacity:1}.memorize__word>div,.memorize__meaning{max-width:680px;margin:auto}.memorize__word{font-size:2.5rem;padding:5px 10px;line-height:2;border-bottom:2px solid var(--border-color);margin-bottom:10px}.memorize__meaning>li{padding:5px;list-style:inside decimal;font-size:1.5rem}.memorize__aware{position:fixed;bottom:20px;left:50%;display:inline-flex;justify-content:center;align-items:center;padding:5px 15px;border:1px solid var(--border-color);border-radius:2rem;transform:translate3d(-50%,0,0)}.memorize__aware>svg{display:block;margin-right:5px}html.aware .memorize__aware>svg{fill:greenyellow}.sign{display:flex;width:clamp(0px,18.75rem,90vw);height:100%;margin:auto;flex-direction:column;justify-content:center}.sign>h1{font-family:"Cafe24Oneprettynight",cursive;font-size:3rem;margin-bottom:2rem;text-align:center}.sign>label{display:flex;flex-direction:column-reverse}.sign>label>span{margin-bottom:.5rem;transform:translate3d(.195rem,2.095rem,0);font-size:.85rem;pointer-events:none;transition:transform .25s cubic-bezier(.075,.82,.165,1)}.sign>label>input{margin-bottom:.4rem;padding:.5rem .2rem;background-color:#fff3;line-height:1;border-radius:.2rem}.sign>label>input::placeholder{color:transparent;user-select:none}.sign>label>input:focus+span,.sign>label>input:not(:placeholder-shown)+span{transform:translate3d(0,0,0)}.sign__submit{display:block;padding:.5rem 1rem;margin:3rem auto 0 auto;background:var(--primary);color:var(--background-color);border-radius:.2rem}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes time-limit{0%{transform:scale3d(1,1,1);background:#33b300}to{transform:scale3d(0,1,1);background:#d00000}}.question{display:flex;width:clamp(1px,calc(100% - 20px),700px);height:100%;padding:10px;margin:0 auto;flex-direction:column;justify-content:center;text-align:center}.question__time-limit{position:fixed;top:0;left:0;width:100%;height:5px}.question__time-limit.animating{animation:time-limit 5s linear forwards}.question__meaning{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 0;font-size:2rem;font-weight:bold;line-height:2}.question__sentence{display:flex;justify-content:center;align-items:center;flex:1 1 0;font-size:1.2rem;line-height:1.7rem}.question__sentence span:not(:last-child){margin-right:5px}.question__sentence .blank{display:inline-block;width:4.5rem;height:1.7rem;border-bottom:2px solid var(--text-color)}.question__meaning>li{list-style:inside disc;word-break:keep-all}.question__words{display:flex;flex-direction:column}.question__words>.large-button:not(:last-child){margin-bottom:1rem}.question__words>.large-button::before{transform:none}.question__words>.large-button.clicked,.question__words>.large-button.clicked::before{border-color:#d00000;color:#d00000}.question__words>.large-button.answer,.question__words>.large-button.answer::before{border-color:#33b300;color:#33b300}.question:not(.question--show-correct)>.question__words>.large-button.clicked,.question:not(.question--show-correct)>.question__words>.large-button.clicked::before{border-color:var(--primary);color:var(--primary)}.words{max-width:680px;margin:auto;padding:10px 0 70px 0}.words>h1{font-size:2rem;margin-bottom:2rem;text-align:center}.table{display:flex;grid-template-columns:1fr 1fr;flex-wrap:wrap}.table__title{background:var(--text-color);color:var(--background-color);font-weight:bold}.table>div,.table>ul{width:50%;padding:10px;line-height:2;border:1px solid var(--border-color)}.table>div.aware{background:rgba(89,255,0,.2)}.table li{list-style:inside disc}.table button{display:inline-flex;align-items:center;margin-left:10px;transform:translateY(.45rem)}.table svg{fill:var(--text-color);pointer-events:none}.words__button{position:fixed;bottom:10px;right:10px;display:flex;width:50px;height:50px;justify-content:center;align-items:center;background:rgba(0,0,0,.2);border-radius:50%;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%)}.words__button>svg{display:block;width:20px;height:20px;fill:var(--text-color)}.react-calendar{max-width:680px;text-align:center;line-height:2}.react-calendar__navigation{padding:15px 0}.react-calendar__navigation__arrow{padding:10px}.react-calendar__tile{padding:20px 10px}.react-calendar__month-view__days__day{display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:column}.react-calendar__month-view__weekdays__weekday:nth-child(6){color:#a3a8ff}.react-calendar__month-view__weekdays__weekday:nth-child(7){color:#ff8f8f}.react-calendar__month-view__weekdays__weekday>abbr{text-decoration:none}.react-calendar__tile--active{background:rgba(0,0,0,.35)}.react-calendar__month-view__days__day{position:relative}.react-calendar__month-view__days__day>abbr{font-weight:700}.react-calendar__month-view__days__day>div{font-size:.8rem}.react-calendar__month-view__days__day>div.fail{color:#ff8f8f}.react-calendar__month-view__days__day>div>svg{position:absolute;display:block;top:0;left:0;width:100%;height:100%;padding:10px;pointer-events:none;object-fit:contain;z-index:-1}.react-calendar__month-view__days__day--neighboringMonth>abbr{color:var(--border-color);font-weight:400}