:root{font-size:16px;--typing-font-size: 2.5rem}body{margin:0;background-color:#fff;color:#000;text-align:center;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;padding:1.5rem 0}.typing-stage{width:100%;max-width:1000px;margin:0 auto;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.typing-stage .game-container{width:100%}button{cursor:pointer;margin:1rem 0;padding:0,0;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:none}button:hover{background-color:gray}button:focus{outline:none;box-shadow:none}.top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 .5rem}.top-bar .modes{display:inline-flex;align-items:center;gap:.6rem}.wpm-paste{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-left:auto}.copy-button,.mode-button{cursor:pointer;margin:0;padding:0;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:none}.mode-button.active{background-color:#00f;color:#00f}.dark-mode .mode-button.active{background-color:red;color:red}.punctuation-dropdown{position:relative;display:inline-block}.dropdown-button{border:none;background-color:#fff;color:#000;font-size:1rem;cursor:pointer}.dark-mode .dropdown-button{background-color:#000;color:#fff}.dropdown-content{display:none;position:absolute;background-color:#fff;border:1px solid black;box-shadow:0 2px 4px #0003;z-index:1;padding:.5rem;min-width:100px}.dropdown:hover .dropdown-content{display:block}.option{padding:.25rem 0;cursor:pointer}.option:hover{background-color:#eee}.user-input{color:gray}.output{color:#000}.hidden{display:none}.typing-wrapper{text-align:left;position:relative;width:100%;max-width:1000px;height:200px;font-size:24px;height:auto;line-height:1.2}.typed-text{position:relative;top:0;left:0;width:100%;height:auto;pointer-events:none;white-space:pre-wrap;overflow-wrap:pre-wrap;word-break:normal;font-size:var(--typing-font-size);line-height:1.2;color:gray;padding:0;margin:0;border:none;resize:none;outline:none;letter-spacing:.05rem}.dark-mode .typed-text{color:gray}.caret{position:absolute;width:.2rem;height:var(--typing-font-size);margin-left:0;background:#00f;vertical-align:text-top;animation:blink 1s step-end infinite;transition:opacity 0s ease-out,left .12s ease-out,top .12s ease-out}@keyframes blink{50%{opacity:0}}.dark-mode .caret{background:red}.correct{background:transparent;color:#000}.dark-mode .correct{background:transparent;color:#fff}.wrong{background-color:red;color:#000}.dark-mode .wrong{background:#00f;color:#fff}.tombstone{color:#000}.dark-mode .tombstone{color:#fff}