:root{color-scheme:dark;--bg-color: #323437;--sub-alt-color: #2c2e31;--sub-color: #646669;--text-color: #d1d0c5;--main-color: #e2b714;--caret-color: #e2b714;--error-color: #ca4754;--error-extra-color: #7e2a33;--font: "Roboto Mono", "Cascadia Mono", "Consolas", monospace;--roundness: .5rem}*{box-sizing:border-box}html{min-height:100%;background:var(--bg-color);scrollbar-color:var(--sub-color) transparent}body{margin:0;min-height:100vh;background:var(--bg-color);color:var(--text-color);font-family:var(--font);font-size:16px;letter-spacing:0}button,textarea,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:.16rem solid var(--text-color);outline-offset:.16rem}::selection{background:var(--main-color);color:var(--bg-color)}#root{min-height:100vh}.app-shell{width:min(100% - 3rem,1200px);min-height:100vh;margin:0 auto;display:grid;grid-template-rows:auto 1fr;gap:2rem;padding:2rem 0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem}.brand-button,.topbar-nav button,.text-button,.icon-button{color:var(--sub-color);background:transparent;border-radius:var(--roundness);cursor:pointer;transition:color .12s ease,background .12s ease,opacity .12s ease}.brand-button{padding:.35rem 0;font-size:1.55rem;color:var(--main-color)}.topbar-nav{display:flex;gap:.25rem}.topbar-nav button,.text-button{padding:.6rem .85rem}.topbar-nav button:hover,.topbar-nav button.active,.text-button:hover,.text-button.accent,.icon-button:hover{color:var(--text-color)}.text-button.accent:hover,.topbar-nav button.active{color:var(--main-color)}.main-view{min-height:0;display:grid;align-items:start;padding-top:clamp(1rem,8vh,5rem)}.muted{color:var(--sub-color)}.typing-screen{width:100%;align-self:center}.typing-meta{width:min(100%,1075px);margin:0 auto 1.5rem;display:flex;justify-content:space-between;gap:1rem;color:var(--sub-color);font-size:.95rem}.live-stats{display:flex;gap:1rem;white-space:nowrap}#wordsWrapper{width:min(100%,1075px);height:8.5rem;margin:0 auto;position:relative;overflow:hidden;cursor:text}#wordsWrapper.out-of-focus #words{opacity:.28;filter:blur(3px)}#wordsInput{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;opacity:0;border:0;resize:none;pointer-events:none;caret-color:transparent;color:transparent;background:transparent;overflow:hidden;white-space:nowrap;z-index:-1}#words{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;color:var(--sub-color);font-size:clamp(1.7rem,3vw,2rem);line-height:1.25;-webkit-user-select:none;user-select:none;transition:transform .16s ease;will-change:transform}.word{position:relative;margin:.25em .33em;border-bottom:.09em solid transparent;font-variant-ligatures:none}.word.error{border-bottom-color:var(--error-color)}letter.letter{display:inline-block;min-width:.01em}.letter.correct{color:var(--text-color)}.letter.incorrect{color:var(--error-color)}.letter.incorrect.extra{color:var(--error-extra-color)}.letter.faint{color:var(--sub-color);opacity:.45}#caret{position:absolute;left:0;top:0;width:.12em;min-width:2px;height:1.2em;border-radius:999px;background:var(--caret-color);transform-origin:top left;animation:caretFlash 1s infinite;pointer-events:none;z-index:2}#caret.hidden{display:none}#caret.moving{animation:none}.focus-warning,.empty-typing-target{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;text-align:center;color:var(--text-color);pointer-events:none}.typing-footer{width:min(100%,1075px);margin:1rem auto 0;display:grid;justify-items:center;gap:1rem}.test-progress{width:100%;height:.18rem;overflow:hidden;background:var(--sub-alt-color);border-radius:999px}.test-progress>div{height:100%;background:var(--main-color);transition:width .12s ease}.icon-button{width:2.8rem;height:2.8rem;display:grid;place-items:center;font-size:1.25rem}.result-screen{width:min(100%,1000px);margin:0 auto;display:grid;gap:1.5rem}.result-primary{display:grid;grid-template-columns:auto auto;gap:3rem;justify-content:start}.result-secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 2rem}.stat-label{color:var(--sub-color);font-size:1rem;line-height:1.1}.result-primary .stat-label{font-size:2rem}.stat-value{color:var(--main-color);font-size:4.5rem;line-height:1}.stat-value.small{font-size:1.45rem;line-height:1.2;overflow-wrap:anywhere}.result-source{color:var(--sub-color);line-height:1.5}.source-title{color:var(--text-color)}.result-actions{display:flex;justify-content:center;gap:.75rem}.import-screen{width:100%;align-self:start;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:1.5rem}.import-column,.normalization-options,.preview-panel{background:var(--sub-alt-color);border-radius:var(--roundness);padding:1rem}.field-label,.normalization-options legend,.preview-label{display:block;margin-bottom:.55rem;color:var(--sub-color);font-size:.9rem}.raw-text-input{width:100%;min-height:14rem;border:0;border-radius:calc(var(--roundness) * .75);padding:.85rem;color:var(--text-color);background:var(--bg-color);resize:vertical}.raw-text-input::placeholder{color:var(--sub-color)}.file-picker{margin-top:1rem}.file-row{display:flex;align-items:center;gap:.75rem}.file-row input{min-width:0;color:var(--sub-color)}.file-meta,.status-line,.error-line{margin-top:.75rem;color:var(--sub-color);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.error-line{color:var(--error-color)}.import-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.normalization-options{margin:0;border:0;align-self:start}.checkbox-row{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.45rem 0;color:var(--text-color);font-size:.95rem;line-height:1.35}.checkbox-row input{width:1rem;height:1rem;accent-color:var(--main-color)}.normalization-preview{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.preview-text{max-height:12rem;overflow:auto;color:var(--text-color);line-height:1.7;white-space:pre-wrap;scrollbar-color:var(--sub-color) transparent}.preview-text.required{color:var(--main-color)}.preview-faint{color:var(--sub-color);opacity:.5}@keyframes caretFlash{0%,45%{opacity:1}46%,to{opacity:0}}@media(max-width:760px){.app-shell{width:min(100% - 1.5rem,1200px);gap:1.25rem;padding:1rem 0}.topbar{align-items:flex-start;gap:1rem}.brand-button{font-size:1.25rem}.typing-meta{flex-direction:column;margin-bottom:1rem}.live-stats{justify-content:space-between}#wordsWrapper{height:7.25rem}#words{font-size:1.35rem}.result-primary,.result-secondary,.import-screen,.normalization-preview{grid-template-columns:1fr}.result-primary{gap:1.25rem}.stat-value{font-size:3.5rem}.file-row,.import-actions{align-items:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}