.typing-test-root{--theme-bg:#eef2f7;--theme-bg-secondary:#ffffff;--theme-text:#2d3748;--theme-text-muted:#718096;--theme-correct:#38a169;--theme-incorrect:#e53e3e;--theme-current:#2d3748;--theme-caret:#0d9488;--theme-accent:#0d9488;--theme-border:#cbd5e0;--theme-card:#ffffff;--theme-sub:#718096;--theme-main:#2d3748;--theme-error:#e53e3e;--roundness:0.5rem;--font-roboto-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--theme-bg);color:var(--theme-text);font-family:var(--font-roboto-mono);border-radius:1rem;padding:1rem 0 2rem}.typing-test-root ::selection{background:var(--theme-accent);color:#fff}.test-selector{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:2rem 0}.test-selector-title{font-size:1.25rem;font-weight:700;color:#3182ce;text-transform:uppercase;letter-spacing:.05em;border-bottom:3px solid #3182ce;padding-bottom:.25rem;margin-bottom:.5rem}.test-selector-field{position:relative;width:100%;max-width:320px}.test-selector-dropdown{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1.25rem;background:#ffffff;border:1px solid var(--theme-border);border-radius:9999px;font-size:1rem;color:var(--theme-text);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:border-color .15s ease,box-shadow .15s ease}.test-selector-dropdown:hover{border-color:var(--theme-accent)}.test-selector-dropdown svg{color:var(--theme-sub);transition:transform .2s ease}.test-selector-menu{position:absolute;top:calc(100% + .375rem);left:0;right:0;background:#ffffff;border:1px solid var(--theme-border);border-radius:var(--roundness);box-shadow:0 4px 12px rgba(0,0,0,.1);list-style:none;margin:0;padding:.375rem;z-index:50}.test-selector-menu button{display:block;width:100%;text-align:left;padding:.625rem 1rem;border:none;background:transparent;border-radius:calc(var(--roundness) - 2px);font-size:.95rem;color:var(--theme-text);cursor:pointer;transition:background .15s ease,color .15s ease}.test-selector-menu button.active,.test-selector-menu button:hover,.test-start-btn{background:var(--theme-accent);color:#ffffff}.test-start-btn{margin-top:.5rem;padding:.875rem 2.5rem;border:none;border-radius:9999px;font-size:1rem;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 12px rgba(13,148,136,.35);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.test-start-btn:hover:not(:disabled){background:#0f766e;transform:translateY(-1px);box-shadow:0 6px 16px rgba(13,148,136,.4)}.test-start-btn:disabled{opacity:.6;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.config-bar{justify-content:center;flex-wrap:wrap;gap:.25rem;background:var(--theme-bg-secondary);border-radius:var(--roundness);padding:.5rem;max-width:1000px;margin:0 auto;transition:opacity .25s ease,transform .25s ease}.config-bar,.config-group{display:flex;align-items:center}.config-group{gap:.125rem}.config-separator{width:2px;height:1.5rem;background:var(--theme-border);margin:0 .375rem;border-radius:2px}.config-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:calc(var(--roundness) - 2px);font-size:.875rem;color:var(--theme-text-muted);background:transparent;border:none;cursor:pointer;transition:color .15s ease,background .15s ease;white-space:nowrap}.config-button:hover:not(:disabled){color:var(--theme-text);background:var(--theme-border)}.config-button.active{color:var(--theme-bg);background:var(--theme-accent)}.config-button:disabled{opacity:.4;cursor:not-allowed}.config-button .icon{font-size:.75rem;opacity:.8}.typing-wrapper{position:relative;width:100%;max-width:1050px;margin:0 auto;padding:1.5rem;min-height:14rem;cursor:text}.words-viewport{width:100%;overflow:hidden;position:relative}.typing-wrapper.blurred .words{filter:blur(4px);opacity:.35;pointer-events:none;user-select:none}.focus-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:10;pointer-events:none}.focus-prompt-text{color:var(--theme-text);font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.words{width:100%;line-height:2.5rem;font-size:1.5rem;transition:filter .25s ease,opacity .25s ease,transform .15s ease;word-spacing:.25em;white-space:normal}.word,.words{max-width:100%}.word{display:inline-block;margin-right:.5em;vertical-align:top;white-space:nowrap}.word.word-wrap{white-space:normal;overflow-wrap:anywhere;word-break:break-all}.char-correct{color:var(--theme-correct)}.char-extra,.char-incorrect{color:var(--theme-incorrect);text-decoration:underline;text-decoration-color:var(--theme-incorrect)}.char-current,.char-pending{color:var(--theme-sub)}.caret,.char-current{position:relative}.caret{display:inline-block;width:2px;height:1em;background:var(--theme-caret);vertical-align:initial;top:.1em;margin-left:1px;border-radius:1px}.caret.block{width:.55em;margin-left:-1px;margin-right:-1px}.caret.outline{background:transparent;border:1px solid var(--theme-caret);width:.55em}.timer-display{font-size:3rem;font-weight:400;color:var(--theme-accent);text-align:center;line-height:1;min-height:3rem}.live-wpm{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:2.5rem;color:var(--theme-sub);opacity:.5;pointer-events:none}.results-screen{width:100%;max-width:1000px;margin:0 auto;padding:0 1rem}.results-layout{display:grid;grid-template-columns:140px 1fr;gap:1.5rem;align-items:start}@media (max-width:768px){.results-layout{grid-template-columns:1fr}.results-sidebar{flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:2rem!important}.results-test-info{width:100%;text-align:center}}.results-sidebar{display:flex;flex-direction:column;gap:2.5rem;padding-top:.5rem}.results-big-stat{display:flex;flex-direction:column;gap:.125rem}.results-big-label{font-size:.875rem;color:var(--theme-sub)}.results-big-value{font-size:3.5rem;color:var(--theme-accent);line-height:1;font-weight:400}.results-big-sub{font-size:.7rem;color:var(--theme-sub);margin-top:.25rem;line-height:1.3}.results-test-info{display:flex;flex-direction:column;gap:.125rem;font-size:.8rem;color:var(--theme-accent);margin-top:auto}.results-test-info-title{color:var(--theme-sub);margin-bottom:.25rem}.results-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.results-chart-wrapper{width:100%;padding:.5rem;border-radius:var(--roundness);background:var(--theme-bg)}.results-chart{width:100%;background:transparent}.results-bottom-row{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;padding-top:.5rem}.results-bottom-stat{display:flex;flex-direction:column;gap:.125rem;min-width:5rem}.results-bottom-label{font-size:.75rem;color:var(--theme-sub)}.results-bottom-value{font-size:1rem;color:var(--theme-accent)}.results-bottom-sub{font-size:.65rem;color:var(--theme-sub);opacity:.7}.results-toolbar{gap:.5rem;margin-top:1.25rem;padding:.75rem 0}.result-tool-btn,.results-toolbar{display:flex;justify-content:center;align-items:center}.result-tool-btn{position:relative;width:2.25rem;height:2.25rem;border-radius:var(--roundness);background:transparent;border:none;color:var(--theme-sub);cursor:pointer;transition:color .15s ease,background .15s ease}.result-tool-btn:hover:not(:disabled){color:var(--theme-text);background:var(--theme-bg-secondary)}.result-tool-btn.active{color:var(--theme-accent);background:var(--theme-bg-secondary)}.result-tool-btn:disabled{opacity:.35;cursor:not-allowed}.results-export-area{background:var(--theme-bg);border-radius:var(--roundness);padding:.5rem}.input-history{margin-top:1rem;padding:1rem;border-radius:var(--roundness);background:var(--theme-bg-secondary);max-width:900px;margin-left:auto;margin-right:auto}.input-history-header{font-size:.75rem;color:var(--theme-sub);margin-bottom:.75rem}.input-history-text{font-size:1rem;line-height:1.8;word-break:break-word}.history-correct{color:var(--theme-text)}.history-incorrect{color:var(--theme-incorrect)}.history-pending{color:var(--theme-sub)}.history-word-error{text-decoration:underline;text-decoration-color:var(--theme-incorrect);text-decoration-style:dotted}.history-unreached{color:var(--theme-border)}.replay-viewer{margin-top:1rem;padding:1rem;border-radius:var(--roundness);background:var(--theme-bg-secondary);max-width:900px;margin-left:auto;margin-right:auto}.replay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.replay-title{font-size:.75rem;color:var(--theme-sub);text-transform:lowercase}.replay-content{min-height:6rem}.replay-content,.replay-progress{margin-bottom:.75rem}.replay-slider{width:100%;height:4px;appearance:none;background:var(--theme-border);border-radius:2px;outline:none;cursor:pointer}.replay-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--theme-accent);cursor:pointer}.replay-progress-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--theme-sub);margin-top:.25rem}.replay-controls{gap:.375rem;flex-wrap:wrap}.replay-controls,.replay-speed{display:flex;align-items:center}.replay-speed{gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--theme-border)}.replay-speed-btn{padding:.2rem .45rem;font-size:.7rem;border-radius:4px;border:none;background:transparent;color:var(--theme-sub);cursor:pointer;transition:color .15s,background .15s}.replay-speed-btn:hover{color:var(--theme-text);background:var(--theme-border)}.replay-speed-btn.active{color:var(--theme-bg);background:var(--theme-accent)}.replay-time{margin-left:auto;font-size:.8rem;color:var(--theme-sub);font-variant-numeric:tabular-nums}.restart-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:transparent;border:none;color:var(--theme-sub);cursor:pointer;transition:color .15s ease,background .15s ease;margin:1rem auto 0}.restart-button:hover{color:var(--theme-text);background:var(--theme-bg-secondary)}
/*# sourceMappingURL=0c1bacfba27adbe1.css.map*/