@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a1a1a;color:#e5e7eb;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-variant-numeric:tabular-nums}.type-crash{max-width:920px;margin:0 auto;padding:3rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;transition:background-color 1s}.top-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;font-size:.75rem;color:#6b7280;letter-spacing:.02em}.duration-toggles{display:flex;gap:1.25rem}.duration-toggle{background:none;border:none;color:#6b7280;cursor:pointer;font-family:inherit;font-size:.75rem;padding:.2rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.duration-toggle:hover{color:#e5e7eb}.duration-toggle.active{color:#fbbf24;border-bottom-color:#fbbf24}.duration-toggle:focus-visible{outline:2px solid #fbbf24;outline-offset:4px}.stats-bar{display:flex;gap:2.5rem;margin-bottom:1.5rem;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;pointer-events:none}.stats-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.stat{display:flex;flex-direction:column}.stat-label{font-size:.65rem;color:#6b7280;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.2rem}.stat-value{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fbbf24;line-height:1;transition:color .5s}.stat-value.settled{color:#e5e7eb}.idle-hint{text-align:center;font-size:.8rem;color:#6b7280;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.text-block{position:relative;font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.7;margin-bottom:1.5rem;min-height:4em;white-space:pre-wrap;word-break:break-word}.char{position:relative}.char-untyped{color:#6b7280}.char-correct{color:#e5e7eb}.char-incorrect{color:#ef4444;text-decoration:underline wavy #ef4444;text-underline-offset:4px}.char-current{color:#6b7280}.caret{position:absolute;width:2px;background:#fbbf24;border-radius:1px;pointer-events:none;z-index:10;transition:left 80ms ease-out,top 80ms ease-out;animation:caret-blink 1s step-end infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.float-text{position:absolute;color:#fbbf24;font-size:.85rem;font-weight:600;pointer-events:none;z-index:20;animation:float-up .8s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-2.5rem) scale(1.2)}}.progress-bar{height:1px;background:#ffffff0d;margin-bottom:2rem;overflow:hidden;border-radius:.5px}.progress-fill{height:100%;background:#fbbf24;transition:width .15s ease-out}.restart-hint{text-align:center;font-size:.7rem;color:#4b5563;letter-spacing:.02em}.results{text-align:center;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new-best{font-size:.8rem;color:#fbbf24;margin-bottom:.5rem;letter-spacing:.1em}.results-wpm{font-size:clamp(5rem,12vw,9rem);font-weight:700;color:#fbbf24;line-height:1;margin-bottom:.25rem}.results-wpm-label{font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.25em;margin-bottom:2.5rem}.results-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.results-stat-label{font-size:.65rem;color:#6b7280;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.3rem}.results-stat-value{font-size:1.25rem;font-weight:600;color:#e5e7eb}.wpm-chart{margin:0 auto 2.5rem;max-width:400px;width:100%}.wpm-chart svg{width:100%;height:200px;display:block}.chart-line{fill:none;stroke:#fbbf24;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:#fbbf24;opacity:.08}.results-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.results-btn{background:none;border:1px solid #374151;color:#e5e7eb;font-family:inherit;font-size:.75rem;padding:.6rem 1.2rem;cursor:pointer;transition:border-color .2s,color .2s;letter-spacing:.05em}.results-btn:hover{border-color:#fbbf24;color:#fbbf24}.results-btn:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}@media(prefers-reduced-motion:reduce){.caret{animation:none;transition:none}.float-text{animation:none;opacity:0}.idle-hint{animation:none;opacity:.7}.results{animation:none}.stats-bar,.progress-fill{transition:none}}