*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-mono: "IBM Plex Mono", monospace;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--radius: 12px;--radius-lg: 20px;--transition: .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg: #09090b;--bg-surface: #111113;--bg-elevated: #1a1a1e;--bg-card: #111113;--bg-glass: rgba(17, 17, 19, .75);--text-primary: #e4e4e7;--text-secondary: #71717a;--text-muted: #52525b;--accent: #06b6d4;--accent-dim: rgba(6, 182, 212, .08);--accent-glow: rgba(6, 182, 212, .35);--correct: #f4f4f5;--incorrect: #f43f5e;--incorrect-bg: rgba(244, 63, 94, .1);--extra: #e11d48;--caret: #22d3ee;--border: rgba(255, 255, 255, .07);--border-accent: rgba(6, 182, 212, .15);--chart-line: #06b6d4;--chart-grid: rgba(255, 255, 255, .06);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--glow: 0 0 24px rgba(6, 182, 212, .08)}[data-theme=light]{--bg: #f4f4f5;--bg-surface: #ffffff;--bg-elevated: #e9e9ec;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .75);--text-primary: #18181b;--text-secondary: #71717a;--text-muted: #a1a1aa;--accent: #0891b2;--accent-dim: rgba(8, 145, 178, .07);--accent-glow: rgba(8, 145, 178, .2);--correct: #18181b;--incorrect: #e11d48;--incorrect-bg: rgba(225, 29, 72, .06);--extra: #be123c;--caret: #06b6d4;--border: rgba(0, 0, 0, .07);--border-accent: rgba(8, 145, 178, .15);--chart-line: #0891b2;--chart-grid: rgba(0, 0, 0, .06);--shadow: 0 8px 32px rgba(0, 0, 0, .06);--glow: 0 0 24px rgba(8, 145, 178, .06)}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;transition:background .4s ease,color var(--transition);overflow:hidden;user-select:none;-webkit-user-select:none}#root{min-height:100vh;display:flex;flex-direction:column}.settings{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;background:var(--bg-glass);border:1px solid var(--border);border-radius:100px;padding:.4rem .5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);z-index:50;transition:opacity var(--transition),transform var(--transition)}.settings.faded{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.settings .divider{width:1px;height:1rem;background:var(--border);margin:0 .25rem;flex-shrink:0}.settings button{font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.45rem .9rem;border:none;border-radius:100px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.settings button:hover{color:var(--text-primary);background:var(--bg-elevated)}.settings button.active{color:var(--accent);background:var(--accent-dim);font-weight:600}@media(max-width:700px){.settings{bottom:1.25rem;padding:.35rem .4rem}.settings button{padding:.4rem .65rem;font-size:.7rem}}.typing-wrapper{position:relative;width:100%;cursor:text}.hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.typing-area{font-family:var(--font-mono);font-size:1.3rem;line-height:2.2;letter-spacing:.2px;position:relative;overflow:hidden;height:calc(1.3rem * 2.2 * 3);transition:filter var(--transition),opacity var(--transition),transform var(--transition)}.typing-area.blurred{filter:blur(6px);opacity:.25;transform:scale(.998)}.typing-area:after{content:"";position:absolute;bottom:0;left:0;right:0;height:calc(1.3rem * 2.2 * 1.2);background:linear-gradient(transparent,var(--bg-card));pointer-events:none;z-index:2}.words{position:relative;transition:transform .25s cubic-bezier(.16,1,.3,1)}.word{display:inline-block;margin:0 .4em 0 0}.letter{display:inline-block;color:var(--text-muted);transition:color .08s ease;position:relative}.letter.correct{color:var(--correct)}.letter.incorrect{color:var(--incorrect);background:var(--incorrect-bg);border-radius:2px}.letter.missed{opacity:.3;text-decoration:underline;text-decoration-color:var(--incorrect);text-underline-offset:3px;text-decoration-thickness:1.5px}.letter.extra{color:var(--extra);opacity:.45}.caret{position:absolute;width:2.5px;height:1.5rem;background:var(--caret);border-radius:2px;top:0;left:0;z-index:10;transition:left .08s cubic-bezier(.16,1,.3,1),top .12s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px var(--accent-glow),0 0 3px var(--accent-glow)}.caret.blink{animation:caretFade 1.1s ease-in-out infinite}@keyframes caretFade{0%,to{opacity:1}50%{opacity:.15}}.focus-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5}.focus-overlay span{font-family:var(--font-sans);font-size:.82rem;color:var(--text-secondary);letter-spacing:.2px;font-weight:500;padding:.5rem 1.3rem;background:var(--bg-elevated);border-radius:100px;border:1px solid var(--border)}@media(max-width:700px){.typing-area{font-size:1.05rem;height:calc(1.05rem * 2.2 * 3)}.typing-area:after{height:calc(1.05rem * 2.2 * 1.2)}.caret{height:1.2rem;width:2px}}.results-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .4s ease}.results-container.visible{opacity:1;pointer-events:auto}.results{display:flex;flex-direction:column;align-items:center;max-width:580px;width:100%;padding:2rem;transform:translateY(16px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.results-container.visible .results{transform:translateY(0)}.results-hero{display:flex;align-items:baseline;gap:.75rem;margin-bottom:2.5rem}.results-hero-value{font-family:var(--font-sans);font-size:6rem;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-4px}.results-hero-label{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;color:var(--text-secondary)}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;width:100%;margin-bottom:1.25rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.1rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.stat-value{font-family:var(--font-mono);font-size:1.4rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-value small{font-size:.7rem;font-weight:400;color:var(--text-secondary);margin-left:1px}.stat-label{font-family:var(--font-sans);font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.chart-card{width:100%;height:110px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:1.5rem}.chart-card canvas{width:100%;height:100%}.results-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.char-breakdown{display:flex;gap:1.25rem;font-family:var(--font-sans);font-size:.7rem}.char-stat{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary)}.char-stat .dot{width:6px;height:6px;border-radius:50%}.char-stat .dot.correct{background:var(--accent)}.char-stat .dot.incorrect{background:var(--incorrect)}.char-stat .dot.extra{background:var(--extra)}.char-stat .dot.missed{background:var(--text-secondary)}.save-status{font-family:var(--font-sans);font-size:.7rem;font-weight:500;letter-spacing:.2px;transition:opacity var(--transition)}.save-status.saving{color:var(--text-muted)}.save-status.saved{color:var(--accent)}.save-status.error{color:var(--incorrect)}.restart-btn{font-family:var(--font-sans);font-size:.8rem;font-weight:500;padding:.7rem 2.25rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.restart-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 16px var(--accent-glow)}@media(max-width:700px){.results{padding:1.5rem}.results-hero-value{font-size:4rem}.results-grid{grid-template-columns:repeat(2,1fr)}.char-breakdown{flex-wrap:wrap;justify-content:center;gap:.75rem}}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto}.profile-overlay.visible{opacity:1;pointer-events:auto}.profile-container{max-width:600px;width:100%;margin:0 auto;padding:2rem;transform:translateY(12px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.profile-overlay.visible .profile-container{transform:translateY(0)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.profile-back,.profile-signout{font-family:var(--font-sans);font-size:.78rem;font-weight:500;padding:.45rem 1.1rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.profile-back:hover,.profile-signout:hover{color:var(--text-primary);border-color:var(--text-secondary)}.profile-signout:hover{color:var(--incorrect);border-color:var(--incorrect)}.profile-loading{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:4rem 0}.profile-info{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.profile-avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0;border:2px solid var(--border)}.profile-details{flex:1;min-width:0}.profile-name{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.profile-name-input{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:8px;padding:.3rem .6rem;width:100%;margin-bottom:.3rem;outline:none}.profile-bio{font-family:var(--font-sans);font-size:.82rem;color:var(--text-secondary);margin-bottom:.4rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;line-height:1.4}.profile-bio-input{font-family:var(--font-sans);font-size:.82rem;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:8px;padding:.35rem .6rem;width:100%;margin-bottom:.4rem;outline:none}.edit-hint{font-size:.6rem;font-weight:400;color:var(--text-muted);opacity:0;transition:opacity var(--transition)}.profile-name:hover .edit-hint,.profile-bio:hover .edit-hint{opacity:1}.profile-username{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);display:block;margin-bottom:.2rem}.profile-username.editable{cursor:pointer}.profile-username.editable:hover .edit-hint{opacity:1}.username-cooldown{display:block;font-family:var(--font-sans);font-size:.62rem;color:var(--text-muted);margin-top:.15rem}.profile-username-edit{margin-bottom:.4rem}.profile-username-input-row{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:0 .6rem;transition:border-color var(--transition)}.profile-username-input-row:focus-within{border-color:var(--accent)}.profile-username-prefix{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);margin-right:.15rem;-webkit-user-select:none;user-select:none}.profile-username-input{flex:1;font-family:var(--font-mono);font-size:.78rem;color:var(--text-primary);background:transparent;border:none;padding:.5rem 0;outline:none}.profile-username-input::placeholder{color:var(--text-muted)}.profile-username-feedback{height:1.2rem;display:flex;align-items:center;margin-top:.3rem;font-family:var(--font-sans);font-size:.65rem;font-weight:500}.profile-username-feedback .feedback-checking{color:var(--text-muted)}.profile-username-feedback .feedback-available{color:#10b981}.profile-username-feedback .feedback-taken,.profile-username-feedback .feedback-error{color:var(--incorrect)}.profile-username-actions{display:flex;gap:.5rem;margin-top:.35rem}.profile-username-save,.profile-username-cancel{font-family:var(--font-sans);font-size:.68rem;font-weight:500;padding:.3rem .8rem;border-radius:100px;cursor:pointer;transition:all var(--transition)}.profile-username-save{border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent)}.profile-username-save:hover:not(:disabled){background:var(--accent);color:#fff}.profile-username-save:disabled{opacity:.3;cursor:not-allowed}.profile-username-cancel{border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.profile-username-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.profile-email{font-family:var(--font-sans);font-size:.7rem;color:var(--text-muted)}.profile-social-btn{width:100%;font-family:var(--font-sans);font-size:.78rem;font-weight:500;padding:.65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);margin-bottom:1.5rem}.profile-social-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.profile-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1.5rem}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.profile-stat-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.profile-stat-value small{font-size:.65rem;font-weight:400;color:var(--text-secondary)}.profile-stat-label{font-family:var(--font-sans);font-size:.58rem;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);text-align:center}.profile-trend{font-family:var(--font-sans);font-size:.75rem;font-weight:500;text-align:center;padding:.6rem 1rem;border-radius:100px;margin-bottom:1.5rem}.profile-trend.up{color:#10b981;background:#10b98114;border:1px solid rgba(16,185,129,.15)}.profile-trend.down{color:var(--incorrect);background:var(--incorrect-bg);border:1px solid rgba(244,63,94,.12)}.profile-modes{display:flex;gap:.6rem;margin-bottom:1.5rem}.profile-mode-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.85rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.profile-mode-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--accent)}.profile-mode-label{font-family:var(--font-sans);font-size:.6rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-section{margin-bottom:1.5rem}.profile-section-title{font-family:var(--font-sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:.75rem}.profile-chart-card{width:100%;height:130px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.profile-chart-card canvas{width:100%;height:100%}.profile-tests{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.profile-test-row{display:grid;grid-template-columns:1fr .6fr 1fr .8fr;align-items:center;padding:.7rem 1rem;background:var(--bg-surface);font-family:var(--font-sans);font-size:.75rem;border-bottom:1px solid var(--border)}.profile-test-row:last-child{border-bottom:none}.test-wpm{font-family:var(--font-mono);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.test-wpm small{font-weight:400;color:var(--text-secondary);font-size:.65rem}.test-accuracy{color:var(--text-secondary);font-variant-numeric:tabular-nums}.test-meta{color:var(--text-muted);font-size:.68rem}.test-time{color:var(--text-muted);font-size:.68rem;text-align:right}.profile-empty{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:3rem 0}@media(max-width:700px){.profile-container{padding:1.25rem}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}.profile-test-row{grid-template-columns:1fr .6fr 1fr}.test-time{display:none}}.username-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--bg);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.username-modal{display:flex;flex-direction:column;align-items:center;max-width:380px;width:100%;padding:2rem}.username-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.username-subtitle{font-family:var(--font-sans);font-size:.82rem;color:var(--text-secondary);margin-bottom:2rem;text-align:center;line-height:1.5}.username-cooldown-note{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;display:inline-block}.username-input-wrapper{display:flex;align-items:center;width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 1rem;transition:border-color var(--transition)}.username-input-wrapper:focus-within{border-color:var(--accent)}.username-prefix{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--accent);margin-right:.25rem;-webkit-user-select:none;user-select:none}.username-input{flex:1;font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--text-primary);background:transparent;border:none;padding:.85rem 0;outline:none}.username-input::placeholder{color:var(--text-muted)}.username-feedback{height:1.5rem;display:flex;align-items:center;margin-top:.6rem;margin-bottom:1.5rem;font-family:var(--font-sans);font-size:.72rem;font-weight:500}.feedback-checking{color:var(--text-muted)}.feedback-available{color:#10b981}.feedback-taken,.feedback-error{color:var(--incorrect)}.username-submit{font-family:var(--font-sans);font-size:.85rem;font-weight:600;padding:.75rem 2.5rem;border:none;border-radius:100px;background:var(--accent);color:#fff;cursor:pointer;transition:all var(--transition)}.username-submit:hover:not(:disabled){opacity:.9;box-shadow:0 0 20px var(--accent-glow)}.username-submit:disabled{opacity:.3;cursor:not-allowed}.social-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto}.social-overlay.visible{opacity:1;pointer-events:auto}.social-container{max-width:560px;width:100%;margin:0 auto;padding:2rem}.social-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.social-back{font-family:var(--font-sans);font-size:.78rem;font-weight:500;padding:.45rem 1.1rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.social-back:hover{color:var(--text-primary);border-color:var(--text-secondary)}.social-friend-btn{font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.45rem 1.1rem;border:1px solid var(--accent);border-radius:100px;background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:all var(--transition)}.social-friend-btn:hover{background:var(--accent);color:#fff}.social-friend-btn.is-friend{border-color:var(--border);background:transparent;color:var(--text-secondary)}.social-friend-btn.is-friend:hover{border-color:var(--incorrect);color:var(--incorrect);background:var(--incorrect-bg)}.social-friend-btn.pending{border-color:var(--text-muted);background:transparent;color:var(--text-muted)}.social-friend-btn.pending:hover{border-color:var(--incorrect);color:var(--incorrect);background:var(--incorrect-bg)}.social-friend-btn.accept{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.social-friend-btn.accept:hover{background:var(--accent);color:#fff}.social-friend-btn.decline{border-color:var(--border);background:transparent;color:var(--text-muted)}.social-friend-btn.decline:hover{border-color:var(--incorrect);color:var(--incorrect)}.social-friend-btn:disabled{opacity:.5;cursor:not-allowed}.social-search-wrapper{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 1rem;margin-bottom:1.5rem;transition:border-color var(--transition)}.social-search-wrapper:focus-within{border-color:var(--accent)}.social-search-icon{font-family:var(--font-mono);font-size:.9rem;color:var(--accent);margin-right:.35rem;-webkit-user-select:none;user-select:none}.social-search{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);background:transparent;border:none;padding:.8rem 0;outline:none}.social-search::placeholder{color:var(--text-muted);font-family:var(--font-sans)}.social-section{margin-bottom:1.5rem}.social-section-title{font-family:var(--font-sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:.75rem}.social-empty{font-family:var(--font-sans);font-size:.8rem;color:var(--text-muted);padding:1.5rem 0;text-align:center}.social-loading{font-family:var(--font-sans);font-size:.85rem;color:var(--text-secondary);text-align:center;padding:3rem 0}.social-user-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.social-user-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.social-user-row:last-child{border-bottom:none}.social-user-info{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1;min-width:0}.social-user-info:hover .social-user-row-name{color:var(--accent)}.social-avatar-sm{width:32px;height:32px;border-radius:50%;flex-shrink:0}.social-user-text{display:flex;flex-direction:column;min-width:0}.social-user-row-name{font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--text-primary);transition:color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-user-row-handle{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.social-action-btn{font-family:var(--font-sans);font-size:.68rem;font-weight:500;padding:.35rem .85rem;border:1px solid var(--accent);border-radius:100px;background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:all var(--transition);flex-shrink:0;margin-left:.75rem}.social-action-btn:hover{background:var(--accent);color:#fff}.social-action-btn.is-friend{border-color:var(--border);background:transparent;color:var(--text-secondary)}.social-action-btn.is-friend:hover{border-color:var(--incorrect);color:var(--incorrect)}.social-action-btn.pending{border-color:var(--text-muted);background:transparent;color:var(--text-muted);cursor:default}.social-action-btn.pending:hover{border-color:var(--incorrect);color:var(--incorrect);cursor:pointer}.social-action-btn.accept{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.social-action-btn.accept:hover{background:var(--accent);color:#fff}.social-action-btn.decline{border-color:var(--border);background:transparent;color:var(--text-muted);padding:.35rem .55rem;font-size:.6rem}.social-action-btn.decline:hover{border-color:var(--incorrect);color:var(--incorrect)}.social-action-btn:disabled{opacity:.5;cursor:not-allowed}.social-action-group{display:flex;gap:.35rem;flex-shrink:0;margin-left:.75rem}.social-action-btn.view{border-color:var(--border);background:transparent;color:var(--text-secondary)}.social-action-btn.view:hover{border-color:var(--text-primary);color:var(--text-primary)}.social-profile-view{padding-top:.5rem}.social-user-hero{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.social-avatar-lg{width:56px;height:56px;border-radius:50%;flex-shrink:0;border:2px solid var(--border)}.social-user-name{font-family:var(--font-sans);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem}.social-user-handle{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);display:block;margin-bottom:.4rem}.social-user-bio{font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin-top:.25rem}.social-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1.5rem}.social-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.social-stat-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.social-stat-value small{font-size:.6rem;font-weight:400;color:var(--text-secondary)}.social-stat-label{font-family:var(--font-sans);font-size:.55rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);text-align:center}.social-chart-card{width:100%;height:120px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.social-chart-card canvas{width:100%;height:100%}.social-tests{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.social-test-row{display:grid;grid-template-columns:1fr .6fr 1fr .8fr;align-items:center;padding:.65rem 1rem;background:var(--bg-surface);font-family:var(--font-sans);font-size:.72rem;border-bottom:1px solid var(--border)}.social-test-row:last-child{border-bottom:none}.social-test-wpm{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.social-test-wpm small{font-weight:400;color:var(--text-secondary);font-size:.62rem}.social-test-acc{color:var(--text-secondary)}.social-test-meta{color:var(--text-muted);font-size:.65rem}.social-test-time{color:var(--text-muted);font-size:.65rem;text-align:right}@media(max-width:700px){.social-container{padding:1.25rem}.social-stats-grid{grid-template-columns:repeat(3,1fr)}.social-test-row{grid-template-columns:1fr .6fr 1fr}.social-test-time{display:none}}.race-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto}.race-overlay.visible{opacity:1;pointer-events:auto}.race-container{max-width:640px;width:100%;margin:0 auto;padding:2rem;min-height:100vh}.race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.race-back{font-family:var(--font-sans);font-size:.78rem;font-weight:500;padding:.45rem 1.1rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.race-back:hover{color:var(--text-primary);border-color:var(--text-secondary)}.race-title{font-family:var(--font-sans);font-size:1.4rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.25rem}.race-subtitle{font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem}.race-error{font-family:var(--font-sans);font-size:.75rem;color:var(--incorrect);text-align:center;margin-top:1rem}.race-section-label{font-family:var(--font-sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:.75rem}.race-primary-btn{font-family:var(--font-sans);font-size:.8rem;font-weight:600;padding:.65rem 2rem;border:none;border-radius:100px;background:var(--accent);color:#fff;cursor:pointer;transition:all var(--transition)}.race-primary-btn:hover:not(:disabled){opacity:.9;box-shadow:0 0 20px var(--accent-glow)}.race-primary-btn:disabled{opacity:.3;cursor:not-allowed}.race-menu{display:flex;flex-direction:column;align-items:center}.race-menu-section{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.race-settings-row{display:flex;gap:1.5rem;margin-bottom:1.25rem;width:100%;justify-content:center}.race-setting{display:flex;flex-direction:column;align-items:center;gap:.5rem}.race-setting-label{font-family:var(--font-sans);font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.race-setting-options{display:flex;gap:.3rem}.race-setting-btn{font-family:var(--font-sans);font-size:.72rem;font-weight:500;padding:.35rem .85rem;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.race-setting-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.race-setting-btn:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.race-divider{width:100%;max-width:400px;display:flex;align-items:center;gap:1rem;margin:1.75rem 0}.race-divider:before,.race-divider:after{content:"";flex:1;height:1px;background:var(--border)}.race-divider span{font-family:var(--font-sans);font-size:.7rem;color:var(--text-muted)}.race-join-row{display:flex;gap:.6rem;width:100%;max-width:320px}.race-code-input{flex:1;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem 1rem;text-align:center;letter-spacing:3px;outline:none;transition:border-color var(--transition)}.race-code-input::placeholder{color:var(--text-muted);letter-spacing:1px;font-size:.75rem}.race-code-input:focus{border-color:var(--accent)}.race-lobby{display:flex;flex-direction:column;align-items:center}.race-code-display{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.4rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);transition:all var(--transition)}.race-code-display:hover{border-color:var(--accent)}.race-code-label{font-family:var(--font-sans);font-size:.55rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.race-code-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:3px}.race-code-copy{font-family:var(--font-sans);font-size:.55rem;color:var(--text-muted)}.race-participants{width:100%;max-width:400px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}.race-participant{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.race-participant:last-child{border-bottom:none}.race-participant-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.race-participant-info{display:flex;flex-direction:column;flex:1;min-width:0}.race-participant-name{font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--text-primary)}.race-participant-handle{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted)}.race-host-badge{font-family:var(--font-sans);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .55rem;border-radius:100px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.race-lobby-footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px}.race-player-count{font-family:var(--font-sans);font-size:.72rem;color:var(--text-muted)}.race-waiting-text{font-family:var(--font-sans);font-size:.75rem;color:var(--text-secondary);font-style:italic}.race-countdown-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.race-countdown-number{font-family:var(--font-mono);font-size:6rem;font-weight:700;color:var(--accent);line-height:1;animation:countPulse 1s ease infinite}@keyframes countPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.race-countdown-label{font-family:var(--font-sans);font-size:.85rem;color:var(--text-secondary);margin-top:.75rem}.race-active{padding-top:1rem}.race-timer{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--accent);text-align:center;margin-bottom:1.25rem;opacity:.6;font-variant-numeric:tabular-nums}.race-tracks{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.race-track{display:flex;align-items:center;gap:.6rem;padding:.45rem 0}.race-track.is-self{opacity:1}.race-track:not(.is-self){opacity:.7}.race-track-info{display:flex;align-items:center;gap:.4rem;min-width:90px;flex-shrink:0}.race-track-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0}.race-track-name{font-family:var(--font-sans);font-size:.7rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.race-track-bar{flex:1;height:6px;background:var(--bg-surface);border-radius:3px;border:1px solid var(--border);overflow:hidden;position:relative}.race-track-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease;box-shadow:0 0 8px var(--accent-glow)}.race-track.is-self .race-track-fill{background:var(--accent)}.race-track:not(.is-self) .race-track-fill{background:var(--text-secondary);box-shadow:none}.race-track.finished .race-track-name{color:var(--text-muted)}.race-track-wpm{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-primary);min-width:55px;text-align:right;font-variant-numeric:tabular-nums}.race-track-wpm small{font-weight:400;color:var(--text-secondary);font-size:.58rem}.race-typing-card{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.5rem;box-shadow:var(--shadow),var(--glow)}.race-results{display:flex;flex-direction:column;align-items:center}.race-standings{width:100%;max-width:480px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}.race-standing{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.race-standing:last-child{border-bottom:none}.race-standing.is-self{background:var(--accent-dim)}.race-standing.is-winner{border-left:3px solid var(--accent)}.race-rank{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--text-secondary);min-width:30px}.race-standing.is-winner .race-rank{color:var(--accent)}.race-standing-user{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.race-standing-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0}.race-standing-info{display:flex;flex-direction:column;min-width:0}.race-standing-name{font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-standing-handle{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted)}.race-standing-stats{display:flex;align-items:center;gap:1rem;flex-shrink:0}.race-standing-wpm{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.race-standing-wpm small{font-weight:400;color:var(--text-secondary);font-size:.62rem}.race-standing-acc{font-family:var(--font-sans);font-size:.72rem;color:var(--text-secondary)}@media(max-width:700px){.race-container{padding:1.25rem}.race-typing-card{padding:1.5rem 1.25rem;border-radius:16px}.race-track-info{min-width:70px}.race-track-name{max-width:50px}}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;width:100%}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--bg-elevated);z-index:1000;opacity:0;transition:opacity .3s ease}.progress-bar.active{opacity:1}.progress-fill{height:100%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);transition:width .3s linear;border-radius:0 2px 2px 0}header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;z-index:100;transition:opacity var(--transition),transform var(--transition)}header.faded{opacity:0;transform:translateY(-8px);pointer-events:none}.logo{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--accent);letter-spacing:-.5px}.theme-toggle{background:var(--bg-glass);border:1px solid var(--border);padding:.4rem 1.1rem;color:var(--text-secondary);font-family:var(--font-sans);font-size:.72rem;font-weight:500;cursor:pointer;transition:all var(--transition);border-radius:100px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-dim)}.main-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:780px}.timer-display{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;color:var(--accent);opacity:0;height:0;overflow:hidden;transition:opacity .2s ease,height var(--transition),margin var(--transition);margin-bottom:0;line-height:1;font-variant-numeric:tabular-nums;text-align:center}.timer-display.visible{opacity:.5;height:2.25rem;margin-bottom:1.25rem}.typing-card{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.5rem;box-shadow:var(--shadow),var(--glow);transition:box-shadow var(--transition),border-color var(--transition);position:relative}.typing-card:focus-within{border-color:var(--border-accent)}.restart-hint{margin-top:1.25rem;font-family:var(--font-sans);font-size:.72rem;color:var(--text-secondary);opacity:0;transition:opacity var(--transition);letter-spacing:.2px}.restart-hint.visible{opacity:.5}.restart-hint kbd{display:inline-block;padding:.2em .5em;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono);font-size:.62rem;margin:0 .12em;line-height:1}.header-actions{display:flex;align-items:center;gap:.6rem}.social-nav-btn{font-family:var(--font-sans);font-size:.72rem;font-weight:500;padding:.4rem 1.1rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.social-nav-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.sign-in-btn{font-family:var(--font-sans);font-size:.72rem;font-weight:500;padding:.4rem 1.1rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sign-in-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.auth-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;padding:0;overflow:hidden;transition:border-color var(--transition);display:flex;align-items:center;justify-content:center}.auth-avatar:hover{border-color:var(--accent)}.auth-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-family:var(--font-sans);font-size:.72rem;font-weight:600;color:var(--text-secondary)}@media(max-width:700px){header{padding:1.25rem}.main-content{max-width:100%}.typing-card{padding:1.5rem 1.25rem;border-radius:16px}.app{padding:1rem}}