:root{--typewriter-bg:#ffdeae;--selector-bg:#eee;--oim-bg:#fff;--oim-border:#ffc36b;--oim-text:#333;--oim-current-bg:#bef4c9;--oim-current-text:#00a;--oim-miss-bg:#f3bfbf;--oim-miss-text:#a00;--oim-previous-bg:#eee;--oim-previous-text:#ccc;--oim-score-bg:#bef4c9;--oim-score-text:#126d25;--oim-score-strong:#333;--oim-score-em:#888}@media (prefers-color-scheme:dark){:root{--typewriter-bg:#4c1d95;--selector-bg:#374151;--oim-bg:#1f2937;--oim-border:#8b5cf6;--oim-text:#f9fafb;--oim-current-bg:#7c3aed;--oim-current-text:#e0e7ff;--oim-miss-bg:#dc2626;--oim-miss-text:#fecaca;--oim-previous-bg:#374151;--oim-previous-text:#9ca3af;--oim-score-bg:#7c3aed;--oim-score-text:#c4b5fd;--oim-score-strong:#f9fafb;--oim-score-em:#9ca3af}}.oim,.oim .next,.oim .previous{overflow:hidden}#TypeWriter{display:block;background-color:var(--typewriter-bg);padding:10px 25px;margin:-1px -30px 0}#TypeWriter #WORDBUTTON{display:block;width:100%;margin:10px 0 0;text-align:center}#TypeWriter #WORDBUTTON input[type=button]{cursor:pointer;border:none;padding:7px 18px;font:16px Arial;color:#fff;background-color:#333;border-radius:5px;margin:0 auto}#TypeWriter #WORDBUTTON input[type=button]:hover{background-color:#666}#TypeWriter #WORDBUTTON input[type=button]:active{color:var(--oim-border)}#WriterSelector{display:block;background-color:var(--selector-bg);padding:10px;margin:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px}#WriterSelector .picktrial{display:block;padding:0;margin:0;text-align:center}#WriterSelector .picktrial select{border:1px solid #ccc;width:100%;padding:6px}.oim{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;background-color:var(--oim-bg);padding:4px;border-radius:5px;margin:0 auto;border:1px solid var(--oim-border);height:33px}.oim textarea{position:absolute;margin-top:-2px;margin-left:-2px;height:33px;border:none;resize:none;text-align:center;background:0 0;color:transparent;caret-color:transparent;outline:0}.oim span{background-color:var(--oim-bg);font:20px Arial,Sans-Serif;color:var(--oim-text);padding:5px 8px;margin:0;height:23px;text-wrap:nowrap}.oim .previous{flex:8;order:-1;align-self:flex-end;background-color:var(--oim-previous-bg);color:var(--oim-previous-text);border-top-left-radius:5px;border-bottom-left-radius:5px;text-align:right;direction:rtl;border-left:5px solid var(--oim-previous-bg)}.oim .current{order:0;background-color:var(--oim-current-bg);color:var(--oim-current-text);border-top-right-radius:5px;border-bottom-right-radius:5px;font-weight:700;transition:background-color .2s linear}.oim .current.miss{background-color:var(--oim-miss-bg);color:var(--oim-miss-text)}.oim .next{flex:20;order:1;direction:ltr;border-right:5px solid var(--oim-bg);background:linear-gradient(to right,var(--oim-text),var(--oim-bg));background-clip:text;color:transparent;padding-left:2px}.oim .score{flex:1;text-align:center;background-color:var(--oim-score-bg);color:var(--oim-score-text);border-radius:5px;font-size:12px;vertical-align:middle}.oim .score strong{font-size:20px;color:var(--oim-score-strong);padding-left:4px;padding-right:4px;vertical-align:middle}.oim .score em{color:var(--oim-score-em);font-size:10px;vertical-align:middle}