.App_container__Rt8T2{padding:2rem}.App_nav__Yz\+gE{background:#23272e;border-bottom:1px solid #222;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem 2vw}.App_link__kpF6Q{color:#61dafb;margin-right:1rem;text-decoration:none}.App_link__kpF6Q:last-child{margin-right:0}.PinyinToneInput_container__ozO5Q{padding:2rem}.PinyinToneInput_inputContainer__Z6L5C{margin:2rem 0}.PinyinToneInput_input__zWEeK{background-color:#22252b;border:2px solid #61dafb;border-radius:4px;color:#fff;font-size:1.2rem;max-width:80vw;outline:none;padding:.5rem;width:400px}.PinyinToneInput_example__Majya{color:#61dafb;font-size:.9rem}.SmartPinyinInput_listbox__lFWJ5{background:#23272a;color:#f3f3f3;font-size:1.1rem}.SmartPinyinInput_paper__PiJ0m{background:#23272a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#f3f3f3}.SmartPinyinInput_noOptions__NmPtb{background:#23272a;color:#bbb;padding:.75rem 1rem}.SmartPinyinInput_option__ITXFz{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.5rem 1rem}.SmartPinyinInput_option__ITXFz.SmartPinyinInput_Mui-focused__1rm\+J,.SmartPinyinInput_option__ITXFz:hover,.SmartPinyinInput_option__ITXFz[aria-selected=true]{background:#2d3741;color:#61dafb}.SmartPinyinInput_character__ZMC7Y{font-size:1.3rem;font-weight:700;margin-right:.5rem}.SmartPinyinInput_container__C42Dv{padding:2rem}.SmartPinyinInput_exerciseContainer__8hsG1{margin:2rem 0}.SmartPinyinInput_exerciseText__TFfzc{align-items:baseline;color:#f3f3f3;display:flex;flex-wrap:wrap;font-size:1.2rem;gap:.25rem;line-height:2}.SmartPinyinInput_blankInput__wCpo\+{display:inline-flex!important;width:150px!important}.SmartPinyinInput_blankInput__wCpo\+ .SmartPinyinInput_MuiInput-root__2qO2E{background:#0000!important;border-bottom:2px solid #61dafb!important}.SmartPinyinInput_blankInput__wCpo\+ .SmartPinyinInput_MuiInput-root__2qO2E:before{border-bottom:none!important}.SmartPinyinInput_blankInput__wCpo\+ .SmartPinyinInput_MuiInput-root__2qO2E:after{border-bottom:2px solid #90caf9!important}.SmartPinyinInput_blankInput__wCpo\+ .SmartPinyinInput_MuiInputBase-input__C11Au{color:#f3f3f3!important;font-size:1.2rem!important;padding:.25rem .5rem!important;text-align:center}.MarkdownToRuby_container__5sYmn{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding-bottom:4rem}.MarkdownToRuby_header__J\+e52{margin-bottom:2rem;text-align:center}.MarkdownToRuby_descriptionWrapper__pcohd{margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.MarkdownToRuby_content__vgfG4{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:0}.MarkdownToRuby_inputSection__NjOQf{grid-column:1;grid-row:1/-1}.MarkdownToRuby_outputSection__PepZ2{grid-column:2;grid-row:1}.MarkdownToRuby_htmlSection__O-a13{grid-column:2;grid-row:2}.MarkdownToRuby_htmlSection__O-a13,.MarkdownToRuby_inputSection__NjOQf,.MarkdownToRuby_outputSection__PepZ2{display:flex;flex-direction:column}.MarkdownToRuby_textArea__e-L9J{flex:1 1;font-family:Roboto Mono,monospace}.MarkdownToRuby_textArea__e-L9J .MarkdownToRuby_MuiOutlinedInput-root__rZN-0{height:100%}.MarkdownToRuby_textArea__e-L9J .MarkdownToRuby_MuiOutlinedInput-input__gWBh0{height:calc(100% - 32px);overflow-y:auto}.MarkdownToRuby_preview__0\+v7j{overflow-y:auto}.MarkdownToRuby_htmlCode__pMZ2V,.MarkdownToRuby_preview__0\+v7j{background:#23272a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#f3f3f3;height:100%;padding:1.5rem}.MarkdownToRuby_htmlCode__pMZ2V{overflow:auto}.MarkdownToRuby_htmlCodeContent__DQJ-l{word-wrap:break-word;color:#f3f3f3;font-family:Roboto Mono,monospace;font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap}.MarkdownToRuby_htmlContent__4WSHk{color:#f3f3f3;line-height:1.6}.MarkdownToRuby_htmlContent__4WSHk h1,.MarkdownToRuby_htmlContent__4WSHk h2,.MarkdownToRuby_htmlContent__4WSHk h3,.MarkdownToRuby_htmlContent__4WSHk h4,.MarkdownToRuby_htmlContent__4WSHk h5,.MarkdownToRuby_htmlContent__4WSHk h6{color:#61dafb;margin-bottom:1rem;margin-top:0}.MarkdownToRuby_htmlContent__4WSHk p{margin-bottom:1rem}.MarkdownToRuby_htmlContent__4WSHk code{background:#2d3741;border:1px solid #3a4149;border-radius:3px;color:#f3f3f3;font-family:Roboto Mono,monospace;font-size:.875rem;padding:.2rem .4rem}.MarkdownToRuby_rubyWrapper__trOR5{display:inline-block}.MarkdownToRuby_plainText__0IxNg,.MarkdownToRuby_rubyWrapper__trOR5{background:#3b4252;border:1px solid #3a4149;border-radius:3px;color:#fff;padding:.2rem .4rem}.MarkdownToRuby_plainText__0IxNg{font-size:.875rem}.MarkdownToRuby_htmlContent__4WSHk ruby{ruby-align:center;font-size:1.125rem;line-height:1.4;ruby-position:over;vertical-align:initial}.MarkdownToRuby_htmlContent__4WSHk rt{color:#fff;font-size:.75em;font-weight:500}.MarkdownToRuby_htmlContent__4WSHk ol,.MarkdownToRuby_htmlContent__4WSHk ul{margin-bottom:1rem;padding-left:2rem}.MarkdownToRuby_htmlContent__4WSHk li{margin-bottom:.5rem}.MarkdownToRuby_preview__0\+v7j:focus-within{outline:2px solid #61dafb;outline-offset:2px}@media (max-width:768px){.MarkdownToRuby_content__vgfG4{gap:1.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.MarkdownToRuby_inputSection__NjOQf{grid-row:auto;height:auto}.MarkdownToRuby_htmlSection__O-a13,.MarkdownToRuby_outputSection__PepZ2{grid-column:1}.MarkdownToRuby_htmlCode__pMZ2V,.MarkdownToRuby_preview__0\+v7j{height:300px}.MarkdownToRuby_textArea__e-L9J{flex:none}.MarkdownToRuby_textArea__e-L9J .MarkdownToRuby_MuiInputBase-input__TW-YC,.MarkdownToRuby_textArea__e-L9J .MarkdownToRuby_MuiInputBase-root__24CvS{height:auto}.MarkdownToRuby_container__5sYmn{padding:1rem}.MarkdownToRuby_htmlContent__4WSHk ruby{font-size:1rem}}.ChineseFillInTheBlank_container__cSdrl{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;min-height:0;padding-bottom:0}.ChineseFillInTheBlank_header__J4Iyt{margin-bottom:2rem;text-align:center}.ChineseFillInTheBlank_descriptionWrapper__sAzep{margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.ChineseFillInTheBlank_descriptionWrapper__sAzep code{background:#f5f5f5;border-radius:3px;font-family:Roboto Mono,monospace;font-size:.875rem;padding:.2rem .4rem}.ChineseFillInTheBlank_content__lcJwl{display:flex;flex:1 1;gap:1.5rem;min-height:0}.ChineseFillInTheBlank_inputSection__GrG1P,.ChineseFillInTheBlank_rightPanel__ZWA-x{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.ChineseFillInTheBlank_rightPanel__ZWA-x{gap:1.5rem}.ChineseFillInTheBlank_previewSection__hVkqy{display:flex;flex-direction:column}.ChineseFillInTheBlank_textArea__4cZEg{flex:1 1;font-family:Roboto Mono,monospace}.ChineseFillInTheBlank_textArea__4cZEg .ChineseFillInTheBlank_MuiOutlinedInput-root__Herno{height:100%}.ChineseFillInTheBlank_textArea__4cZEg .ChineseFillInTheBlank_MuiOutlinedInput-input__myFn8{height:calc(100% - 32px);overflow-y:auto}.ChineseFillInTheBlank_preview__XDcBB{background:#23272a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#f3f3f3;flex:1 1;max-height:100%;min-height:0;overflow-y:auto;padding:1.5rem}.ChineseFillInTheBlank_htmlOutputSection__qorXJ{display:flex;flex:1 1;flex-direction:column;max-height:50%;min-height:0}.ChineseFillInTheBlank_htmlCode__Z5Kx7{background:#23272a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#f3f3f3;flex:1 1;max-height:100%;min-height:0;overflow:auto;padding:1.5rem}.ChineseFillInTheBlank_htmlCodeContent__\+LE3Q{word-wrap:break-word;color:#f3f3f3;font-family:Roboto Mono,monospace;font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap}.ChineseFillInTheBlank_exercisesWrapper__QIAvZ{display:flex;flex-direction:column;gap:2rem}.ChineseFillInTheBlank_exercise__bEpSv{display:flex;flex-direction:column;gap:1rem}.ChineseFillInTheBlank_sentenceWrapper__yKCws{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.5rem;gap:.5rem;line-height:2.5}.ChineseFillInTheBlank_blankWrapper__Xk5Ym{align-items:baseline;display:inline-flex}.ChineseFillInTheBlank_blankWithPinyin__Wowdn{display:inline-block;font-size:1.5rem;line-height:1.4;position:relative;vertical-align:initial}.ChineseFillInTheBlank_sentenceWrapper__yKCws{--pinyin-offset:0.15em}.ChineseFillInTheBlank_pinyinAnnotation__TxgW5{bottom:calc(100% - var(--pinyin-offset));color:#f3f3f3;font-size:.65em;font-weight:500;left:50%;line-height:1.2;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.ChineseFillInTheBlank_blankInput__DvESf{background:#0000;border:none;border-bottom:2px solid #61dafb;border-radius:0;color:#f3f3f3;display:inline-block;font-family:inherit;font-size:inherit;line-height:inherit;max-width:3em;min-width:2em;outline:none;padding:0;text-align:center;transition:all .2s ease;vertical-align:initial;width:2.5em}.ChineseFillInTheBlank_blankInput__DvESf:focus{background:#61dafb1a;border-bottom-color:#88e5ff;box-shadow:0 0 0 3px #61dafb33}.ChineseFillInTheBlank_rubyText__JylKI{ruby-align:center;color:#f3f3f3;font-size:1.5rem;line-height:1.4;ruby-position:over;vertical-align:initial}.ChineseFillInTheBlank_rubyText__JylKI rt{color:#f3f3f3;font-size:.65em;font-weight:500;line-height:1.2}.ChineseFillInTheBlank_rubyText__JylKI rp{color:#61dafb;opacity:.5}.ChineseFillInTheBlank_textSegment__2xkCr{color:#f3f3f3;font-size:1.5rem}.ChineseFillInTheBlank_preview__XDcBB:focus-within{outline:2px solid #61dafb;outline-offset:2px}.ChineseFillInTheBlank_blankInput__DvESf:focus-visible{outline:2px solid #88e5ff;outline-offset:2px}@media (max-width:768px){.ChineseFillInTheBlank_content__lcJwl{flex-direction:column}.ChineseFillInTheBlank_inputSection__GrG1P{height:auto}.ChineseFillInTheBlank_htmlOutputSection__qorXJ,.ChineseFillInTheBlank_previewSection__hVkqy,.ChineseFillInTheBlank_rightPanel__ZWA-x{flex:none}.ChineseFillInTheBlank_htmlCode__Z5Kx7,.ChineseFillInTheBlank_preview__XDcBB{height:auto;min-height:300px}.ChineseFillInTheBlank_textArea__4cZEg{flex:none;height:300px}.ChineseFillInTheBlank_sentenceWrapper__yKCws{font-size:1.25rem;line-height:2}.ChineseFillInTheBlank_blankInput__DvESf{font-size:1rem;min-width:60px}.ChineseFillInTheBlank_rubyText__JylKI,.ChineseFillInTheBlank_textSegment__2xkCr{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.ChineseFillInTheBlank_blankInput__DvESf{transition:none}}.PinyinToHanziInput_container__MLd5V{box-sizing:border-box;color:#f3f3f3;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem 4rem}.PinyinToHanziInput_header__\+8qQo{margin-bottom:2rem;text-align:center}.PinyinToHanziInput_content__FqhfD{grid-gap:1.75rem;align-items:start;display:grid;gap:1.75rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.PinyinToHanziInput_leftPanel__eeVJO,.PinyinToHanziInput_rightPanel__X2wMb{display:flex;flex-direction:column;gap:1rem;min-height:0}.PinyinToHanziInput_textArea__1kP5Y .PinyinToHanziInput_MuiOutlinedInput-root__4fksM{background:#23272a;border-radius:6px;color:#f3f3f3}.PinyinToHanziInput_textArea__1kP5Y .PinyinToHanziInput_MuiOutlinedInput-input__017wH{font-family:Roboto Mono,monospace;min-height:400px}.PinyinToHanziInput_preview__yZYeT{background:#1e1f24;border-radius:6px;box-shadow:0 4px 20px #00000059;color:#f3f3f3;display:flex;flex-direction:column;gap:1.5rem;min-height:0;padding:1.75rem}.PinyinToHanziInput_sectionBlock__y8Ftf{display:flex;flex-direction:column;gap:.75rem}.PinyinToHanziInput_sectionText__C\+cje{font-size:1.1rem!important;line-height:1.6!important}.PinyinToHanziInput_sentenceWrapper__baHV0{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.5rem;gap:.5rem;line-height:1.8}.PinyinToHanziInput_sentenceText__R73nb{white-space:pre-wrap}.PinyinToHanziInput_blankInput__2Feu7{width:180px}.PinyinToHanziInput_blankInput__2Feu7 .MuiOutlinedInput-root{background:#22252b;border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}.PinyinToHanziInput_blankInput__2Feu7 .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#7fd3ff}.PinyinToHanziInput_blankInput__2Feu7 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb59}.PinyinToHanziInput_blankInput__2Feu7 .MuiOutlinedInput-notchedOutline{border-color:#fff3}.PinyinToHanziInput_matchedInput__AlaDk{background:#388e3c33;border-radius:6px}.PinyinToHanziInput_unmatchedInput__30mQ4{background:#2196f31f;border-radius:6px}.PinyinToHanziInput_inputField__1ZKiM{color:#f3f3f3;font-size:1.5rem!important;padding:.5rem .75rem!important;text-align:center}.PinyinToHanziInput_mismatchWarning__Qdkfu{margin-top:1rem}.PinyinToHanziInput_exercisesGrid__tCvFG{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr}.PinyinToHanziInput_methodTitle__O0w8C{color:#61dafb!important;font-weight:600!important;margin-bottom:.5rem!important}.PinyinToHanziInput_methodDescription__\+rTUF{display:block;font-size:1rem!important;font-style:italic;line-height:1.6!important;margin-bottom:1rem!important}@media (max-width:960px){.PinyinToHanziInput_content__FqhfD{grid-template-columns:1fr}.PinyinToHanziInput_textArea__1kP5Y .PinyinToHanziInput_MuiOutlinedInput-input__017wH{min-height:300px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#181a1b;color:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}a{color:#61dafb;text-decoration:underline}a:focus,a:hover,a:visited{text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7f50de93.css.map*/