*,: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{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{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;width:auto;height:auto;display:flex;position:absolute;bottom:0;left:0;right:0}.row0{grid-template-columns:repeat(10,max-content);justify-content:center;column-gap:1vw;margin-bottom:.5vh;display:grid}.row1{grid-template-columns:repeat(9,max-content);justify-content:center;column-gap:1vw;margin-bottom:.5vh;display:grid}.row1.sentenceNumberMainKeyRow{display:none}.row2{grid-template-columns:repeat(9,max-content);justify-content:center;column-gap:1vw;margin-bottom:.5vh;display:grid}.row3{grid-template-columns:repeat(3,max-content);justify-content:left;column-gap:1vw;margin-bottom:0;display:grid}.mainKey,.controlKey{box-sizing:border-box;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:9vw;height:6vh;display:flex;position:relative}.mainKeyCharacter,.numberKeyCharacter,.controlKeyCharacter{opacity:.5;cursor:default;font-family:Times New Roman;font-size:1em}.uppercaseKeyCharacter{cursor:default;font-family:Times New Roman;font-size:1em}.lowercaseKeyCharacter{cursor:default;font-family:Times New Roman;font-size:1.2em}#controlKeyCaps,#controlKeyDelete{width:14vw}#controlKeyNum{width:14vw;height:5vh}#controlKeySpace{width:59vw;height:5vh}#controlKeyEnter{width:24vw;height:5vh}#controlKeyCharacterCaps,#controlKeyCharacterDelete,#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{z-index:1;background-color:#0000;width:auto;height:6vh;position:absolute;top:35vh;left:0;right:0}.sentenceA0,.sentenceB0,.sentenceC0{opacity:1;z-index:3;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{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}.sentenceA0 span,.sentenceA2 span,.sentenceB0 span,.sentenceB2 span,.sentenceC0 span,.sentenceC2 span{cursor:default;color:#fff;opacity:0;font-family:Times New Roman,Times,serif;font-size:1.35em;font-style:normal;font-weight:400;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,serif;font-size:1em;font-style:normal;transform:translate(0)}.user{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,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,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,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,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){.back,.logOut{width:50vw}.mainKey,.controlKey{border-radius:1vh}#controlKeyNum{width:24vw}#controlKeySpace{width:49vw}.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){.sentenceA,.sentenceB,.sentenceC{top:45vh}.keyboard{width:25vw;left:auto;right:5vw}.row0,.row1,.row2,.row3{justify-content:center;column-gap:.25vw;width:25vw}.mainKey,.controlKey{width:2.25vw}#controlKeyCaps,#controlKeyDelete,#controlKeyNum{width:3.5vw}#controlKeySpace{width:14.75vw}#controlKeyEnter{width:6vw}.signature{right:3vw}}