.styles-module__bqlHEG__pageWrapper{flex-direction:column;height:100svh;display:flex}.styles-module__bqlHEG__mobileHeader{background-color:#fff;border-bottom:1px solid #fecaca;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.styles-module__bqlHEG__mobileBackLink{color:#d14035;align-items:center;text-decoration:none;display:flex}.styles-module__bqlHEG__mobileHeaderTitle{color:#1a1a1a;font-size:1rem;font-weight:600}.styles-module__bqlHEG__hamburgerButton{color:#d14035;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.styles-module__bqlHEG__mobileDropdown{background-color:#fff;border-bottom:1px solid #fecaca;flex-wrap:wrap;justify-content:center;gap:8px;padding:.6rem 1rem;display:flex}.styles-module__bqlHEG__desktopHeader{display:none}.styles-module__bqlHEG__contentArea{flex-direction:column;flex:1;min-height:0;display:flex}.styles-module__bqlHEG__leftPanel{background-color:#fff;border:2px solid #fecaca;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;margin:.5rem 1rem;display:flex;position:relative}.styles-module__bqlHEG__phraseTitle{display:none}.styles-module__bqlHEG__phrase{color:#000;flex-direction:column;display:flex}.styles-module__bqlHEG__words{flex-wrap:wrap;justify-content:space-around;gap:16px 8px;margin:0 8px;display:flex}.styles-module__bqlHEG__firstChar{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.styles-module__bqlHEG__pinyin{color:#d14035;align-self:center}.styles-module__bqlHEG__letter{color:#d14035;font-size:2.25rem;font-weight:700;line-height:2.5rem}.styles-module__bqlHEG__red{color:#f87171}.styles-module__bqlHEG__literal{color:#7b7a7d;text-align:center;font-size:.65rem}.styles-module__bqlHEG__translation{color:#7b7a7d;text-align:center;margin-top:8px;font-size:.8rem;font-style:italic}.styles-module__bqlHEG__rightPanel{background-color:#fff;border:2px solid #fecaca;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:.5rem 1rem .8rem;display:flex;position:relative}.styles-module__bqlHEG__canvasLabel{color:#d14035;text-align:center;margin:8px 16px}.styles-module__bqlHEG__canvasWrapper{flex:1;justify-content:center;align-items:center;display:flex}.styles-module__bqlHEG__canvas{width:calc(100vw - 2rem)}.styles-module__bqlHEG__displayNone{color:#0000}.styles-module__bqlHEG__nextButtonSection{align-items:baseline;width:calc(100% - 2rem);margin:0 1rem;display:flex}.styles-module__bqlHEG__nextButton{cursor:pointer;border:none;width:100%;margin:1rem 0 .5rem 1rem;transition:background-color .2s;color:#fff!important;background-color:#e12828!important;border-radius:calc(1rem - 2px)!important;font-size:.875rem!important;line-height:1.25rem!important}.styles-module__bqlHEG__nextButton:hover,.styles-module__bqlHEG__nextButton:active{background-color:#d14035!important}.styles-module__bqlHEG__previousExcercise{cursor:pointer;width:100%;margin:1rem 1rem .5rem 0;transition:background-color .2s;color:#7b7a7d!important;background-color:#fff!important;border:1px solid #d8d5cf!important;border-radius:calc(1rem - 2px)!important;font-size:.875rem!important;line-height:1.25rem!important}.styles-module__bqlHEG__previousExcercise:hover,.styles-module__bqlHEG__previousExcercise:active{background-color:#eae8e4!important}.styles-module__bqlHEG__popOverContent{border:1px solid #fecaca!important;border-radius:.75rem!important;width:auto!important;min-height:auto!important;padding:.75rem 2rem .75rem 1rem!important;box-shadow:0 4px 12px #00000014!important}.styles-module__bqlHEG__jumpPopover{flex-direction:column;gap:6px;display:flex}.styles-module__bqlHEG__jumpPopoverLabel{color:#7b7a7d;font-size:.75rem}.styles-module__bqlHEG__jumpInputRow{align-items:center;gap:6px;display:flex}.styles-module__bqlHEG__jumpInput{color:#d14035;border:1px solid #fecaca;border-radius:6px;outline:none;width:70px;padding:6px 8px;font-size:.85rem}.styles-module__bqlHEG__jumpInput:focus{border-color:#d14035}.styles-module__bqlHEG__goButton{cursor:pointer;transition:background-color .2s;color:#fff!important;background-color:#e12828!important;border:none!important;border-radius:6px!important;margin:0!important;padding:6px 14px!important;font-size:.8rem!important;line-height:1.2rem!important}.styles-module__bqlHEG__goButton:hover,.styles-module__bqlHEG__goButton:active{background-color:#d14035!important}@media only screen and (max-width:389px){.styles-module__bqlHEG__pinyin{font-size:12px}.styles-module__bqlHEG__letter{font-size:24px}.styles-module__bqlHEG__words{gap:0}}@media only screen and (min-width:1024px){.styles-module__bqlHEG__pageWrapper{background-color:#fbf9f6}.styles-module__bqlHEG__desktopHeader{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.styles-module__bqlHEG__headerLeft{align-items:center;display:flex}.styles-module__bqlHEG__backLink{color:#1a1a1a;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.styles-module__bqlHEG__backLink:hover{color:#d14035}.styles-module__bqlHEG__headerToggles{align-items:center;gap:.75rem;display:flex}.styles-module__bqlHEG__mobileHeader,.styles-module__bqlHEG__mobileDropdown{display:none}.styles-module__bqlHEG__phraseTitle{color:#1a1a1a;text-align:center;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:block}.styles-module__bqlHEG__contentArea{flex-direction:row;gap:1.5rem;padding:0 2rem 2rem}.styles-module__bqlHEG__leftPanel{background-color:#fff;border:1px solid #e8e5df;border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;height:auto;margin:0;padding:2rem;display:flex}.styles-module__bqlHEG__rightPanel{background-color:#fff;border:1px solid #e8e5df;border-radius:1rem;flex:1;justify-content:space-between;margin:0;padding:1.5rem}.styles-module__bqlHEG__phrase{width:100%}.styles-module__bqlHEG__words{justify-content:center;gap:1.5rem;margin:0}.styles-module__bqlHEG__letter{font-size:2.75rem;line-height:3rem}.styles-module__bqlHEG__pinyin{font-size:.95rem}.styles-module__bqlHEG__literal{font-size:.75rem}.styles-module__bqlHEG__translation{margin-top:1rem;font-size:.9rem}.styles-module__bqlHEG__canvasLabel{color:#7b7a7d;align-self:flex-start;margin:0 0 .5rem;font-size:1rem}.styles-module__bqlHEG__canvasWrapper{aspect-ratio:1;border:2px dashed #e8e5df;border-radius:.75rem;justify-content:center;align-items:center;width:100%;max-height:500px;display:flex}.styles-module__bqlHEG__canvas{width:auto}.styles-module__bqlHEG__nextButtonSection{align-items:center;width:100%;margin:1rem 0 0}.styles-module__bqlHEG__previousExcercise{white-space:nowrap;width:auto;margin:0;padding:.5rem 1.25rem}.styles-module__bqlHEG__nextButton{flex:1;margin:0 0 0 1rem;padding:.75rem 2rem;border-radius:1.5rem!important;font-size:1rem!important;line-height:1.5rem!important}}input::placeholder{color:#f4c4c4;opacity:1}