@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#0a0a0a;--surface-color:#ffffff08;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--accent-color:#6366f1;--accent-hover:#818cf8;--success-color:#10b981;--error-color:#ef4444;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;display:flex}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.container{width:100%;max-width:900px;margin:0 auto;padding:2rem}h1{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.typing-container{font-family:var(--font-mono);min-height:200px;margin-bottom:2rem;padding:2rem;font-size:1.5rem;line-height:1.6;transition:all .3s;position:relative}.word-list{-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:.6rem;display:flex}.word{color:var(--text-secondary);transition:color .2s;position:relative}.word.current{color:var(--text-primary)}.word.error{color:var(--error-color)}.char{position:relative}.char.correct{color:var(--text-primary)}.char.incorrect{color:var(--error-color);text-decoration:underline}.cursor{background-color:var(--accent-color);width:2px;height:1.4em;transition:all .1s;animation:1s infinite blink;position:absolute}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.stat-card{text-align:center;padding:1.5rem}.stat-value{color:var(--accent-color);font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.875rem}.btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-ghost{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-color);color:var(--text-primary);border-color:var(--text-secondary)}.hidden-input{opacity:0;pointer-events:none;position:absolute}footer{text-align:center;color:var(--text-secondary);margin-top:auto;padding:2rem;font-size:.875rem}