.typingtest-controls{display:flex;flex-wrap:wrap;gap:var(--qet-space-4) var(--qet-space-6)}.typingtest-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--qet-space-2) var(--qet-space-5)}.typingtest-clock{font-family:var(--qet-font-mono);font-size:var(--qet-text-xl);font-weight:var(--qet-weight-semibold);font-variant-numeric:tabular-nums;color:var(--qet-primary)}.typingtest-live{font-family:var(--qet-font-mono);font-variant-numeric:tabular-nums;color:var(--qet-on-surface)}.typingtest-best{margin-left:auto;font-size:var(--qet-text-sm);color:var(--qet-on-surface-muted)}.typingtest-area{position:relative;--typingtest-line: 2.2rem}.typingtest-viewport{height:calc(var(--typingtest-line) * 3);overflow:hidden;padding:0 var(--qet-space-1);border-radius:var(--qet-radius-md);user-select:none}.typingtest-area:focus-within .typingtest-viewport{box-shadow:var(--qet-focus-ring)}.typingtest-lines{position:relative;font-family:var(--qet-font-mono);font-size:var(--qet-text-lg);line-height:var(--typingtest-line);transition:transform var(--qet-transition)}.typingtest-word{display:inline-block}.typingtest-char{white-space:pre;border-radius:var(--qet-radius-xs)}.typingtest-char.is-todo{color:var(--qet-on-surface-muted)}.typingtest-char.is-ok{color:var(--qet-on-surface)}.typingtest-char.is-bad{color:var(--qet-danger);background:var(--qet-danger-container);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.typingtest-char.is-caret{box-shadow:inset 2px 0 0 var(--qet-primary)}.typingtest-viewport.is-ready .typingtest-char.is-caret{animation:typingtest-blink 1s steps(1) infinite}@keyframes typingtest-blink{50%{box-shadow:none}}.typingtest-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;caret-color:transparent;cursor:text}.typingtest-actions{justify-content:space-between}.typingtest-hint{font-size:var(--qet-text-xs);color:var(--qet-on-surface-muted)}.typingtest-result-heading{margin:0;font-size:var(--qet-text-3xl);line-height:var(--qet-line-tight);font-weight:var(--qet-weight-strong)}.typingtest-result-heading:focus{outline:none}.typingtest-result-heading:focus-visible{outline:var(--qet-focus-outline);outline-offset:4px}.typingtest-result-mode{margin-top:var(--qet-space-1);color:var(--qet-on-surface-muted)}.typingtest-definitions{display:grid;grid-template-columns:max-content 1fr;gap:var(--qet-space-1) var(--qet-space-3);margin:0;font-size:var(--qet-text-sm)}.typingtest-definitions dt{font-weight:var(--qet-weight-semibold)}.typingtest-definitions dd{margin:0;color:var(--qet-on-surface-muted)}.typingtest-subheading{margin:0 0 var(--qet-space-2);font-size:var(--qet-text-md)}.typingtest-misses{display:flex;flex-wrap:wrap;gap:var(--qet-space-2) var(--qet-space-4);margin:0;padding:0;list-style:none;font-size:var(--qet-text-sm)}.typingtest-misses kbd{display:inline-block;min-width:1.8em;padding:0 var(--qet-space-2);border-radius:var(--qet-radius-sm);background:var(--qet-surface-container-high);font-family:var(--qet-font-mono);text-align:center}.typingtest-card-offer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--qet-space-2) var(--qet-space-3)}.typingtest-card img{display:block;width:100%;max-width:600px;height:auto;margin-bottom:var(--qet-space-3);border-radius:var(--qet-radius-md);box-shadow:var(--qet-border-hairline)}.typingtest-bests{width:100%;border-collapse:collapse;font-size:var(--qet-text-sm)}.typingtest-bests th,.typingtest-bests td{padding:var(--qet-space-2);text-align:left;border-bottom:1px solid var(--qet-outline-ghost)}.typingtest-bests th{color:var(--qet-on-surface-muted);font-weight:var(--qet-weight-semibold)}@media (max-width: 520px){.typingtest-area{--typingtest-line: 1.9rem}.typingtest-lines{font-size:var(--qet-text-md)}.typingtest-best{margin-left:0}.typingtest-definitions{grid-template-columns:1fr}.typingtest-definitions dd{margin-bottom:var(--qet-space-2)}.typingtest-bests th:last-child,.typingtest-bests td:last-child{display:none}}