*{box-sizing:border-box}body{color:#fff;background-color:#131321;min-width:100vw;margin:0;padding:1rem;font-family:Montserrat,sans-serif}body:has(nav){padding-bottom:7rem}body>#app{height:100%}h1{color:#fff;text-align:center;font-size:1.5rem;font-weight:900}h2{color:#fff;font-size:1.33rem;font-weight:900}h3{color:#fff;font-size:1.25rem}svg.lucide{width:1em;height:1em}.container{padding:1rem}a{color:#fff;text-decoration:none}a.link{color:#41b883;text-decoration:underline}.field-wrapper label{opacity:.7;color:#fff!important}.field-wrapper input,.field-wrapper select{border:1px solid #dadad5;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.5rem 1.5rem;font-size:1rem;line-height:1.5rem}nav{box-sizing:border-box;z-index:5;filter:drop-shadow(0 -.25rem .5rem #0000001a);color:#f5f5f5;background-color:#201f2d;justify-content:space-around;width:100%;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}nav a{color:#fff;opacity:.7;flex-direction:column;flex:0 0 33%;justify-content:center;align-items:center;font-size:2rem;display:flex}nav a.router-link-active{color:#41b883;opacity:1}nav a span{color:currentColor;opacity:.7;text-transform:uppercase;font-size:.75rem}header{max-height:100vh;line-height:1.5}.logo{margin:0 auto 2rem;display:block}@media (width>=1024px){header{padding-right:calc(var(--section-gap) / 2);place-items:center;display:flex}.logo{margin:0 2rem 0 0}header .wrapper{flex-wrap:wrap;place-items:flex-start;display:flex}}.popup-overlay[data-v-ff71e6a7]{z-index:1000;background:#00000073;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-container[data-v-ff71e6a7]{flex-direction:column;align-items:flex-end;width:fit-content;display:flex}.popup[data-v-ff71e6a7]{background:#2f2e40;border-radius:16px;max-width:90vw;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0003}.popup-header[data-v-ff71e6a7]{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.btn-close[data-v-ff71e6a7]{margin:.5rem;font-size:20px}.popup-content[data-v-ff71e6a7]{width:100%}.kanji-preview{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.kanji-preview h3{margin:0;font-size:3.5rem;line-height:4rem}.kanji-preview p{margin:0}.field-wrapper{margin-bottom:1.5rem}.field-wrapper label{color:#131321}.field-wrapper input,.field-wrapper select{border:1px solid #dadad5;border-radius:1rem;width:100%;margin-top:.5rem;padding:.5rem 1.5rem;font-size:1rem}.modal-actions{display:flex}.toast[data-v-e3b40d6c]{z-index:1;color:#131321;border:2px solid #2f2e40;border-radius:.5rem;align-items:center;width:calc(100% - 2rem);margin:1.5rem 0;padding:1.5rem;font-size:1rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 5px 15px 10px #00000026}.toast--info[data-v-e3b40d6c]{background:#e8f6ff}.toast--info i[data-v-e3b40d6c],.toast--info svg[data-v-e3b40d6c]{color:#1ea2f9}.toast--success[data-v-e3b40d6c]{background:#eefaf6}.toast--success i[data-v-e3b40d6c],.toast--success svg[data-v-e3b40d6c]{color:#5ec695}.toast--warning[data-v-e3b40d6c]{background:#fff9ed}.toast--warning i[data-v-e3b40d6c],.toast--warning svg[data-v-e3b40d6c]{color:#ffb64a}.toast--error[data-v-e3b40d6c]{background:#ffeded}.toast--error i[data-v-e3b40d6c],.toast--error svg[data-v-e3b40d6c]{color:#ea3932}.toast i[data-v-e3b40d6c],.toast svg[data-v-e3b40d6c]{aspect-ratio:1;background:#fff;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:fit-content;margin-right:1rem;padding:.5rem;font-size:3rem;display:flex}.toast--close[data-v-e3b40d6c]{position:absolute;top:0;right:0}.toast--close i[data-v-e3b40d6c],.toast--close svg[data-v-e3b40d6c]{color:#131321;background-color:#0000;margin-right:0;font-size:2.25rem}.toast-enter-active[data-v-e3b40d6c],.toast-leave-active[data-v-e3b40d6c]{transition:all .25s}.toast-enter-from[data-v-e3b40d6c],.toast-leave-to[data-v-e3b40d6c]{opacity:0;transform:translate(-50%,-20px)}.card{background:#2f2e40;border-radius:12px;align-items:center;width:100%;padding:1rem;transition:all .2s;display:flex;position:relative}.card:hover{cursor:pointer;transform:translateY(-3px)}.card .icon{color:#41b883;margin-right:1rem;font-size:2.5rem}.card .card-details h3{margin:0 0 .25rem}.card .card-details p{opacity:.7;margin:0}.card .icon-toggle{font-size:1.5rem;position:absolute;top:1rem;right:1rem}.card .icon-toggle.toggle-true{color:#399f6f}.card .icon-toggle.toggle-false{opacity:.7}h1[data-v-ba9b01ed]{font-size:2rem}.quizz[data-v-ba9b01ed]{color:#131321;background:linear-gradient(135deg,#41b883 0%,#8afbc6 100%);border-radius:1rem;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem;font-size:1.25rem;display:flex}.quizz .btn[data-v-ba9b01ed]{color:#fff;margin:unset;background:#2f2e40}.grid[data-v-ba9b01ed]{flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:1rem;display:flex}.grid .btn .icon[data-v-ba9b01ed]{margin:0;font-size:2rem}.auth-page{flex-direction:column;justify-content:center;height:calc(100vh - 2rem);margin-top:-4rem;display:flex}.auth-page h1{margin-bottom:2rem}.auth-page .auth-wrapper{background-color:#2f2e40;border-radius:1rem;margin-bottom:1rem;padding:2rem}.auth-page .auth-wrapper~p{text-align:center}