@font-face{font-family:v-sans;font-weight:400;src:url(/assets/LatoLatin-Regular-Dmlz1U0B.woff2)}@font-face{font-family:v-sans;font-weight:600;src:url(/assets/LatoLatin-Semibold-Dbk81p2D.woff2)}@font-face{font-family:v-mono;font-weight:400;src:url(/assets/FiraCode-Regular-CRwVj4V2.woff2)}.app-layout[data-v-e2b8e5a6]{min-height:100vh;background:var(--n-color)}.header[data-v-e2b8e5a6]{padding:24px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--n-border-color);position:sticky;top:0;z-index:100}.header-content[data-v-e2b8e5a6]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-title[data-v-e2b8e5a6]{font-size:2.5rem;margin:0;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--n-text-color);flex:1}.title-icon[data-v-e2b8e5a6]{font-size:2.2rem;animation:float-e2b8e5a6 3s ease-in-out infinite}@keyframes float-e2b8e5a6{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.theme-toggle[data-v-e2b8e5a6]{flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle[data-v-e2b8e5a6]:hover{transform:rotate(180deg) scale(1.1)}.main[data-v-e2b8e5a6]{max-width:1200px;margin:0 auto;padding:32px}.content-space[data-v-e2b8e5a6]{width:100%}.mode-selector-card[data-v-e2b8e5a6]{border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.mode-button[data-v-e2b8e5a6]{min-width:160px;font-weight:600;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-button[data-v-e2b8e5a6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.progress-card[data-v-e2b8e5a6]{border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.progress-card[data-v-e2b8e5a6]:hover{box-shadow:0 4px 20px #0000001f}.stats-grid[data-v-e2b8e5a6]{margin:20px 0}.stat-card[data-v-e2b8e5a6]{border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card[data-v-e2b8e5a6]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.stat-card[data-v-e2b8e5a6]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stat-speed[data-v-e2b8e5a6]:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-accuracy[data-v-e2b8e5a6]:before{background:linear-gradient(90deg,#38ef7d,#11998e)}.stat-errors[data-v-e2b8e5a6]:before{background:linear-gradient(90deg,#fa709a,#fee140)}.stat-icon[data-v-e2b8e5a6]{opacity:.8}.stat-suffix[data-v-e2b8e5a6]{font-size:.9em;opacity:.7}.result-stat-card[data-v-e2b8e5a6]{text-align:center;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.result-stat-card[data-v-e2b8e5a6]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:all .3s ease}.result-stat-card[data-v-e2b8e5a6]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.text-card[data-v-e2b8e5a6],.keyboard-card[data-v-e2b8e5a6]{margin-bottom:20px;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.text-card[data-v-e2b8e5a6]:hover,.keyboard-card[data-v-e2b8e5a6]:hover{box-shadow:0 4px 20px #0000001f}.text-display[data-v-e2b8e5a6]{font-size:1.6rem;line-height:2.2;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;text-align:center;padding:32px 24px;letter-spacing:.5px;word-break:keep-all;overflow-wrap:break-word;white-space:normal}.text-display-lines[data-v-e2b8e5a6]{font-size:1.6rem;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;padding:32px 24px;letter-spacing:.5px;overflow:hidden;position:relative;height:165px;display:flex;align-items:flex-start}.lines-container[data-v-e2b8e5a6]{width:100%;position:relative}.line-move[data-v-e2b8e5a6],.line-enter-active[data-v-e2b8e5a6],.line-leave-active[data-v-e2b8e5a6]{transition:all .3s cubic-bezier(.4,0,.2,1)}.line-enter-from[data-v-e2b8e5a6]{opacity:0;transform:translateY(55px)}.line-leave-to[data-v-e2b8e5a6]{opacity:0;transform:translateY(-55px)}.line-leave-active[data-v-e2b8e5a6]{position:absolute;width:100%}.text-line[data-v-e2b8e5a6]{line-height:1.5;padding:6px 0;text-align:center;height:55px;display:block;word-wrap:break-word;overflow-wrap:break-word}.char[data-v-e2b8e5a6]{padding:4px 2px;margin:0 1px;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px;display:inline;white-space:pre-wrap}.char.correct[data-v-e2b8e5a6]{background:#38ef7d26;color:var(--n-text-color);border-bottom:2px solid rgba(56,239,125,.6);transform:translateY(0);animation:correctFade-e2b8e5a6 .4s ease}@keyframes correctFade-e2b8e5a6{0%{background:#38ef7d66;transform:translateY(-2px)}to{background:#38ef7d26;transform:translateY(0)}}.char.incorrect[data-v-e2b8e5a6]{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;animation:shake-e2b8e5a6 .4s ease}@keyframes shake-e2b8e5a6{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.char.current[data-v-e2b8e5a6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;animation:pulse-e2b8e5a6 1.5s ease-in-out infinite;box-shadow:0 2px 8px #667eea66;transform:scale(1.1)}@keyframes pulse-e2b8e5a6{0%,to{opacity:1;transform:scale(1.1)}50%{opacity:.7;transform:scale(1.15)}}.char.pending[data-v-e2b8e5a6]{color:var(--n-text-color);opacity:.5}.keyboard[data-v-e2b8e5a6]{padding:24px}.keyboard-row[data-v-e2b8e5a6]{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.key[data-v-e2b8e5a6]{min-width:48px;height:48px;font-weight:600;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.key.space[data-v-e2b8e5a6]{min-width:220px}.key.highlight[data-v-e2b8e5a6]{animation:keyHighlight-e2b8e5a6 .6s ease infinite;box-shadow:0 0 0 3px #667eea4d,0 4px 12px #667eea66}@keyframes keyHighlight-e2b8e5a6{0%,to{transform:scale(1.05)}50%{transform:scale(1.12)}}.key.pressed[data-v-e2b8e5a6]{transform:scale(.92);box-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#38ef7d,#11998e);color:#fff;animation:keyPress-e2b8e5a6 .2s ease}@keyframes keyPress-e2b8e5a6{0%{transform:scale(1)}50%{transform:scale(.88)}to{transform:scale(.92)}}.result-stats[data-v-e2b8e5a6]{margin:24px 0}.new-game-button[data-v-e2b8e5a6]{font-weight:600;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.new-game-button[data-v-e2b8e5a6]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}@media (max-width: 768px){.header[data-v-e2b8e5a6]{padding:16px 20px}.main[data-v-e2b8e5a6]{padding:20px 16px}.app-title[data-v-e2b8e5a6]{font-size:1.8rem}.title-icon[data-v-e2b8e5a6]{font-size:1.6rem}.app-description[data-v-e2b8e5a6]{font-size:.95rem}.text-display[data-v-e2b8e5a6]{font-size:1.2rem;padding:20px 16px}.text-display-lines[data-v-e2b8e5a6]{font-size:1.2rem;padding:20px 16px;height:120px}.text-line[data-v-e2b8e5a6]{height:40px;padding:4px 0;line-height:1.4}.key[data-v-e2b8e5a6]{min-width:36px;height:36px;font-size:.85rem}.key.space[data-v-e2b8e5a6]{min-width:140px}.stat-card[data-v-e2b8e5a6]{margin-bottom:12px}}@media (max-width: 480px){.app-title[data-v-e2b8e5a6]{font-size:1.5rem}.text-display[data-v-e2b8e5a6]{font-size:1rem}.text-display-lines[data-v-e2b8e5a6]{font-size:1rem;height:96px}.text-line[data-v-e2b8e5a6]{height:32px;padding:3px 0;line-height:1.3}.key[data-v-e2b8e5a6]{min-width:28px;height:28px;font-size:.75rem}.key.space[data-v-e2b8e5a6]{min-width:100px}}