.desktopTitleBarButton{display:flex;padding:10px 20px;border:2px solid var(--bg-light);border-radius:15px;background-color:var(--bg-light);color:var(--fg-light);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s;font-size:20px;font-weight:700;align-items:center;margin-bottom:10px;min-height:24px}.desktopTitleBarButton:hover{background-color:var(--bg2-light);border-color:var(--bg2-light)}.desktopTitleBarButton:active{background-color:var(--bg4-light);border-color:var(--bg4-light)}.desktopTitleBarButton.darkMode{border:2px solid var(--bg-dark);background-color:var(--bg-dark);color:var(--fg-dark)}.desktopTitleBarButton.darkMode:hover{background-color:var(--bg2-dark);border-color:var(--bg2-dark)}.desktopTitleBarButton.darkMode:active{background-color:var(--bg4-dark);border-color:var(--bg4-dark)}.desktopTitleBarButton.selected{background-color:var(--bg2-light)!important;border-color:var(--blue-light)!important}.desktopTitleBarButton.selected.darkMode{background-color:var(--bg2-dark)!important;border-color:var(--blue-dim-dark)!important}.emoji{font-size:18px;margin-right:20px;min-width:26px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg4-dark);-webkit-transition:.3s;transition:.3s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--bg-light);-webkit-transition:.3s;transition:.3s}input:checked+.slider{background-color:var(--bg4-light)}input:checked+.slider:before{background-color:var(--bg-dark)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.logo{display:flex;justify-content:center}.blueFill{fill:var(--blue-light);transition:fill .3s}.yellowFill{fill:var(--yellow-dark);transition:fill .3s}.blueFill.darkMode{fill:var(--blue-dim-dark)}.yellowFill.darkMode{fill:var(--yellow-dark)}.desktopTitleBar{background-color:var(--bg-light);min-width:250px;padding:16px;border-right:2px solid var(--bg4-dark);display:flex;flex-direction:column;transition:background-color .3s,border-color .3s,color .3s;position:sticky;top:0;right:0;bottom:0;left:0;box-sizing:border-box;overflow-y:scroll;scrollbar-width:none}.desktopTitleBar.darkMode{background-color:var(--bg-dark);border-right:2px solid var(--bg4-light)}.bottom{margin-top:50px;display:flex;justify-content:center}.title{color:var(--fg-light);text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;margin-bottom:40px;font-family:Patrick Hand SC,sans-serif;font-size:40px;font-weight:400;font-style:normal;transition:color .3s}.title.darkMode{color:var(--fg-dark)}.mobileTitleBar{background-color:var(--bg-light);width:100vw;height:60px!important;padding:16px 0;border-top:2px solid var(--bg4-dark);display:flex;justify-content:space-evenly;align-items:center;transition:background-color .3s,border-color .3s,color .3s;overflow-y:hidden;margin-top:auto}.mobileTitleBar.darkMode{background-color:var(--bg-dark)}.mobileTitleBarButton{display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:var(--bg-light);border:2px solid var(--bg-light);border-radius:15px;font-size:30px;-webkit-user-select:none;user-select:none;min-width:60px;height:60px;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}.mobileTitleBarButton:hover{background-color:var(--bg2-light);border-color:var(--bg2-light)}.mobileTitleBarButton:active{background-color:var(--bg4-light);border-color:var(--bg4-light)}.mobileTitleBarButton.darkMode{border:2px solid var(--bg-dark);background-color:var(--bg-dark);color:var(--fg-dark)}.mobileTitleBarButton.darkMode:hover{background-color:var(--bg2-dark);border-color:var(--bg2-dark)}.mobileTitleBarButton.darkMode:active{background-color:var(--bg4-dark);border-color:var(--bg4-dark)}.mobileTitleBarButton.selected{background-color:var(--bg2-light)!important;border-color:var(--blue-light)!important}.mobileTitleBarButton.selected.darkMode{background-color:var(--bg2-dark)!important;border-color:var(--blue-dim-dark)!important}.desktopApp{height:100%;display:flex}.desktopApp.mobile{flex-direction:column;height:100vh;align-items:center}.home{background-color:var(--bg-light);flex:1;transition:background-color .3s,border-color .3s,color .3s;overflow-y:auto;padding-left:max(calc((100vw - 1050px)/2),30px);padding-right:max(calc((100vw - 1050px)/2),30px);padding-top:30px;padding-bottom:20px}.home.darkMode{background-color:var(--bg-dark)}.welcome{font-family:Patrick Hand SC;font-size:60px;font-weight:100;text-align:center;margin:20px 0}.home>h2{margin-bottom:0;font-size:28px}.home *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:19px}.home>p{margin-top:6px}a.link:link{color:var(--blue-light)}a.link:visited{color:var(--purple-light)}a.link.darkMode:link{color:var(--blue-dark)}a.link.darkMode:visited{color:var(--purple-dim-dark)}.container{background-color:var(--bg2-light);border:3px solid var(--blue-dim-light);border-radius:30px;max-width:500px;padding:20px;margin-bottom:30px;text-align:center;transition:background-color .3s,border-color .3s,color .3s}.lessonTitle{font-size:28px;margin-top:0;margin-bottom:14px;text-decoration:underline;text-decoration-thickness:3px}.lessonOverview{font-size:20px;font-weight:500;margin:8px 8px 4px}.newWords{font-size:18px;font-style:italic;margin:0 6px 6px}.newWordsText{font-style:normal!important;font-weight:500}.container:hover{background-color:var(--bg3-light);border:3px solid var(--blue-light)}.container:active{background-color:var(--bg4-light);border-color:var(--blue-dim-light)}.container.darkMode{background-color:var(--bg2-dark);border:3px solid var(--blue-dim-dark);color:var(--fg-dark)}.container.darkMode:hover{background-color:var(--bg3-dark);border:3px solid var(--blue-dark)}.container.darkMode:active{background-color:var(--bg4-dark)}.container.selected{background-color:var(--bg2-light)!important}.container.selected.darkMode{background-color:var(--bg2-dark)!important}.learn{background-color:var(--bg-light);flex:1;display:flex;flex-direction:column;transition:background-color .3s,border-color .3s,color .3s;overflow-y:auto;padding-left:max(calc((100vw - 750px)/2),30px);padding-right:max(calc((100vw - 750px)/2),30px);padding-top:30px;padding-bottom:20px}.learn.mobile{padding-left:max(calc((100vw - 500px)/2),30px);padding-right:max(calc((100vw - 500px)/2),30px)}.learn.darkMode{background-color:var(--bg-dark)}.practiceContainer{background-color:var(--bg1-light);border:3px solid var(--blue-light);border-radius:30px;width:calc(100% - 46px);padding:20px;transition:background-color .3s,border-color .3s,color .3s;display:flex;flex-direction:column;justify-content:center;align-items:center}.practiceContainer.darkMode{background-color:var(--bg1-dark);border:3px solid var(--blue-dim-dark)}.practiceTitle{font-size:28px;margin-top:0;margin-bottom:10px;text-decoration:underline;text-decoration-thickness:3px;text-align:center}.newWordsPractice{font-size:18px;font-style:italic;margin:0}.radioButtonGroupTitle{font-size:22px;text-align:left;margin-top:15px;margin-bottom:5px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-underline-offset:under}.radioButtonGroup{text-align:left;margin-bottom:0}.radioButtonItem{display:flex;align-items:center}.radioButtonItem label{font-size:20px;font-weight:500}.practiceButtonDiv{margin-top:20px}.practiceButton{font-size:24px;font-family:Quicksand;font-weight:700;background-color:var(--blue-dim-light);border:none;color:var(--bg-light);padding:10px 30px;border-radius:15px;cursor:pointer;transition:background-color .3s,color .3s}.practiceButton:hover{background-color:var(--blue-light)}.practiceButton:active{background-color:var(--blue-dim-light)}.practiceButton.darkMode{background-color:var(--blue-dim-dark);color:var(--bg-dark)}.practiceButton.darkMode:hover{background-color:var(--blue-dark)}.practiceButton.darkMode:active{background-color:var(--blue-dim-dark)}.practice{background-color:var(--bg-light);flex:1;transition:background-color .3s,border-color .3s,color .3s;overflow:auto;display:flex;flex-direction:column;align-items:center}.practice.mobile{padding-left:max(calc((100vw - 500px)/2),30px);padding-right:max(calc((100vw - 500px)/2),30px)}.practice.darkMode{background-color:var(--bg-dark)}.practiceContainerContainer{margin-top:30px;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:30px;max-width:450px}.lesson{display:flex;flex-direction:column;flex:1;height:100%;overflow-y:auto;padding-left:max(calc((100vw - 950px)/2),30px);padding-right:max(calc((100vw - 950px)/2),30px)}.lesson>h1{padding-top:15px}.lesson h2,.lesson h3,.lesson h4,.lesson h5,.lesson h6{margin-bottom:10px;padding-top:10px}.lesson p,.lesson ol,.lesson ul{margin-top:0;margin-bottom:0}.loadingDiv{font-size:25px;font-weight:600;text-align:center;margin-top:auto;margin-bottom:auto}.lesson *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:19px}.lesson a:link{color:var(--blue-light)}.lesson a:visited{color:var(--purple-light)}.lesson.darkMode a:link{color:var(--blue-dark)}.lesson.darkMode a:visited{color:var(--purple-dim-dark)}.lesson table{border-collapse:collapse;margin:20px auto}.lesson{--table-border-color: var(--fg-light)}.lesson.darkMode{--table-border-color: var(--fg-dark)}.lesson th,td{border:1px solid var(--table-border-color);padding:5px;text-align:center;transition:border-color .3s}.lesson h1{text-decoration:underline;text-decoration-thickness:3px}.lesson h2{text-decoration:underline;text-decoration-thickness:2px}.lesson p{margin-top:20px;margin-bottom:20px}.lesson blockquote{font-style:italic}.nextLessonButton{margin:0!important}.lessonButtonContainer{display:flex;justify-content:center;gap:20px;margin-top:40px;margin-bottom:60px}.answer{display:inline-block;background-color:var(--fg-light);cursor:pointer;overflow:hidden;transition:background-color .3s;margin-left:50px}.answerText{padding:5px;color:var(--fg-light);opacity:0;transition:opacity .3s;font-weight:500;font-style:italic}.answer.darkMode{background-color:var(--fg-dark)}.answerText.darkMode{color:var(--fg-dark)}.answer.revealed{background-color:var(--bg-light);cursor:default}.answer.darkMode.revealed{background-color:var(--bg-dark)}.answer.revealed .answerText{opacity:1}.progressBarContainer{padding-top:30px}.progressBar{height:20px;min-width:300px;max-width:900px;width:45vw;background-color:var(--gray-light);border-radius:10px;overflow:hidden}.progress{height:100%;background-color:var(--aqua-light);transition:width .3s ease-in-out,background-color .3s}.progress.darkMode{background-color:var(--aqua-dim-light)}.answerInput{font-size:25px;background-color:var(--bg_h-light);color:var(--fg-light);font-family:Quicksand;font-weight:500;border:2px solid var(--bg4-light);border-radius:5px;transition:background-color .3s,border-color .3s,color .3s}.answerInput:focus{outline:solid var(--blue-dim-light)}.answerInput.darkMode{background-color:var(--bg_h-dark);color:var(--fg-dark);border:2px solid var(--bg4-dark)}.answerInput.darkMode:focus{outline:solid var(--blue-dim-dark)}.answerButtonGroup{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.answerButton{font-family:Quicksand;font-size:24px;font-weight:500;padding:5px 10px;border:2px solid var(--bg1-light);border-radius:15px;background-color:var(--bg1-light);color:var(--fg-light);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}.answerButton:hover{background-color:var(--bg2-light);border-color:var(--bg2-light)}.answerButton.darkMode{border:2px solid var(--bg1-dark);background-color:var(--bg1-dark);color:var(--fg-dark)}.answerButton.darkMode:hover{background-color:var(--bg2-dark);border-color:var(--bg2-dark)}.answerButton.selected{background-color:var(--bg2-light)!important;border-color:var(--blue-light)!important}.answerButton.selected.darkMode{background-color:var(--bg2-dark)!important;border-color:var(--blue-dim-dark)!important}.questionContainerTop{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.wordToTranslate{font-size:40px;margin-bottom:50px;font-style:italic}.answerIcon{background-color:var(--bg2-light);height:55px;width:55px;border-radius:100px;display:flex;justify-content:center;align-items:center;transition:background-color .3s,stroke .3s}.answerIcon.darkMode{background-color:var(--bg2-dark)}.correctAnswerIcon{stroke:var(--aqua-light)}.correctAnswerIcon.darkMode{stroke:var(--aqua-dim-dark)}.incorrectAnswerIcon{stroke:var(--red-dim-light)}.incorrectAnswerIcon.darkMode{stroke:var(--red-dark)}.continueContainer{display:flex;flex-direction:column;justify-content:space-between;width:95%;height:170px}.continueContainerTop{font-size:2rem}.correctText{font-weight:900;color:var(--aqua-light)}.correctText.darkMode{color:var(--aqua-dim-dark)}.incorrectText{font-weight:900;color:var(--red-dim-light)}.incorrectText.darkMode{font-weight:900;color:var(--red-dark)}.incorrectExplanationText{font-size:1.25rem;font-weight:400;margin-left:20px}.continueContainerBottom{display:flex;align-items:center;justify-content:space-around;margin-bottom:30px;margin-top:20px}.continueButton{margin-top:0!important;margin-bottom:0!important}.submitButtonWrapper{height:170px;display:flex;flex-direction:column;justify-content:flex-end}.submitButton{margin-top:50px;margin-bottom:30px;font-family:Quicksand;font-weight:700;font-size:20px;padding:15px 30px;border:none;border-radius:15px;background-color:var(--aqua-light);color:var(--bg-light);text-align:center;text-decoration:none;transition:background-color .3s,color .3s,opacity .3s;cursor:pointer}.submitButton.darkMode{background-color:var(--aqua-dim-dark);color:var(--bg-dark)}.submitButton:hover{background-color:var(--aqua-dim-light)}.submitButton.darkMode:hover{background-color:var(--aqua-dark);color:var(--bg-dark)}.submitButton:disabled{opacity:.6;cursor:not-allowed}.submitButton.darkMode:disabled{opacity:.2}.submitButton:disabled:hover{background-color:var(--aqua-light)}.submitButton.darkMode:disabled:hover{background-color:var(--aqua-dim-dark)}.submitButton:active{background-color:var(--aqua-light)}.submitButton.darkMode:active{background-color:var(--aqua-dim-dark)}.incorrect{background-color:var(--red-dim-light)}.incorrect.darkMode{background-color:var(--red-dark)}.incorrect:hover{background-color:var(--red-light);color:var(--bg-light)}.incorrect.darkMode:hover{background-color:var(--red-dim-dark);color:var(--bg-dark)}.incorrect:active{background-color:var(--red-dim-light)}.incorrect.darkMode:active{background-color:var(--red-dark)}.completionButtons *{font-size:24px}.completionButtons button{padding-top:10px;padding-bottom:10px}.topButtons{margin-bottom:20px;display:flex;gap:20px}.retryButton{background-color:var(--purple-dim-light)}.retryButton:hover{background-color:var(--purple-light)}.retryButton:active{background-color:var(--purple-dim-light)}.retryButton.darkMode{background-color:var(--purple-dim-dark)}.retryButton.darkMode:hover{background-color:var(--purple-dark)}.retryButton.darkMode:active{background-color:var(--purple-dim-dark)}.flashcardsPractice{height:100%;display:flex;flex-direction:column;align-items:center}.practiceResults{text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.questionContainer{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 20px;justify-content:space-between}.userSentence{font-size:30px;min-height:100px}.practiceRenderer{flex:1;overflow-y:auto}html,body{margin:0;padding:0;height:100%;cursor:default;font-family:quicksand,serif}p{line-height:1.6}.app{width:100%;overflow-x:hidden;transition:background-color .3s,color .3s}.app.desktop{height:100vh}@font-face{font-family:Quicksand;src:url(/assets/Quicksand-VariableFont_wght-DE2wFU7n.ttf) format("truetype");font-weight:300 700}@font-face{font-family:Patrick Hand SC;src:url(/assets/PatrickHandSC-Regular-C8KxI-lL.ttf) format("truetype")}:root{--bg_h-light: #f9f5d7;--bg-light: #fbf1c7;--bg_s-light: #f2e5bc;--bg1-light: #ebdbb2;--bg2-light: #d5c4a1;--bg3-light: #bdae93;--bg4-light: #a89984;--fg-light: #282828;--fg1-light: #3c3836;--fg2-light: #504945;--fg3-light: #665c54;--fg4-light: #7c6f64;--red-light: #ea2b2b;--green-light: #79740e;--yellow-light: #b57614;--blue-light: #076678;--purple-light: #8f3f71;--aqua-light: #74c776;--orange-light: #af3a03;--gray-light: #928374;--red-dim-light: #f34a4a;--green-dim-light: #98971a;--yellow-dim-light: #d79921;--blue-dim-light: #458598;--purple-dim-light: #b16286;--aqua-dim-light: #689d6a;--orange-dim-light: #d65d0e;--gray-dim-light: #7c6f64;--bg_h-dark: #1d2021;--bg-dark: #282828;--bg_s-dark: #32302f;--bg1-dark: #3c3836;--bg2-dark: #504945;--bg3-dark: #665c54;--bg4-dark: #7c6f64;--fg-dark: #fbf1c7;--fg1-dark: #ebdbb2;--fg2-dark: #d5c4a1;--fg3-dark: #bdae93;--fg4-dark: #a89984;--red-dark: #b83223;--green-dark: #b8bb26;--yellow-dark: #fabd2f;--blue-dark: #83a598;--purple-dark: #d3869b;--aqua-dark: #8ec07c;--gray-dark: #928374;--orange-dark: #fe8019;--red-dim-dark: #d84848;--green-dim-dark: #98971a;--yellow-dim-dark: #d79921;--blue-dim-dark: #458588;--purple-dim-dark: #b16286;--aqua-dim-dark: #689d6a;--gray-dim-dark: #a89984;--orange-dim-dark: #d65d0e}.red-light{color:var(--red-light)}.green-light{color:var(--green-light)}.yellow-light{color:var(--yellow-light)}.blue-light{color:var(--blue-light)}.purple-light{color:var(--purple-light)}.aqua-light{color:var(--aqua-light)}.gray-light{color:var(--gray-light)}.orange-light{color:var(--orange-light)}.red-dim-light{color:var(--red-dim-light)}.green-dim-light{color:var(--green-dim-light)}.yellow-dim-light{color:var(--yellow-dim-light)}.blue-dim-light{color:var(--blue-dim-light)}.purple-dim-light{color:var(--purple-dim-light)}.aqua-dim-light{color:var(--aqua-dim-light)}.gray-dim-light{color:var(--gray-dim-light)}.orange-dim-light{color:var(--orange-dim-light)}.fg-light{color:var(--fg-light)}.fg1-light{color:var(--fg1-light)}.fg2-light{color:var(--fg2-light)}.fg3-light{color:var(--fg3-light)}.fg4-light{color:var(--fg4-light)}.bg-hard-light{color:var(--bg_h-light)}.bg-light{color:var(--bg-light)}.bg-soft-light{color:var(--bg_s-light)}.bg1-light{color:var(--bg1-light)}.bg2-light{color:var(--bg2-light)}.bg3-light{color:var(--bg3-light)}.bg4-light{color:var(--bg4-light)}.red-dark{color:var(--red-dark)}.green-dark{color:var(--green-dark)}.yellow-dark{color:var(--yellow-dark)}.blue-dark{color:var(--blue-dark)}.purple-dark{color:var(--purple-dark)}.aqua-dark{color:var(--aqua-dark)}.gray-dark{color:var(--gray-dark)}.orange-dark{color:var(--orange-dark)}.red-dim-dark{color:var(--red-dim-dark)}.green-dim-dark{color:var(--green-dim-dark)}.yellow-dim-dark{color:var(--yellow-dim-dark)}.blue-dim-dark{color:var(--blue-dim-dark)}.purple-dim-dark{color:var(--purple-dim-dark)}.aqua-dim-dark{color:var(--aqua-dim-dark)}.gray-dim-dark{color:var(--gray-dim-dark)}.orange-dim-dark{color:var(--orange-dim-dark)}.fg-dark{color:var(--fg-dark)}.fg1-dark{color:var(--fg1-dark)}.fg2-dark{color:var(--fg2-dark)}.fg3-dark{color:var(--fg3-dark)}.fg4-dark{color:var(--fg4-dark)}.bg-hard-dark{color:var(--bg_h-dark)}.bg-dark{color:var(--bg-dark)}.bg-soft-dark{color:var(--bg_s-dark)}.bg1-dark{color:var(--bg1-dark)}.bg2-dark{color:var(--bg2-dark)}.bg3-dark{color:var(--bg3-dark)}.bg4-dark{color:var(--bg4-dark)}