:root{--roundness: .5rem;--font: "Roboto Mono", "Consolas", "Courier New", monospace;--bg-color: #323437;--caret-color: #e2b714;--main-color: #e2b714;--sub-color: #646669;--sub-alt-color: #2c2e31;--text-color: #d1d0c5;--error-color: #ca4754;--error-extra-color: #7e2a33}*{box-sizing:border-box}html{overflow-y:scroll;line-height:1.25}body{margin:0;min-height:100vh;background:var(--bg-color);color:var(--text-color);font-family:var(--font);letter-spacing:0}button,textarea{font:inherit}button{border:0;border-radius:var(--roundness);background:transparent;color:var(--sub-color);cursor:pointer;transition:color .125s,background .125s,opacity .125s}button:disabled{cursor:not-allowed;opacity:.45}button:hover,button:focus-visible{color:var(--text-color);outline:none}button:focus-visible{box-shadow:0 0 0 .1rem var(--bg-color),0 0 0 .2rem var(--text-color)}.hidden{display:none}#root{min-height:100vh}#app{min-height:100vh;grid-template-rows:auto 1fr;row-gap:2rem;padding-top:2rem;padding-bottom:2rem}.content-grid{--padding-inline: 2rem;--content-max-width: 1536px;--breakout-size: calc( (calc(var(--content-max-width) + 12rem) - var(--content-max-width)) / 2 );display:grid;grid-template-columns:[full-width-start] var(--padding-inline) [full-width-padding-start] minmax(0,1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(0,1fr) [full-width-padding-end] var(--padding-inline) [full-width-end];justify-content:center}.content-grid>:not(.breakout,.full-width,.full-width-padding){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width}.content-grid>.full-width-padding{grid-column:full-width-padding}.topbar{display:flex;align-items:baseline;justify-content:space-between;color:var(--sub-color);-webkit-user-select:none;user-select:none}.brand{color:var(--main-color);font-size:1.35rem;line-height:1}.test-meta{font-size:.95rem}.topbar-actions{display:flex;align-items:center;gap:.35rem}.topbar-actions button{padding:.35rem .55rem;color:var(--sub-color)}.topbar-actions button.active{color:var(--main-color)}.pageTest{min-height:calc(100vh - 8rem);display:grid;grid-template-rows:1fr auto 1fr;align-items:center}#typingTest{position:relative;width:100%;margin:0 auto}#liveStatsMini{display:flex;gap:.75rem;height:1.5rem;margin:0 0 .75rem .25em;color:var(--main-color);font-size:1rem;line-height:1rem;-webkit-user-select:none;user-select:none}#liveStatsMini .speed,#liveStatsMini .acc{color:var(--sub-color)}#wordsWrapper{position:relative;overflow:visible clip;height:9rem;cursor:text;scroll-behavior:auto}#wordsInput{position:absolute;z-index:-1;width:0;height:1em;margin:0;padding:0;opacity:0;border:0;outline:0;resize:none;caret-color:transparent;pointer-events:none;overflow:hidden;white-space:pre;text-wrap-mode:nowrap;contain:strict}#caret{position:absolute;left:0;top:0;z-index:2;width:.1em;min-height:1.2em;background:var(--caret-color);border-radius:var(--roundness);transform-origin:top left;animation:caretFlashSmooth 1s infinite;pointer-events:none;will-change:left,top,height}#words{--correct-letter-color: var(--text-color);--untyped-letter-color: var(--sub-color);--incorrect-letter-color: var(--error-color);--extra-letter-color: var(--error-extra-color);display:flex;flex-wrap:wrap;align-content:flex-start;width:100%;padding-bottom:.5em;color:var(--sub-color);font-size:2rem;line-height:1em;-webkit-user-select:none;user-select:none;will-change:transform}.word{position:relative;margin:.25em .3em;border-bottom:2px solid transparent;font-variant:no-common-ligatures;line-height:1em}.newline{width:100%}.beforeNewline{display:inline-block;height:1em;margin:.25em 0;border-top:.05em solid transparent;border-bottom:2px solid transparent;box-sizing:content-box;vertical-align:top}.afterNewline{display:inline-block}.letter{display:inline-block;color:var(--untyped-letter-color);border-bottom:.05em solid transparent}.letter.correct{color:var(--correct-letter-color)}.letter.incorrect{color:var(--incorrect-letter-color)}.letter.incorrect.extra{color:var(--extra-letter-color)}.letter.faint{color:var(--sub-color);opacity:.45}.word.error{border-bottom-color:var(--error-color);text-shadow:1px 0 0 var(--bg-color),-1px 0 0 var(--bg-color),0 1px 0 var(--bg-color),1px 1px 0 var(--bg-color),-1px 1px 0 var(--bg-color)}.word.active .letter.incorrect{color:var(--error-color)}.word.active .letter.incorrect.extra{color:var(--error-extra-color)}#restartTestButton{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;margin:1rem auto 0;padding:0;font-size:1.1rem}.iconButton{display:inline-grid;place-items:center;width:3rem;height:3rem;padding:0;font-size:1.15rem}.test-progress{width:100%;height:.2rem;margin-top:1.25rem;overflow:hidden;background:var(--sub-alt-color);border-radius:var(--roundness);transform:translateZ(0)}.test-progress .bar{width:100%;height:100%;background:var(--main-color);transform-origin:left center;transition:transform .125s linear}#result{min-height:calc(100vh - 8rem);align-content:center}#result .wrapper{display:grid;grid-template-areas:"stats" "morestats" "passage" "buttons";gap:1.25rem;align-items:center}#result .stats{grid-area:stats;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:2.5rem;justify-content:center;align-items:end}#result .stats.morestats{grid-area:morestats;display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem}#result .group .top{margin-bottom:.25rem;color:var(--sub-color);font-size:1rem;line-height:1rem}#result .group .bottom{color:var(--main-color);font-size:1.5rem;line-height:1.5rem}#result .group.wpm .top,#result .group.acc .top{font-size:2rem;line-height:1.5rem}#result .group.wpm .bottom,#result .group.acc .bottom{font-size:4rem;line-height:4rem}#result .source .bottom{max-width:30rem;color:var(--text-color)}.result-passage{grid-area:passage;color:var(--sub-color);text-align:center}.result-passage .title{color:var(--text-color)}#result .buttons{grid-area:buttons;display:flex;justify-content:center}.import-page{min-height:calc(100vh - 8rem);display:grid;align-content:center}.import-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);gap:1rem;width:min(100%,72rem);margin:0 auto}.import-editor,.normalization-options,.normalization-preview{min-width:0;padding:1rem;background:var(--sub-alt-color);border-radius:var(--roundness)}.import-editor{display:grid;gap:.75rem}.field-label,.normalization-options legend,.preview-label{color:var(--main-color);font-size:.9rem;line-height:1rem}.raw-text-input{width:100%;min-height:16rem;padding:0;border:0;outline:0;resize:vertical;background:transparent;color:var(--text-color);line-height:1.55}.raw-text-input::placeholder{color:var(--sub-color)}.file-import{display:grid;gap:.5rem;padding-top:.25rem}.file-import-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.file-import-row input[type=file]{min-width:16rem;max-width:100%;color:var(--sub-color)}.file-import-row input[type=file]::file-selector-button{margin-right:.75rem;padding:.55rem .75rem;border:0;border-radius:var(--roundness);background:var(--bg-color);color:var(--sub-color);font:inherit;cursor:pointer}.file-import-row input[type=file]::file-selector-button:hover{color:var(--text-color)}.file-import-meta{min-height:1.25rem;color:var(--sub-color);font-size:.85rem;line-height:1.35}.processed-document-meta{color:var(--sub-color);font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}.import-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.import-error{color:var(--error-color);font-size:.9rem;line-height:1.35}.button{padding:.65rem .85rem;background:var(--bg-color)}.button.main{color:var(--bg-color);background:var(--main-color)}.normalization-options{display:grid;align-content:start;gap:.65rem;margin:0;border:0}.checkbox-option{display:grid;grid-template-columns:1.1rem minmax(0,1fr);gap:.5rem;align-items:start;color:var(--text-color);font-size:.9rem;line-height:1.25rem}.checkbox-option input{width:1rem;height:1rem;margin:.12rem 0 0;accent-color:var(--main-color)}.normalization-preview{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.preview-group{display:grid;align-content:start;gap:.5rem}.preview-text{min-height:5rem;color:var(--text-color);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.preview-text.required{color:var(--sub-color)}.faint-preview-char{color:var(--sub-color);opacity:.45}.muted{color:var(--sub-color)}@keyframes caretFlashSmooth{0%,to{opacity:1}50%{opacity:0}}@media(max-width:720px){.content-grid{--padding-inline: 1rem}#app{row-gap:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem}#words{font-size:1.5rem}#wordsWrapper{height:6.75rem}#result .stats{gap:1.5rem}#result .group.wpm .bottom,#result .group.acc .bottom{font-size:3rem;line-height:3rem}.import-layout,.normalization-preview{grid-template-columns:1fr}}