@import"https://fonts.googleapis.com/css2?family=Itim&display=swap";*{font-family:Itim,Arial,Helvetica,sans-serif;color:#000;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body,#root{background-color:#9cbce2;margin:0;padding:0;height:100%;width:100vw;overflow:hidden;position:absolute;top:0;left:0}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.text-hover{text-shadow:0 1px 2px #666;display:flex;justify-content:center;position:relative;color:#000;font-size:4vw;text-decoration:none}.text-hover:before{content:"";bottom:0;position:absolute;width:100%;border-bottom:solid 2px;transition:.2s}.text-hover:hover:before{width:80%}@keyframes clouds{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}@keyframes clouds_move1{35%{transform:translate(-100%)}35.1%{transform:translate(-50%) translateY(-200%)}35.2%{transform:translate(100vw) translateY(-200%)}35.3%{transform:translate(100vw) translateY(0)}to{transform:translate(0) translateY(0)}}@keyframes clouds_move2{65%{transform:translate(-100vw) translateY(0)}65.1%{transform:translate(-100vw) translateY(-20vh)}65.2%{transform:translate(20vh) translateY(-20vh)}65.2%{transform:translate(20vh) translateY(0)}to{transform:translate(0) translateY(0)}}.router{height:100%;transition:.5s}.router .config{z-index:2;background-color:transparent;position:absolute;top:40px;right:40px;height:9%;transition:.2s}.router .config img{height:100%}.router .config:hover{transform:rotate(10deg)}.router .config.disabled{opacity:20%;pointer-events:none}.cloud{position:absolute;height:30%;animation-name:clouds;animation-duration:4s;animation-iteration-count:infinite}.router .c1{animation-timing-function:cubic-bezier(.455,.03,.515,.955);top:10%}.router .c2{top:1%;right:-5%}.cloud1-translate{animation-name:clouds_move1;animation-duration:.5s;animation-timing-function:linear}.cloud2-translate{animation-name:clouds_move2;animation-duration:.5s;animation-timing-function:linear}.portrait-screen-alert{top:0;right:0;position:fixed;height:100%;width:100%;background-color:#0065a8;z-index:200;box-sizing:border-box;border:solid 1vh #004777;opacity:99%}.portrait-screen-alert button{border:none;outline:none;font-size:8vw;border:solid 1px;border-radius:5px;padding:10px;color:#fff;background-color:#0084db;text-shadow:0 2px 3px #444}@keyframes removeButton{0%{background-color:#fff;width:5%}to{background-color:#fffb00;width:100%}}:root{--base-width: 600px;--screen-width: 360px}@media (prefers-color-scheme: dark){img{background-blend-mode:darken}}.configuration{display:flex;justify-content:center;align-items:center;position:absolute;height:100%;width:100%;box-sizing:border-box;z-index:20;filter:none}.configuration.dark{filter:invert() hue-rotate(110deg) sepia(0%) brightness(100%)}.configuration.dark .black_grid{opacity:70%}.configuration .black_grid{position:absolute;top:0;left:0;z-index:10;background-color:#000;width:100%;height:100%;opacity:50%}.configuration .body{position:relative;height:var(--base-width);width:var(--base-width);z-index:11;background-image:url(/assets/configuration-82ce4db6.png);background-size:100% 100%;transform:translateY(10px)}.configuration .salvar,.configuration .cancelar,.configuration .sound-button,.configuration .backward,.configuration .forward{position:absolute;cursor:pointer;z-index:90}.configuration .salvar{height:8%;top:65.4%;left:23%;filter:hue-rotate(170deg) drop-shadow(2px 3px #0000007c);transition:.2s}.configuration .sound-button{top:27.4%;left:59.3%;height:6.5%;width:max-content}.configuration .sound-button img{height:100%}.configuration .cancelar{height:8%;top:65.4%;right:23.7%;filter:hue-rotate(170deg) drop-shadow(-2px 3px #0000007c);transition:.2s}body:not(.mobile) .configuration .cancelar:hover,body:not(.mobile) .configuration .salvar:hover{transform:translateY(-2px)}.configuration .backward{top:73%;left:30%;height:9.5%;filter:drop-shadow(3px 3px #0000007c);transition:.2s}.configuration .forward{top:73%;right:30%;height:9.5%;transform:rotateY(180deg);filter:drop-shadow(3px 3px #0000007c);transition:.2s}body:not(.mobile) .configuration .backward:hover{transform:translate(-4px)}body:not(.mobile) .configuration .forward:hover{transform:rotateY(180deg) translate(-4px)}.configuration .body>section{position:absolute;display:flex;height:26.5%;width:var(--screen-width);top:38.5%;left:20%;overflow:hidden}.configuration .body .pages{display:flex;flex-direction:column;flex:0 0 var(--screen-width);height:100%}.configuration .pages>div{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-shrink:0}.configuration .pages h3{margin:0;text-align:center;color:#005eaa;letter-spacing:1px;height:20%;width:100%;font-size:calc(var(--base-width) / 25);text-shadow:0 2px #fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;box-sizing:border-box}.configuration .basic-screen{display:flex;flex-direction:column;padding-top:calc(var(--base-width) / 40);gap:calc(var(--base-width) / 70);height:100%}.configuration .basic-screen div{display:flex;height:calc(var(--base-width) / 30);font-size:calc(var(--base-width) / 38);padding-left:2%}.configuration .basic-screen div input{height:calc(var(--base-width) / 40);width:10%;font-size:calc(var(--base-width) / 38);text-align:center;outline:none;border:none;background-color:transparent;border-bottom:solid 1px #63b9ff;color:#007c76;margin:0 5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.configuration .basic-screen label{color:#00a1a1}.configuration .basic-screen i{margin-left:5px;color:#00949e;font-weight:900;text-decoration:underline;cursor:pointer}.have-info{cursor:help}.configuration .pages article{display:flex;flex-direction:column;height:80%;box-sizing:border-box;width:100%;padding-left:9px;padding-top:10px;flex-wrap:wrap;justify-content:center;align-items:center}.configuration .pages article>div{display:flex;align-items:end;justify-content:center;height:25%;width:25%}.configuration .pages article label{color:#0aa;font-size:calc(var(--base-width) / 33)}.configuration .pages article input{z-index:9;position:absolute;transform:translate(-23px,-1vh) scale(1.3);opacity:0;cursor:pointer}.configuration input[type=checkbox]:checked+label:before{content:"✓";text-shadow:1px 1px 1px rgba(0,0,0,.2);font-size:calc(var(--base-width) / 40);color:#fff;text-align:center;line-height:calc(var(--base-width) / 35)}.configuration .pages article div label:before{margin-left:calc(var(--base-width) * -1 / 120);content:"";position:absolute;transform:translate(calc(var(--base-width) * -1 / 35),3px);height:10.5%;width:5.25%;background-color:#6fa6e4;box-shadow:0 0 5px inset #003674;border-radius:calc(var(--base-width) / 90)}.configuration .kanji-screen{position:relative}.configuration .kanji-screen h3 span{position:absolute;margin-left:5px;font-size:calc(var(--base-width) / 50);text-shadow:none;color:#e26b1c;font-weight:300;z-index:30}.configuration .kanji-screen article{display:flex;position:absolute;bottom:0;box-sizing:border-box;padding-top:2%;padding-bottom:2%;justify-content:start;flex-basis:0;width:var(--screen-width);width:max-content;padding-left:0}.configuration .kanji-screen label{display:flex;align-items:center;justify-content:center;height:25%;color:#099;width:calc(var(--screen-width) / 8);cursor:pointer}.configuration .kanji-screen label.disabled{opacity:.3}body:not(.mobile) .configuration .kanji-screen label:hover{color:#00d9ff;transform:scale(1.1)}.configuration .kanji-screen .add-kanji span{display:flex;align-items:center;justify-content:center;background-color:#0070cc;color:#fff;font-size:calc(var(--base-width) / 25);height:80%;width:50%;text-align:center;border-radius:5px;box-shadow:1px 1px 2px #888;cursor:pointer;padding-bottom:15%;box-sizing:border-box}.configuration .kanji-screen ins{position:absolute;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEF0lEQVR4nO3dS44bRRzH8R8kUk4BeVyDDQfoPUgJOUAfyHteEgfwHiHOAQmPQxDxGBaeSmYS2+N2V7k9rs9n583ftfB3qjRulRMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALhQzzKMV0meLr2QO7y8XueDpRfSg4+WXsCZeJZh/OXtq/XqWZJXyy1np5cZxq/fvlqvHib5d7nlXD6BvB9HcX6R3I6jEElTvQeyPY7ifCLZHkchkmZ6DmR/HMXykeyPoxBJE70GclgcxXKRHBZHIZLqegxkWhzF6SOZFkchkqp6C+S4OIrTRXJcHIVIqukpkHlxFO0jmRdHIZIqegmkThxFu0jqxFGIZLYeAqkbR1E/krpxFCKZ5dIDeZRh/KvZ9HqRfJ5h/LHCnO1EcrSPl15AY2+yXn3ZbPow/po6z279XGHGbsP4Tzy7dZRL30GKLzKMPzSbXmcneXD9QW7HTjJZL4EkItkQySQ9BZKIZEMkB+stkEQkGyI5SI+BJO0jeZrk9cwpIjkDvQaSiGRDJHv1HEgikg2R7NR7IIlINkSylUA2RJKIZAuBvCOSRCTvEchtIklEcoNAPiSSRCTXBLKdSBKRRCD7iCTpPhKB7CeSpOtIBHI3kSTdRiKQw4gk6TISgRxOJEl3kQhkGpEkXUUikOlEknQTiUCOI5Kki0gEcrzWkTxJ8tvMKSKZ6dKv/WnpUeP5NT50p/gDeHWC91iMHeQ4bW5BLNarT5L8OXPKwwzj3zWWs9N69SDJf03fY2ECmU4cSRdxJAKZShxJN3EkAplCHElXcSQCOZQ4ku7iSARyiK8yjN80my6OsyaQ/cSRdBtHIpB9xJF0HUfii8JdWsfxacRxL9hBPnSKOP6YOUUcJyKQ28SRiOMGgbzzIsP4bbPp4riXBLIhjkQcWwhEHBvi2Kr3QMSRiGOPngMRRyKOO/QaiDgScRygxx+Xf55h/K7Z9PXqccRxMXrbQU4Rx+8zp4jjjPQUiDgScUzUSyDiSMRxhB4CEUcijiNd+tO8j+5BHEnyWYUZu4njaJceyJvrWwrrqxdHkvyU9epFpVm3iWOWHo5YSfIkw/iq2rS6cdxU9zgojtl6CSSpFUm7OIo6kYijiks/Yt30evZxa3Nfbss4kuT72cctcVTT0w5SHLeT1LlMeorjdhJxVNVjIMnUSE4fRzEtEnFU12sgyaGRLBdHcVgk4mii50CSuyJZPo5ifyTiaKb3QJJdkZxPHMX2SMTRlEA2bkdyfnEUtyMRByf0JMN4leTx0gu5w/Prdfb0L3oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKjjf40FIg04eDSHAAAAAElFTkSuQmCC);background-size:100%;width:calc(var(--base-width) / 17);height:calc(var(--base-width) / 17);filter:drop-shadow(0 1px #fff) drop-shadow(0 2px 0px #888);top:0;right:0}.configuration .add-kanji-menu{position:absolute;display:flex;flex-direction:column;top:50%;right:50%;transform:translate(50%,-50%);background-color:#00a7b3;color:#fff;z-index:100;box-shadow:0 0 10px #000;width:45vw;border-radius:5%;padding:3%;box-sizing:border-box;border:solid calc(var(--base-width) / 100)}.configuration .add-kanji-menu input{position:relative;border:none;outline:none;flex:1;margin-bottom:4%;font-size:calc(var(--base-width) / 35);padding:.8%}.configuration .add-kanji-menu p{margin:0 0 1%;font-size:calc(var(--base-width) / 36);color:#fff}.configuration .add-kanji-menu div{display:flex;justify-content:center;gap:3%}.configuration .add-kanji-menu div button{width:30%;font-size:calc(var(--base-width)/ 30);border:none;color:#fff;background-color:#ff7300;border:solid calc(var(--base-width) / 160) rgb(139,84,0);padding:.8%;text-shadow:0 0 4px #8f5100;cursor:pointer}body:not(.mobile) .configuration .add-kanji-menu div button:hover{transform:scale(1.05)}.configuration .export-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none}.configuration .export-screen button{width:70%;height:25%;border:none;color:#fbfdff;background-color:#1694c5;border:solid calc(var(--base-width) / 180) rgb(0,85,100);cursor:pointer;font-size:calc(var(--screen-width) / 20);transition:.1s;box-shadow:0 1px 2px #444;text-shadow:1px 1px #000;border-radius:5px}.configuration .export-screen input[type=file]{display:none}body:not(.mobile) .configuration .export-screen button:hover{background-color:#10759c}.configuration .alert-message{margin:10px 0;color:#ffb429;font-size:calc(var(--base-width) / 30);text-align:center}.configuration .alert-message:after{content:"*";color:#ff3131}.configuration .alert-message:before{content:"*";color:#ff3131}.configuration .h-k-alert-message{z-index:100;position:absolute;text-align:center;left:0;bottom:calc(var(--base-width) / 2.89);color:#e20000;font-size:calc(var(--base-width) / 45);text-shadow:0 1px #ffacac;width:100%}.configuration .h-k-alert-message:after{content:"*";color:#ff4d4d}.configuration .h-k-alert-message:before{content:"*";color:#ff4d4d}.configuration .removing-button{position:relative}.configuration .removing-button:before{position:absolute;content:" x";color:transparent;text-shadow:none;animation-name:removeButton;left:50%;top:0;transform:translate(-50%);height:100%;animation-timing-function:linear;animation-duration:1.5s;opacity:60%}.configuration.dark .add-kanji-menu button{filter:hue-rotate(170deg)}@media screen and (max-height: 600px){:root{--base-width: 550px;--screen-width: 330px}}@media screen and (max-height: 550px){:root{--base-width: 500px;--screen-width: 300px}}@media screen and (max-height: 500px){:root{--base-width: 450px;--screen-width: 270px}}@media screen and (max-height: 450px){:root{--base-width: 400px;--screen-width: 240px}}@media screen and (max-height: 400px){:root{--base-width: 350px;--screen-width: 210px}}@media screen and (max-height: 350px){:root{--base-width: 300px;--screen-width: 180px}}@media screen and (max-height: 300px){:root{--base-width: 250px;--screen-width: 150px}}button{-webkit-user-select:none;user-select:none}@keyframes logo{0%{filter:none}90%{filter:none}95%{filter:drop-shadow(0 0 5px #ff5e5e)}to{filter:none}}@keyframes ninja{0%{transform:rotate(0)}10%{transform:rotate(-2deg)}20%{transform:rotate(-2.5deg)}30%{transform:rotate(-2deg)}40%{transform:rotate(0)}50%{transform:rotate(2deg)}60%{transform:rotate(2.5deg)}70%{transform:rotate(2deg)}80%{transform:rotate(0)}90%{transform:rotate(-.4deg)}to{transform:rotate(0)}}.main-page{height:100%;display:flex;justify-content:space-around;flex-direction:column;background-image:url(/assets/background-a5c43cd7.jpg);background-position:100% 100%;background-size:100% 120%}.main-page .title{position:relative;height:70%}.main-page .title .logo{z-index:2;height:40%;top:10%;position:absolute;animation-name:logo;animation-duration:10s;animation-iteration-count:infinite;transition:.5s}.main-page .title .ninja{position:absolute;height:90%;transition:.5s}.ninja.ninjaAnimation{animation-duration:.2s;animation-play-state:running;animation-timing-function:linear;animation-name:ninja!important}.main-page .options{height:30%;text-align:center;font-size:4vw}.main-page .options div{width:100%}.review{background-image:url(/assets/background-a5c43cd7.jpg);background-size:100% 120%;height:100%;transition:0s}.review .return{z-index:2;background-color:transparent;position:absolute;top:40px;left:40px;height:9%}.review .return img{height:100%;transition:.2s}.review .return img:hover{transform:translate(-5px)}.mainAlphabets{height:100%}.review .info{position:absolute;bottom:20px;left:20px;color:#fff;font-size:1.5vw;text-shadow:0 3px 3px #000}.mainAlphabets section{z-index:2;height:100%;width:50%;flex-direction:column}.mainAlphabets figure{width:100%;flex-grow:1;align-items:end}.mainAlphabets figure img{width:100%}.mainAlphabets article{width:100%;flex-grow:8;flex-basis:10%;flex-direction:column;justify-content:start;gap:20%;padding-top:15%}.mainAlphabets article span{font-size:2.9vw}.mainAlphabets article .text-hover{font-size:6vh}.study-screen{height:100%}.study-screen article{flex-direction:column;align-items:start;position:absolute;padding:2vh 3vw;bottom:0;right:0;width:20vw;background-color:#0000005b}.study-screen article span{letter-spacing:.5px;color:#fff;margin:5px;font-size:1.5vw}.study-screen article div{width:100%;display:flex;justify-content:space-between}.study-screen section{display:flex;flex-direction:column;width:100%;height:100%}.study-screen section div{height:40%}.study-screen section div{display:flex;flex-direction:column}.study-screen section label{font-size:10vh;text-align:center;z-index:10}.study-screen section .details{font-size:120%;z-index:10}.study-screen hr{height:10px;background-color:#000;border:none;width:30%;outline-offset:4px}.study-screen .refresh{height:35%;transition:.3s;filter:brightness(0%) drop-shadow(0 2px 3px #888);cursor:pointer}.study-screen .refresh:hover{transform:scale(1.05) rotate(5deg)}