@keyframes -fade-out{0%{opacity:1}to{opacity:0}}@keyframes -fade-in{0%{opacity:0}to{opacity:1}}@keyframes -blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes -blink-double{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}.x{position:absolute;left:50%;transform:translate(-50%)}.y{position:absolute;top:50%;transform:translateY(-50%)}.xy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x0y0{position:absolute;top:0;left:0}.fxy{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.unset-input{background:0 0;border:none;border-radius:0;outline:none;padding:0}#x{z-index:9999999;background:red;width:100vw;height:2px;position:fixed;top:50%;transform:translateY(-50%)}#y{z-index:9999999;background:#00f;width:2px;height:100vh;position:fixed;left:50%;transform:translate(-50%)}#DevRulers #custom{border-left:1px solid #32cd32;border-right:1px solid #32cd32}#DevRulers #drag-me{justify-content:space-between;width:22px;height:100vh;display:flex;position:absolute;top:0;left:.5rem}#DevRulers #drag-me .rule{background:#ff0;width:2px;height:100%}.cursor-default{cursor:default!important}.pointer{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}body{margin:0}img,svg{display:block}.inline-block{display:inline-block}.posrel{position:relative}.fit-content{width:fit-content}.inherit-w{width:inherit}.m0{margin:0}.mt0,.firstelm-mt0{margin-top:0}.mb0,.lastelm-mb0{margin-bottom:0}.mv0{margin-top:0;margin-bottom:0}a{display:contents}.hyperlink,.hlink,.h-link{cursor:pointer;font-weight:400;color:#00f!important}.hyperlink:hover,.hlink:hover,.h-link:hover{text-decoration:underline}.rlink{cursor:pointer}.rlink:hover,.underline{text-decoration:underline}.italic{font-style:italic}.bold{font-weight:700}.bolder{font-weight:bolder}.txt-u{text-decoration:underline}.pre{white-space:pre}.nowrap{white-space:nowrap}[class*=ps-]:hover:after{visibility:visible}[class*=ps-]:after{visibility:hidden;white-space:nowrap;z-index:999;width:max-content}[class*=ps-][class*=-static]:after{border-radius:4px!important;transition:none!important}[class*=ps-][class*=ps-left]:after{transition:right .3s ease-out;position:absolute;top:50%;right:calc(100% + 1.5rem);transform:translateY(-50%)}[class*=ps-][class*=ps-left]:hover:after{right:calc(100% + 1rem)}[class*=ps-][class*=ps-right]:after{transition:left .3s ease-out;position:absolute;top:50%;left:calc(100% + 1.5rem);transform:translateY(-50%)}[class*=ps-][class*=ps-right]:hover:after{left:calc(100% + 1rem)}[class*=ps-][class*=ps-top]:after{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-top]:hover:after{bottom:calc(100% + 1rem)}[class*=ps-][class*=ps-bottom]:after{transition:top .3s ease-out;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-bottom]:hover:after{top:calc(100% + 1.5rem)}[class*=ps-][class*=ps-top-mini]:after{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-top-mini]:hover:after{bottom:calc(100% + 1rem)}[class*=ps-][class*=ps-bottom-mini]:after{transition:top .3s ease-out;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-bottom-mini]:hover:after{top:calc(100% + .1rem)}[class*=pseudo-]:hover .pseudo{visibility:visible}[class*=pseudo-][class*=pseudo-top]:hover .pseudo{bottom:calc(100% + 1rem)}[class*=pseudo-][class*=pseudo-top] .pseudo{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}[class*=pseudo-][class*=pseudo-top-mini]:hover .pseudo{bottom:calc(100% + 1rem)}[class*=pseudo-][class*=pseudo-top-mini] .pseudo{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[class*=pseudo-][class*=pseudo-bottom]:hover .pseudo{top:calc(100% + 1rem)}[class*=pseudo-][class*=pseudo-bottom] .pseudo{transition:top .3s ease-out;position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}[class*=pseudo-] .pseudo{visibility:hidden;white-space:nowrap}.ps-opacity:hover .ps-elem{opacity:1}.ps-opacity .ps-elem{opacity:0}.no-overflow{overflow:hidden}.devices-no-tap,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@font-face{font-family:Higure regular;src:url(/assets/HigureGothic-Regular-BrmTSM-X.ttf)format("truetype")}@font-face{font-family:Higure bold;src:url(/assets/HigureGothic-Bold-CPOQ1PUS.ttf)format("truetype")}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-VariableFont_wght-CO-WD2kz.ttf)format("truetype");font-weight:300 700}:root{--bg:whitesmoke;--width:700px;--profile-img-small:1.5rem;--nudge-small:4px;--correct-blue:dodgerblue;--quiz-blue:#24b2e1}.f-a{align-items:center;display:flex}.container{justify-content:center;width:100vw;display:flex}.content{width:100%;max-width:var(--width)}.modal{opacity:.9;z-index:99;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0}.arrow-back{margin-bottom:1rem}.profile-img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:50%;overflow:hidden}p.kanji{font-family:Higure}body{background-color:var(--bg)}#root{overflow:hidden}.Profile{z-index:999;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Profile .ctr-profile-img:not(:first-of-type){margin-left:11vmin}.Profile .ctr-profile-img .profile-img{width:33vmin;max-width:200px}.Home{padding-top:2rem;position:relative}.home-profile{z-index:9;position:fixed;bottom:1rem;left:1rem}.home-profile .profile-img{width:4rem}.ctr-sentence{margin-bottom:6rem}.ctr-sentence .handle-language{color:gray;cursor:pointer;width:fit-content;font-family:Fira Code}.ctr-sentence .line{color:purple;font-family:Fira Code;font-size:1.125rem}.ctr-badges{margin-bottom:3rem}.ctr-badges>div:not(:first-of-type){margin-top:calc(var(--profile-img-small) / 2)}.ctr-badges .profile-img{width:var(--profile-img-small);margin-right:calc(var(--nudge-small) * 2)}.ctr-badges .badges-arr{align-items:center;display:flex}.ctr-badges .badges-arr svg.badge{height:var(--profile-img-small)}.ctr-alphabet-quiz{justify-content:right;margin-bottom:1rem;display:flex}.ctr-alphabet-quiz>div:hover svg{fill:#1e90ff}.ctr-alphabet-quiz svg{width:1.75rem}.ctr-quizes{grid-gap:1rem;grid-template-columns:1fr 1fr;width:100%;margin:0 auto;display:grid}.ctr-quizes .ctr-quiz{border:1px solid var(--quiz-blue);cursor:pointer;border-radius:8px;align-items:center;height:fit-content;padding:8px;display:flex}.ctr-quizes .ctr-quiz.level-quiz{border-color:#0000;grid-column:span 2}.ctr-quizes .ctr-quiz p.quiz{margin:0;font-family:Fira Code}.ctr-quizes .ctr-quiz svg.badge{height:var(--profile-img-small);margin-left:var(--nudge-small)}.ctr-quizes .ctr-quiz .ctr-graduates{z-index:1;margin-left:8px;display:flex}.ctr-quizes .ctr-quiz .ctr-graduates .profile-img{width:var(--profile-img-small)}.Lesson{padding-top:1rem;padding-bottom:2rem}.Lesson .lesson-grid{grid-gap:1rem;grid-template-columns:1fr 1fr;width:fit-content;display:grid}.Lesson .lesson-grid p{margin:0;font-family:Fira Code;font-size:1.125rem;font-weight:400}.Lesson .lesson-grid .english{color:purple}.Lesson .lesson-grid .romaji{color:var(--correct-blue)}.hiragana-table{grid-gap:4px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(11,1fr);grid-auto-flow:column;display:grid}.hiragana-table>div{aspect-ratio:1;text-align:center;cursor:pointer;background-color:#d3d3d3;justify-content:center;align-items:center;display:flex;overflow:hidden;container-type:inline-size}.hiragana-table>div p.hiragana{color:purple;margin:0;font-family:Higure bold;font-size:55cqw}.hiragana-table>div p.romaji{margin:0;font-family:Fira Code;font-size:22cqw;transform:translateY(-3px)}.lesson-id{color:gray;font-family:Fira Code}.test{z-index:9;cursor:pointer;position:fixed;bottom:1rem;right:1rem}.test img{width:5rem}.Quiz{box-sizing:border-box;height:100vh;padding-top:1rem;position:relative}.Quiz .progress-bar{background-color:var(--correct-blue);height:4px;position:fixed;top:0;left:0}.Quiz .question{color:#696969;text-align:center;font-family:Fira Code;font-size:1.25rem;font-weight:400}.Quiz .correct-answer{color:var(--correct-blue)}.Quiz .ctr-input{align-items:center;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.Quiz .ctr-input input{background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0;font-family:Fira Code;font-size:1.25rem;font-weight:400;text-transform:lowercase!important}.Quiz.isAlphaQuiz .question,.Quiz.isAlphaQuiz .correct-answer{font-family:Higure regular;font-size:3rem}.ctr-mute{z-index:9;cursor:pointer;background-color:gray;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:fixed;bottom:1rem;right:1rem}.ctr-mute svg{fill:var(--bg)!important}.ctr-user-win{flex-direction:column;align-items:center;display:flex}.ctr-user-win .win-message{margin-bottom:2.5rem}.ctr-user-win .win-message p{color:gold;text-align:center;margin-bottom:0}.ctr-user-win .win-message p.kanji{font-size:2.5rem;font-family:Higure bold!important}.ctr-user-win .win-message p.romaji{margin:0;font-family:Fira Code;font-size:1.5rem}.ctr-user-win .ctr-buttons{align-items:center;display:flex}.ctr-user-win .ctr-buttons .button{cursor:pointer;background-color:#d3d3d3;border:1px solid #2f4f4f;border-radius:1px;padding:8px;font-family:Fira Code}.ctr-user-win .ctr-buttons .button:hover{background:var(--quiz-blue)}