.typing-container[data-v-897a7c82]{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-897a7c82]{text-align:center;margin-bottom:2rem}.typing-title[data-v-897a7c82]{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-897a7c82]{color:#6b7280;font-size:1.1rem}.stats-grid[data-v-897a7c82]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card[data-v-897a7c82]{background:#fff;border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f3f4f6;position:relative;overflow:hidden}.stat-card__icon[data-v-897a7c82]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg[data-v-897a7c82]{width:24px;height:24px}.stat-card--wpm .stat-card__icon[data-v-897a7c82]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-card--accuracy .stat-card__icon[data-v-897a7c82]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-card--time .stat-card__icon[data-v-897a7c82]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-card__content[data-v-897a7c82]{display:flex;flex-direction:column}.stat-card__value[data-v-897a7c82]{font-size:1.75rem;font-weight:800;color:#1f2937;line-height:1.2}.stat-card__label[data-v-897a7c82]{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.stat-card__progress[data-v-897a7c82]{position:absolute;bottom:0;left:0;right:0;height:4px;background:#f3f4f6}.stat-card__progress-bar[data-v-897a7c82]{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .1s linear}.duration-selector[data-v-897a7c82]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.duration-selector--disabled[data-v-897a7c82]{opacity:.5;pointer-events:none}.duration-selector__label[data-v-897a7c82]{font-size:.875rem;font-weight:600;color:#6b7280}.duration-buttons[data-v-897a7c82]{display:flex;gap:.5rem}.duration-btn[data-v-897a7c82]{padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.duration-btn[data-v-897a7c82]:hover:not(:disabled){border-color:#10b981;color:#10b981}.duration-btn--active[data-v-897a7c82]{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.text-display[data-v-897a7c82]{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-897a7c82]:hover{border-color:#10b981}.text-display[data-v-897a7c82]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.text-content[data-v-897a7c82]{font-size:1.5rem;line-height:2;letter-spacing:.5px}.text-placeholder[data-v-897a7c82]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:#6b7280;font-size:1rem;text-align:center;gap:1rem}.start-icon[data-v-897a7c82]{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-897a7c82]{width:30px;height:30px;color:#fff}.text-char[data-v-897a7c82]{transition:all .1s ease}.text-char--correct[data-v-897a7c82]{color:#10b981}.text-char--incorrect[data-v-897a7c82]{color:#ef4444;background:#ef444433;border-radius:2px}.text-char--current[data-v-897a7c82]{background:#10b9814d;border-radius:2px;animation:blink-897a7c82 1s infinite}@keyframes blink-897a7c82{0%,50%{background:#10b9814d}51%,to{background:#10b9811a}}.result-section[data-v-897a7c82]{margin-bottom:1.5rem}.result-card[data-v-897a7c82]{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f3f4f6}.result-card__header[data-v-897a7c82]{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#374151;margin-bottom:1.5rem}.result-card__header svg[data-v-897a7c82]{width:24px;height:24px;color:#f59e0b}.result-card__stats[data-v-897a7c82]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.result-stat[data-v-897a7c82]{text-align:center;padding:1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px}.result-stat__value[data-v-897a7c82]{display:block;font-size:1.75rem;font-weight:800;color:#059669}.result-stat__label[data-v-897a7c82]{font-size:.7rem;color:#6b7280;text-transform:uppercase}.restart-btn[data-v-897a7c82]{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-897a7c82]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.restart-btn svg[data-v-897a7c82]{width:20px;height:20px}.keyboard[data-v-897a7c82]{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.keyboard-row[data-v-897a7c82]{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.keyboard-row[data-v-897a7c82]:last-child{margin-bottom:0}.key[data-v-897a7c82]{width:40px;height:40px;background:#3d3d5c;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#e5e7eb;text-transform:lowercase;transition:all .1s ease}.key--space[data-v-897a7c82]{width:200px}.key--active[data-v-897a7c82]{background:#10b981;color:#fff;transform:scale(1.1)}.records-section[data-v-897a7c82]{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f3f4f6}.records-title[data-v-897a7c82]{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#374151;margin-bottom:1rem}.records-title svg[data-v-897a7c82]{width:24px;height:24px;color:#f59e0b}.records-grid[data-v-897a7c82]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.record-card[data-v-897a7c82]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:1rem;text-align:center;transition:all .2s ease}.record-card--active[data-v-897a7c82]{background:linear-gradient(135deg,#10b981,#059669)}.record-card--active .record-card__duration[data-v-897a7c82],.record-card--active .record-card__wpm[data-v-897a7c82],.record-card--active .record-card__accuracy[data-v-897a7c82]{color:#fff}.record-card__duration[data-v-897a7c82]{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.record-card__wpm[data-v-897a7c82]{font-size:1.25rem;font-weight:800;color:#059669}.record-card__accuracy[data-v-897a7c82]{font-size:.75rem;color:#6b7280}@media (max-width: 768px){.stats-grid[data-v-897a7c82]{grid-template-columns:1fr}.result-card__stats[data-v-897a7c82],.records-grid[data-v-897a7c82]{grid-template-columns:repeat(2,1fr)}.text-content[data-v-897a7c82]{font-size:1.25rem}.key[data-v-897a7c82]{width:30px;height:30px;font-size:.75rem}.key--space[data-v-897a7c82]{width:150px}}@media (max-width: 480px){.typing-title[data-v-897a7c82]{font-size:2rem}.duration-selector[data-v-897a7c82]{flex-direction:column;gap:.5rem}.records-grid[data-v-897a7c82]{grid-template-columns:1fr 1fr}}.page-container[data-astro-cid-qxsvpgl2]{max-width:1000px;margin:3rem auto;padding:0 1rem;font-family:"Exo 2",sans-serif;color:var(--color-text-base)}.info-section[data-astro-cid-qxsvpgl2]{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.info-section[data-astro-cid-qxsvpgl2]{grid-template-columns:repeat(2,1fr)}}.info-block[data-astro-cid-qxsvpgl2]{position:relative;background:var(--color-background);padding:2rem 2.2rem;border-radius:16px;box-shadow:0 10px 25px #0000000d;border:1px solid var(--color-border);transition:all .25s ease;overflow:hidden}.info-block[data-astro-cid-qxsvpgl2]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.info-block[data-astro-cid-qxsvpgl2]:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.info-block[data-astro-cid-qxsvpgl2] h2[data-astro-cid-qxsvpgl2]{margin:0 0 1rem;font-weight:800;font-size:1.35rem;color:var(--color-primary)}.info-block[data-astro-cid-qxsvpgl2] p[data-astro-cid-qxsvpgl2]{margin-bottom:.8rem;line-height:1.6;font-size:.97rem;opacity:.95}.info-block[data-astro-cid-qxsvpgl2] ul[data-astro-cid-qxsvpgl2]{padding-left:0;list-style:none;margin:0}.info-block[data-astro-cid-qxsvpgl2] li[data-astro-cid-qxsvpgl2]{position:relative;padding-left:1.4rem;margin-bottom:.6rem;line-height:1.5}.info-block[data-astro-cid-qxsvpgl2] li[data-astro-cid-qxsvpgl2]:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--color-primary)}.info-block[data-astro-cid-qxsvpgl2] code[data-astro-cid-qxsvpgl2]{background:#0000000d;padding:.2rem .5rem;border-radius:4px;font-family:monospace;font-size:.9em}.seo-block[data-astro-cid-qxsvpgl2]{margin-top:4rem;padding:2rem 2rem 2.2rem;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 10px 25px #0000000d;background:var(--color-background)}.seo-block[data-astro-cid-qxsvpgl2] .convert-page__subtitle[data-astro-cid-qxsvpgl2]{font-size:1.35rem;font-weight:800;margin-bottom:1.2rem;color:var(--color-primary-dark)}.seo-block[data-astro-cid-qxsvpgl2] .keywords[data-astro-cid-qxsvpgl2]{display:flex;flex-wrap:wrap;gap:.6rem;padding-left:0;list-style:none}.seo-block[data-astro-cid-qxsvpgl2] .keywords[data-astro-cid-qxsvpgl2] li[data-astro-cid-qxsvpgl2]{background:#0000000a;border:1px solid var(--color-border);padding:.35rem .7rem;border-radius:8px;font-size:.8rem;transition:.2s ease}.seo-block[data-astro-cid-qxsvpgl2] .keywords[data-astro-cid-qxsvpgl2] li[data-astro-cid-qxsvpgl2]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}