*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{position:fixed;inset:0}.portrait{z-index:0;pointer-events:none;background-color:#000;width:auto;height:auto;position:absolute;inset:-1px;overflow:hidden}.portraitA,.portraitB{opacity:0;z-index:2;background-color:#0000;width:auto;height:auto;display:flex;position:absolute;inset:0}.portraitA img,.portraitB img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.app{--sentence-font-size:1.35rem;--sentence-line-height:28px;--sentence-anchor-y:45%;--sentence-line-extra:max(0px,calc(var(--sentence-line-height) - 3vh));--key-radius:5px;--keyboard-inset:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--keyboard-width:min(640px,calc(100vw - 2*var(--keyboard-inset)));--keyboard-unit:calc(var(--keyboard-width)/100);--hint-key-size:max(30px,calc(10*var(--keyboard-unit)));--hint-key-gap:clamp(2px,var(--keyboard-unit),4px);--keyboard-right:calc((100vw - var(--keyboard-width))/2);--key-height:clamp(36px,6vh,72px);--control-key-height:clamp(32px,5vh,60px);--key-row-gap:clamp(2px,.5vh,6px);background-color:#000;width:auto;height:auto;position:fixed;inset:0;overflow:hidden}.app::-webkit-scrollbar{display:none}.header{opacity:0;z-index:0;position:absolute}.sentenceX{z-index:1;background-color:#0000;width:auto;height:auto;display:flex;position:absolute;inset:0;overflow:hidden}.keyboard{width:var(--keyboard-width);left:auto;right:var(--keyboard-right);padding-bottom:calc(env(safe-area-inset-bottom,0px)/2);z-index:2;box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;height:auto;display:flex;position:absolute;bottom:0}.row0{column-gap:var(--keyboard-unit);margin-bottom:var(--key-row-gap);grid-template-columns:repeat(10,max-content);justify-content:center;row-gap:.5vh;display:grid;position:relative}.hintKeyPad{left:min(calc(100vw - var(--keyboard-right) - 8.6*var(--keyboard-unit)),calc(100vw - var(--hint-key-size) - var(--hint-key-gap)/2 - 2px - var(--keyboard-inset)));top:var(--sentence-anchor-y);grid-template-columns:repeat(2,var(--hint-key-size));grid-template-rows:repeat(2,var(--hint-key-size));gap:var(--hint-key-gap);will-change:transform;z-index:3;pointer-events:none;display:grid;position:absolute;transform:translate(-50%,-50%)}.hintKeyPad>.hintKey{pointer-events:auto;background-color:#0000;width:100%;height:100%}.hintKeyPad[data-main-screen=false],.hintKeyPad:not([data-visible=true]){visibility:hidden}.hintKeyPad .controlKeyCharacter{border-radius:inherit;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hintKeyPad>.hintKey:before{content:"";border-radius:inherit;opacity:1;pointer-events:none;background-color:#0a0a0a;position:absolute;inset:0}.hintKey:not([data-visible=true]){visibility:hidden}.hintKey[data-available=false],.hintKey[aria-disabled=true]{pointer-events:none}.hintKeyIcon{opacity:0;object-fit:contain;border-radius:inherit;-webkit-user-select:none;user-select:none;width:28px;height:28px;transition:opacity 1s linear;display:block;position:relative}.hintKey[data-available=true] .hintKeyIcon{opacity:1;transition-duration:3s}.row1{column-gap:var(--keyboard-unit);margin-bottom:var(--key-row-gap);grid-template-columns:repeat(9,max-content);justify-content:center;display:grid}.row1.sentenceNumberMainKeyRow{display:none}.row2{column-gap:var(--keyboard-unit);margin-bottom:var(--key-row-gap);grid-template-columns:repeat(9,max-content);justify-content:center;display:grid}.row3{column-gap:var(--keyboard-unit);grid-template-columns:repeat(5,max-content);justify-content:center;margin-bottom:0;display:grid}.mainKey,.controlKey{width:calc(8*var(--keyboard-unit));height:var(--key-height);box-sizing:border-box;border-radius:var(--key-radius);background-color:#0a0a0a;justify-content:center;align-items:center;display:flex;position:relative}.mainKeyCharacter,.numberKeyCharacter,.controlKeyCharacter{opacity:.5;cursor:default;font-family:Times New Roman,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em}.uppercaseKeyCharacter{cursor:default;font-family:Times New Roman,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em}.lowercaseKeyCharacter{cursor:default;font-family:Times New Roman,Noto Serif SC,Songti SC,SimSun,serif;font-size:1.2em}#controlKeyCaps,#controlKeyDelete{width:calc(14*var(--keyboard-unit))}#controlKeyLang,#controlKeyNum{width:calc(14*var(--keyboard-unit));height:var(--control-key-height)}#controlKeySpace{width:calc(17.8*var(--keyboard-unit));height:var(--control-key-height)}#controlKeyEnter{width:calc(24*var(--keyboard-unit));height:var(--control-key-height)}#controlKeyCharacterCaps,#controlKeyCharacterDelete,#controlKeyCharacterLang,#controlKeyCharacterNum,#controlKeyCharacterSpace,#controlKeyCharacterEnter{cursor:default;font-size:1em}.authentication{z-index:0;background-color:#0000;width:auto;height:auto;display:none;position:absolute;inset:0;overflow:hidden}#_0_sentenceA{display:flex}#_1_sentenceA,#_2_sentenceA,#_3_sentenceA,#_4_sentenceA,#_5_sentenceA,#_6_sentenceA,#_7_sentenceA,#_8_sentenceA,#_9_sentenceA,#_0_sentenceB,#_1_sentenceB,#_2_sentenceB,#_3_sentenceB,#_4_sentenceB,#_5_sentenceB,#_6_sentenceB,#_7_sentenceB,#_8_sentenceB,#_9_sentenceB,#_0_sentenceC,#_1_sentenceC,#_2_sentenceC,#_3_sentenceC,#_4_sentenceC,#_5_sentenceC,#_6_sentenceC,#_7_sentenceC,#_8_sentenceC,#_9_sentenceC{display:none}.sentenceA,.sentenceB,.sentenceC{left:0;right:0;top:calc(var(--sentence-anchor-y) - 3vh);z-index:1;background-color:#0000;width:auto;height:6vh;position:absolute}.sentenceA0,.sentenceB0,.sentenceC0{opacity:1;z-index:3;translate:0 var(--sentence-line-offset,0px);background-color:#0000;justify-content:left;align-items:center;width:auto;height:6vh;display:flex;position:absolute;left:0;right:0}.sentenceB0,.sentenceC0{height:3vh}.sentenceA1,.sentenceB1,.sentenceC1{caret-color:#0000;border:none;outline:none;width:0;height:0;position:absolute}.sentenceA2,.sentenceB2,.sentenceC2{translate:0 var(--sentence-line-offset,0px);z-index:2;background-color:#0000;justify-content:left;align-items:center;width:auto;height:6vh;display:flex;position:absolute;left:0;right:0}.sentenceB2,.sentenceC2{align-items:center;height:3vh}.sentenceA[data-line-count="2"]{--sentence-line-offset:calc(var(--sentence-line-extra)/-2)}.sentenceB[data-line-count="2"]{--sentence-line-offset:calc(var(--sentence-line-extra)/2)}.sentenceA[data-line-count="3"]{--sentence-line-offset:calc(-1*var(--sentence-line-extra))}.sentenceC[data-line-count="3"]{--sentence-line-offset:var(--sentence-line-extra)}.sentenceA0 span,.sentenceA2 span,.sentenceB0 span,.sentenceB2 span,.sentenceC0 span,.sentenceC2 span{font-family:Times New Roman,Times,Noto Serif SC,Songti SC,SimSun,serif;font-style:normal;font-weight:400;font-size:var(--sentence-font-size);cursor:default;color:#fff;opacity:0;transform:translate(15vw)}.signature{z-index:2;opacity:1;pointer-events:none;background-color:#0000;justify-content:flex-end;align-items:center;width:auto;height:5vh;padding-right:.5vw;display:none;position:absolute;bottom:.25vh;right:.5vw}.signatureCharacter{color:#fff;cursor:default;opacity:0;letter-spacing:.05em;white-space:nowrap;text-align:right;font-family:Times New Roman,Times,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em;font-style:normal;transform:translate(0)}.user{pointer-events:none;background-color:#0000;align-items:center;width:auto;height:6vh;display:none;position:absolute;top:40vh;left:0;right:0}.userName{z-index:1;background-color:#0000;width:auto;height:6vh;display:flex;position:absolute;top:40vh;left:0;right:0}.code{background-color:#0000;width:auto;height:6vh;display:none;position:absolute;top:40vh;left:0;right:0}.message{background-color:#0000;align-items:center;width:auto;height:6vh;display:none;position:absolute;top:47.5vh;left:0;right:0}.next,.confirm,.back,.logOut{opacity:0;background-color:#0000;border-radius:.5vh;justify-content:left;align-items:center;width:15vw;height:4vh;display:none;position:absolute;top:55vh;left:15vw}.next span,.back span,.confirm span{letter-spacing:.05em;cursor:default;color:#fff;opacity:1;font-family:Times New Roman,Times,Noto Serif SC,Songti SC,SimSun,serif;font-size:.65em;font-style:normal;font-weight:400}.back{top:60vh}.logOut{top:69vh}.userNameA0,.userNameB0,.userNameC0,.userA0,.userB0,.userC0,.codeA0{z-index:2;background-color:#0000;align-items:center;width:auto;height:6vh;display:flex;position:absolute;left:0;right:0}.userNameB0{display:none;top:3vh}.userNameC0{display:none;top:6vh}.userB0{top:3vh}.userC0{top:6vh}.userNameA1,.userNameB1,.userNameC1,.codeA1{caret-color:#0000;border:none;outline:none;width:0;height:0;position:absolute}.user span,.userNameA0 span,.userNameB0 span,.userNameC0 span,.codeA0 span{opacity:0;cursor:default;color:#fff;font-family:Times New Roman,Times,Noto Serif SC,Songti SC,SimSun,serif;font-size:1.2em;font-style:normal;font-weight:400;transform:translate(15vw)}.message span{cursor:default;color:#fff;opacity:0;font-family:Times New Roman,Times,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em;font-style:normal;font-weight:400;transform:translate(15vw)}.logOut span{cursor:default;color:#fff;opacity:1;font-family:Times New Roman,Times,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em;font-style:normal;font-weight:400}.userNameA0DashCharacter,.codeA0DashCharacter{background-color:#323232;width:.25vw;height:2vh;display:inline-block}@media (width<=768px){.app{--keyboard-width:calc(100vw - 2*var(--keyboard-inset))}.back,.logOut{width:50vw}.lowercaseKeyCharacter{font-size:1.4em}.uppercaseKeyCharacter{font-size:1.2em}.sentenceA0 span,.sentenceA2 span,.sentenceB0 span,.sentenceB2 span,.sentenceC0 span,.sentenceC2 span{font-size:1.4em}.signature{right:6vw}.signatureCharacter{font-size:.8em}}@media (width>=768px){.app{--sentence-anchor-y:48%;--keyboard-width:clamp(420px,25vw,640px);--keyboard-right:max(5vw,var(--keyboard-inset))}.signature{right:3vw}}@media (height<=500px) and (orientation:landscape){.app{--sentence-anchor-y:calc((100% - 3*var(--key-height) - var(--control-key-height) - 3*var(--key-row-gap) - env(safe-area-inset-bottom,0px)/2)/2)}}.pinyin{height:var(--key-height);margin-bottom:var(--key-row-gap);box-sizing:border-box;padding:0 var(--keyboard-unit);align-items:center;width:0;min-width:100%;display:none}#pinyinCommitKey{display:none}.pinyinInput{margin-right:calc(3*var(--keyboard-unit));color:#fff;opacity:.4;flex:none;font-family:Times New Roman,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em;position:relative}.pinyinCandidates{scrollbar-width:none;column-gap:var(--keyboard-unit);flex:1;min-width:0;display:flex;overflow-x:auto}.pinyinCandidates::-webkit-scrollbar{display:none}.pinyinCandidate{height:var(--control-key-height);padding:0 calc(3*var(--keyboard-unit));border-radius:var(--key-radius);background-color:#0a0a0a;flex:none;align-items:center;display:flex}.pinyinCandidateCharacter{color:#fff;opacity:1;cursor:default;white-space:nowrap;font-family:Times New Roman,Noto Serif SC,Songti SC,SimSun,serif;font-size:1em}#hintKeyUp{grid-area:1/1}#hintKeyDown{grid-area:2/2}#hintKeyLeft{grid-area:2/1}#hintKeyRight{grid-area:1/2}#controlKeySpace,#controlKeySpaceRight{width:calc(17.8*var(--keyboard-unit));height:var(--control-key-height)}.row0,.row1,.row2,.row3{width:var(--keyboard-width)}.row0>#mainKeyY{margin-left:calc(10.8*var(--keyboard-unit))}.row1>:nth-child(6){margin-left:calc(6*var(--keyboard-unit))}.row2>:nth-child(5){margin-left:calc(2*var(--keyboard-unit))}#controlKeySpaceRight{margin-left:calc(7.4*var(--keyboard-unit))}.sentenceNotice{z-index:20;color:#aaa;font:inherit;text-align:left;cursor:pointer;background:#000;border:0;max-width:70%;padding:.5em 0;font-size:.8rem;position:fixed;top:63%;left:15%}.sentenceNotice[hidden],.portraitOnly{display:none}@media (orientation:landscape) and (height<=500px){.portraitOnly{z-index:100;color:#fff;writing-mode:vertical-rl;background-color:#000;justify-content:center;align-items:center;gap:1.5em;font-family:Times New Roman,Noto Serif SC,Songti SC,SimSun,serif;font-size:1.35rem;display:flex;position:fixed;inset:0}}