:root{color:#f5f5f5;--color-background:#111;--color-surface:#1a1a1a;--color-border:#2a2a2a;--color-text:#f5f5f5;--color-text-muted:#9a9a9a;--color-accent:#f5b301;--color-correct:#7fb069;--color-incorrect:#d65a5a;--radius-sm:.5rem;--radius-md:.75rem;background:#111;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.test-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.test-controls__label{color:var(--color-text-muted);font-size:.875rem}.test-controls__options{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;gap:.5rem;padding:.35rem;display:flex}.test-controls__button{color:var(--color-text-muted);background:0 0;border:none;border-radius:999px;padding:.5rem .9rem;transition:background-color .15s,color .15s,transform .15s}.test-controls__button:hover:not(:disabled){color:var(--color-text)}.test-controls__button[aria-pressed=true]{background:var(--color-accent);color:var(--color-background);font-weight:600}.test-controls__button:active:not(:disabled){transform:scale(.96)}.test-controls__button:disabled{cursor:not-allowed;opacity:.45}.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stats-bar__item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.stats-bar__item--primary{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}.stats-bar__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.stats-bar strong{font-size:1.5rem}.stats-bar__item--primary strong{color:var(--color-accent)}@media (width<=640px){.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}.typing-area{scrollbar-width:none;max-height:14rem;padding:2rem;position:relative;overflow:hidden auto}.typing-area:focus{outline:none}.typing-area::-webkit-scrollbar{display:none}.typing-area__text{letter-spacing:.04em;word-spacing:.05em;margin:0;font-size:clamp(1.4rem,4vw,2.25rem);line-height:1.7;position:relative}.character{color:var(--color-text-muted);position:relative}.character--correct{color:var(--color-correct)}.character--incorrect{color:var(--color-incorrect);text-decoration:underline}.typing-caret{background:var(--color-accent);pointer-events:none;opacity:1;width:2px;transition:transform 80ms ease-out,height 80ms ease-out;animation:1s step-end infinite caret-blink;position:absolute;top:0;left:0}.typing-caret--moving{opacity:1;animation:none}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.typing-caret{opacity:1;transition:none;animation:none}}.restart-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);align-self:center;padding:.75rem 1.25rem;font-weight:600;transition:border-color .15s,background-color .15s,transform .15s}.restart-button:hover{border-color:var(--color-accent);background:#222}.restart-button:active{transform:scale(.97)}.result-modal__backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.result-modal{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,860px);max-height:calc(100vh - 2rem);padding:2rem;overflow-y:auto;box-shadow:0 24px 80px #00000073}.result-modal__header{text-align:center;margin-bottom:2rem}.result-modal__eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.result-modal__header h2{margin:0;font-size:2rem}.result-modal__highlight{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.result-modal .performance-chart{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);margin-bottom:1.75rem;padding:1.25rem}.result-modal__chart-loading{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);min-height:20rem;color:var(--color-text-muted);place-items:center;margin-bottom:1.75rem;display:grid}.result-modal__highlight>div{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);flex-direction:column;align-items:center;padding:1.5rem;display:flex}.result-modal__value{color:var(--color-accent);font-size:2.5rem;font-weight:700}.result-modal__metric{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.result-modal__details{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.result-modal__details div{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.result-modal__details span{color:var(--color-text-muted)}.result-modal__details strong{color:var(--color-text)}.result-modal__button{border-radius:var(--radius-sm);background:var(--color-accent);width:100%;color:var(--color-background);border:none;padding:.9rem 1.25rem;font-weight:700;transition:filter .15s,transform .15s}.result-modal__button:hover{filter:brightness(1.08)}.result-modal__button:active{transform:scale(.98)}@media (width<=480px){.result-modal{padding:1.5rem}.result-modal__highlight,.result-modal__details{grid-template-columns:1fr}.result-modal .performance-chart{padding:1rem .5rem}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;gap:2rem;width:min(100% - 2rem,960px);margin:auto;padding:2rem 0;display:flex}header,footer{width:min(100% - 2rem,960px);margin-inline:auto;padding:1.5rem 0}footer{color:var(--color-text-muted);margin-top:auto;font-size:.875rem}