.typing-container[data-v-55095f95]{max-width:900px;margin:0 auto;padding:2rem 1rem;font-family:"Exo 2",sans-serif;user-select:none;-webkit-user-select:none}.typing-header[data-v-55095f95]{text-align:center;margin-bottom:2rem}.typing-title[data-v-55095f95]{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.typing-subtitle[data-v-55095f95]{color:var(--color-text-medium);font-size:1.1rem}.stats-grid[data-v-55095f95]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card[data-v-55095f95]{background:var(--color-surface);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--color-background-alt);position:relative;overflow:hidden}.stat-card__icon[data-v-55095f95]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg[data-v-55095f95]{width:24px;height:24px}.stat-card--wpm .stat-card__icon[data-v-55095f95]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-card--accuracy .stat-card__icon[data-v-55095f95]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-card--time .stat-card__icon[data-v-55095f95]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-card__content[data-v-55095f95]{display:flex;flex-direction:column}.stat-card__value[data-v-55095f95]{font-size:1.75rem;font-weight:800;color:#1f2937;line-height:1.2}.stat-card__label[data-v-55095f95]{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.stat-card__progress[data-v-55095f95]{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--color-background-alt)}.stat-card__progress-bar[data-v-55095f95]{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .1s linear}.duration-selector[data-v-55095f95]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.duration-selector--disabled[data-v-55095f95]{opacity:.5;pointer-events:none}.duration-selector__label[data-v-55095f95]{font-size:.875rem;font-weight:600;color:var(--color-text-medium)}.duration-buttons[data-v-55095f95]{display:flex;gap:.5rem}.duration-btn[data-v-55095f95]{padding:.5rem 1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--color-text-medium);cursor:pointer;transition:all .2s ease}.duration-btn[data-v-55095f95]:hover:not(:disabled){border-color:#10b981;color:#10b981}.duration-btn--active[data-v-55095f95]{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.text-display[data-v-55095f95]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:1.5rem;cursor:text;min-height:150px;transition:all .3s ease;outline:none}.text-display[data-v-55095f95]:hover{border-color:#10b981}.text-display[data-v-55095f95]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.text-content[data-v-55095f95]{font-size:1.5rem;line-height:2;letter-spacing:.5px}.text-placeholder[data-v-55095f95]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:var(--color-text-medium);font-size:1rem;text-align:center;gap:1rem}.start-icon[data-v-55095f95]{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center}.start-icon svg[data-v-55095f95]{width:30px;height:30px;color:#fff}.text-char[data-v-55095f95]{transition:all .1s ease}.text-char--correct[data-v-55095f95]{color:#10b981}.text-char--incorrect[data-v-55095f95]{color:#ef4444;background:#ef444433;border-radius:2px}.text-char--current[data-v-55095f95]{background:#10b9814d;border-radius:2px;animation:blink-55095f95 1s infinite}@keyframes blink-55095f95{0%,50%{background:#10b9814d}51%,to{background:#10b9811a}}.result-section[data-v-55095f95]{margin-bottom:1.5rem}.result-card[data-v-55095f95]{background:var(--color-surface);border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--color-background-alt)}.result-card__header[data-v-55095f95]{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text-base);margin-bottom:1.5rem}.result-card__header svg[data-v-55095f95]{width:24px;height:24px;color:#f59e0b}.result-card__stats[data-v-55095f95]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.result-stat[data-v-55095f95]{text-align:center;padding:1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px}.result-stat__value[data-v-55095f95]{display:block;font-size:1.75rem;font-weight:800;color:#059669}.result-stat__label[data-v-55095f95]{font-size:.7rem;color:var(--color-text-medium);text-transform:uppercase}.restart-btn[data-v-55095f95]{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.restart-btn[data-v-55095f95]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.restart-btn svg[data-v-55095f95]{width:20px;height:20px}.keyboard[data-v-55095f95]{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.keyboard-row[data-v-55095f95]{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.keyboard-row[data-v-55095f95]:last-child{margin-bottom:0}.key[data-v-55095f95]{width:40px;height:40px;background:#3d3d5c;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--color-border);text-transform:lowercase;transition:all .1s ease}.key--space[data-v-55095f95]{width:200px}.key--active[data-v-55095f95]{background:#10b981;color:#fff;transform:scale(1.1)}.records-section[data-v-55095f95]{background:var(--color-surface);border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--color-background-alt)}.records-title[data-v-55095f95]{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--color-text-base);margin-bottom:1rem}.records-title svg[data-v-55095f95]{width:24px;height:24px;color:#f59e0b}.records-grid[data-v-55095f95]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.record-card[data-v-55095f95]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:1rem;text-align:center;transition:all .2s ease}.record-card--active[data-v-55095f95]{background:linear-gradient(135deg,#10b981,#059669)}.record-card--active .record-card__duration[data-v-55095f95],.record-card--active .record-card__wpm[data-v-55095f95],.record-card--active .record-card__accuracy[data-v-55095f95]{color:#fff}.record-card__duration[data-v-55095f95]{font-size:.75rem;font-weight:600;color:var(--color-text-medium);margin-bottom:.5rem}.record-card__wpm[data-v-55095f95]{font-size:1.25rem;font-weight:800;color:#059669}.record-card__accuracy[data-v-55095f95]{font-size:.75rem;color:var(--color-text-medium)}@media (max-width: 768px){.stats-grid[data-v-55095f95]{grid-template-columns:1fr}.result-card__stats[data-v-55095f95],.records-grid[data-v-55095f95]{grid-template-columns:repeat(2,1fr)}.text-content[data-v-55095f95]{font-size:1.25rem}.key[data-v-55095f95]{width:30px;height:30px;font-size:.75rem}.key--space[data-v-55095f95]{width:150px}}@media (max-width: 480px){.typing-title[data-v-55095f95]{font-size:2rem}.duration-selector[data-v-55095f95]{flex-direction:column;gap:.5rem}.records-grid[data-v-55095f95]{grid-template-columns:1fr 1fr}}