:root{--page-bg:#f3f0f0;--bg-screen:#f4f0f0;--bg-input:#fff0f0;--fg:#333;--a:deeppink;--a-focus:hotpink;--a-active:pink;--fg-correct:green;--bg-current:mediumaquamarine;--fg-correct-letter:palegreen;--fg-wrong:crimson;--bg-wrong:plum;--fg-hi:#0a0;--fg-lo:#aaa;--fg-hi-hi:deeppink;--pressed:#ff0}@media (prefers-color-scheme:dark){:root{--page-bg:#232020;--bg-screen:#343030;--bg-input:#444040;--fg:#eee;--a:hotpink;--a-focus:deeppink;--a-active:mediumvioletred;--fg-correct:mediumseagreen;--bg-current:olive;--fg-correct-letter:palegreen;--fg-wrong:deeppink;--bg-wrong:darkmagenta;--fg-hi:#cc6;--fg-lo:#555;--fg-hi-hi:#d6d;--pressed:#080}#screen,#screen *{font-weight:700}}*{font-family:"Liberation Mono","Ubuntu Mono",monospace;font-size:24pt;line-height:2;scroll-behavior:smooth}#count,.finish #screen,.finish #screen *,a,label,select{font-family:serif}.finish #screen{word-spacing:0.1rem;overflow-y:auto}sup{line-height:4}:not(a,#screen,#screen *,#kb,#kb *){color:var(--fg)}body{background:var(--page-bg);--body-width:min(85%, 35rem);width:var(--body-width);margin:auto}#header *{font-size:inherit}#header>*,a.home{font-size:75%}#header>*{white-space:nowrap}#header>:last-child{margin-top:.25em;float:right;text-align:right;text-align-last:right;margin-right:1em}label[for=emu]{margin-right:1em}#header>:first-child{margin-left:1em}#header select{min-width:8em;max-width:25em;width:calc(100% - 20em)}#header{text-align:left;text-align-last:left}@media (max-width:45em){#header>:last-child{float:none;text-align:center;text-align-last:center;margin:auto}#header>:first-child{margin:auto}#header select{min-width:8em;max-width:25em;width:calc(100% - 5em)}#header{text-align:center;text-align-last:center}}#done{display:none}.finish #done{display:initial}.finish #count{display:none}#header select{text-align:left;text-align-last:left;background:var(--bg-input);border-radius:.25em;padding:.1em .2em}#header,#screen,#write{box-sizing:border-box;width:100%;border:1px solid var(--fg);--in-rad:1em;--word-rad:0.5em}#screen,#write{text-align:center;text-align-last:center}#header{border-radius:var(--in-rad) var(--in-rad) 0 0;border-bottom:none;padding:.25em 0;overflow:hidden}#emus{margin:1em}#screen{font-weight:700;height:8rem;background:var(--bg-screen);padding:1rem 2rem;overflow-y:hidden;word-spacing:0.5rem}.finish #screen{font-weight:400;font-size:75%}a{color:var(--a)}a:focus,a:hover{color:var(--a-focus)}a:active{color:var(--a-active)}#write{background:var(--bg-input);border-radius:0 0 var(--in-rad) var(--in-rad);padding:.5em}#screen>span{scroll-margin:1em}.correct-letter{color:var(--fg-correct-letter)!important}.correct-word{color:var(--fg-correct)!important}.current-word{background:var(--bg-current);border-radius:var(--word-rad)}.wrong-letter{color:var(--fg-wrong)}.wrong-word{background:var(--bg-wrong)!important}.current-word>span.bb::before{content:'‍​‍'}#kb{--unit:0.3rem;--margin:calc(var(--unit) / 2.5);--width:calc(var(--unit) *88);--key:calc(var(--unit) * 5.5);--BQ:calc(var(--unit) * 4);--TB:calc(var(--unit) * 6);--CP:calc(var(--unit) * 8);--SL:calc(var(--unit) *13);--CR:calc(var(--unit) * 8);margin-top:var(--key)}#kb>div{display:inline-block;border-radius:.3rem;border:1px solid;box-sizing:border-box;padding:0;height:1.8rem;line-height:1.8rem;width:var(--key);margin:var(--margin);vertical-align:middle}#kb>br{margin-top:var(--margin)}#kAL,#kAR,#kBQ,#kBS,#kCL,#kCP,#kCR,#kEN,#kRS,#kSL,#kSP,#kSR,#kSU,#kTB{font-size:.5rem}#kb>#kBQ{width:var(--BQ)}#kb>#kTB{width:var(--TB)}#kb>#kCP{width:var(--CP)}#kb>#kSL{width:var(--SL)}#kb>#kAL,#kb>#kAR,#kb>#kCL,#kb>#kCR,#kb>#kSU{width:var(--CR)}#kb>#kBS{width:calc(var(--width) - var(--BQ) - 12*(var(--key) + 2*var(--margin)) - 2*var(--margin))}#kb>#kRS{width:calc(var(--width) - var(--TB) - 12*(var(--key) + 2*var(--margin)) - 2*var(--margin))}#kb>#kEN{width:calc(var(--width) - var(--CP) - 11*(var(--key) + 2*var(--margin)) - 2*var(--margin))}#kb>#kSR{width:calc(var(--width) - var(--SL) - 10*(var(--key) + 2*var(--margin)) - 2*var(--margin))}#kb>#kSP{width:calc(var(--width) - 5*var(--CR) - 10*var(--margin))}#kb .icon{font-size:.65rem;padding:0 .15em}#kBS .icon,#kSU .icon{padding:0}#kBS .icon{font-size:1.5rem;top:-.65rem}#kSL[dir=ltr] .icon,#kTB[dir=ltr] .icon{padding-right:0}#kSL[dir=rtl] .icon,#kTB[dir=rtl] .icon{padding-left:0}#kb>div,#kb>div>*{position:relative}#kb .sub{font-size:.65rem;top:.2rem}#kb .sup{font-size:.65rem;vertical-align:top;top:-.2rem}#kb .for{top:-.05em}html[dir=rtl] #kb .sup.mark{font-size:1rem;left:.2rem}html[dir=rtl] #kb .for.mark{font-size:1.5rem;line-height:0;left:-.2rem;top:.25rem}html[dir=rtl] #kb .mark~.sub{left:-.3rem}html[dir=rtl] #kb .sup.submark{top:.25rem}html[dir=rtl] #kb .for.submark{font-size:1.5rem;line-height:0;left:-.4rem;top:-.25rem}html[dir=rtl] #kb .submark~.sub{left:-.3rem}#kBQ .sub{left:-.2rem;top:.4rem}#kBQ .mark~.sub{left:-.6rem!important}#kb>div{color:var(--fg-lo);opacity:50%}#kb>div>*{color:var(--fg-lo)}#kb>div.ok{opacity:100%}#kb>div.ok>:not(.ok){opacity:50%}#kb>div.ok>:not(.ok).for{opacity:35%}#kb>div>.ok{color:var(--fg-lo)}#kb>div.pressed{background:var(--pressed)}#kb>div.current,#kb>div>.current{color:var(--fg-hi)}#kb>div.needed,#kb>div>.needed{color:var(--fg-hi-hi)}#kb>div.needed{border-width:.1rem}