@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";:root,[data-theme=glossy]{--bg: #0d0d0d;--bg-elevated: #1e1e1e;--bg-divider: #161616;--border: #2e2e2e;--text: #e2e8f0;--text-muted: #9ca3af;--text-dim: #6b7280;--text-pending: #3a3a3a;--accent: #10b981;--accent-hover: #059669;--danger: #ef4444;--gold: #f59e0b}[data-theme=midnight]{--bg: #1a1a2e;--bg-elevated: #2a2a4a;--bg-divider: #1f1f3a;--border: #3a3a5a;--text: #e2e8f0;--text-muted: #9ca3af;--text-dim: #6b7280;--text-pending: #4a4a6a;--accent: #10b981;--accent-hover: #059669;--danger: #ef4444;--gold: #f59e0b}[data-theme=catppuccin]{--bg: #1e1e2e;--bg-elevated: #313244;--bg-divider: #181825;--border: #45475a;--text: #cdd6f4;--text-muted: #bac2de;--text-dim: #9399b2;--text-pending: #585b70;--accent: #a6e3a1;--accent-hover: #94d391;--danger: #f38ba8;--gold: #f9e2af}[data-theme=nord]{--bg: #2e3440;--bg-elevated: #3b4252;--bg-divider: #353b48;--border: #4c566a;--text: #eceff4;--text-muted: #d8dee9;--text-dim: #88909e;--text-pending: #4c566a;--accent: #a3be8c;--accent-hover: #88a974;--danger: #bf616a;--gold: #ebcb8b}[data-theme=latte]{--bg: #eff1f5;--bg-elevated: #ffffff;--bg-divider: #e6e9ef;--border: #ccd0da;--text: #4c4f69;--text-muted: #5c5f77;--text-dim: #6c6f85;--text-pending: #ccd0da;--accent: #40a02b;--accent-hover: #318220;--danger: #d20f39;--gold: #df8e1d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--bg-elevated)}.nav-logo{font-size:22px;font-weight:600;color:var(--text);cursor:pointer;background:none;border:none;font-family:inherit}.nav-logo span{color:var(--danger)}.nav-links{display:flex;gap:16px;align-items:center}.nav-link{color:var(--text-muted);font-size:14px;cursor:pointer;background:none;border:none;font-family:inherit;transition:color .2s}.nav-link:hover{color:var(--text)}.btn{padding:8px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-family:inherit;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-muted)}.container{max-width:900px;margin:0 auto;padding:40px 20px;flex:1;width:100%}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.timer-options{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.timer-pill{padding:6px 18px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px;font-family:inherit;transition:all .2s}.timer-pill.active{border-color:var(--accent);color:var(--accent)}.timer-pill:disabled{opacity:.3;cursor:not-allowed}.timer-display{font-size:56px;font-family:JetBrains Mono,monospace;text-align:center;color:var(--text-dim);margin-bottom:32px;font-weight:600}.timer-display.running{color:var(--text)}.timer-display.warning{color:var(--danger)}.typing-area{font-family:JetBrains Mono,monospace;font-size:20px;line-height:2;max-width:800px;margin:0 auto;overflow:hidden;height:120px;position:relative}.typing-area-inner{transition:transform .15s ease}.char{transition:color .05s}.char-correct{color:var(--accent)}.char-incorrect{color:var(--danger);background:color-mix(in srgb,var(--danger) 15%,transparent);border-radius:2px}.char-pending{color:var(--text-pending)}.char-current{border-left:2px solid var(--accent)}.char-current.blink{animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.hint{color:var(--text-dim);font-size:14px;text-align:center;margin-top:24px}.live-wpm{font-size:14px;color:var(--text-dim);text-align:center;margin-bottom:8px;font-family:JetBrains Mono,monospace}.results{text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-wpm{font-size:72px;font-weight:600;color:var(--gold);font-family:JetBrains Mono,monospace}.results-accuracy{font-size:36px;color:var(--accent);font-weight:600;font-family:JetBrains Mono,monospace}.results-label{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.results-details{color:var(--text-dim);font-size:14px;margin:20px 0}.results-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.save-status{font-size:13px;margin-top:12px}.save-status.saved{color:var(--accent)}.save-status.error{color:var(--danger)}.save-status.guest{color:var(--text-dim)}.profile-header{margin-bottom:32px}.profile-username{font-size:28px;font-weight:600;margin-bottom:4px}.profile-email{color:var(--text-dim);font-size:14px}.profile-date{color:var(--text-dim);font-size:13px;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-elevated);border-radius:10px;padding:20px;text-align:center}.stat-value{font-size:32px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text)}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:6px}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:10px 12px;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--bg-elevated)}.history-table td{padding:10px 12px;border-bottom:1px solid var(--bg-divider);font-size:14px}.history-table tr:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.pagination{display:flex;justify-content:center;gap:12px;margin-top:20px;align-items:center}.pagination span{color:var(--text-dim);font-size:14px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px}.edit-inline{display:flex;gap:8px;align-items:center}.edit-input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;font-size:16px;font-family:inherit}.account-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--bg-elevated)}.account-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.error-text{color:var(--danger);font-size:14px}.loading{color:var(--text-dim)}.empty-state{text-align:center;color:var(--text-dim);padding:40px 0}.footer{text-align:center;padding:20px;color:var(--border);font-size:12px;margin-top:auto}.delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:13px}.delete-btn:hover{color:var(--danger)}.confirm-delete{display:flex;gap:8px;align-items:center;font-size:13px}.theme-picker{position:relative}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:200px;z-index:10;box-shadow:0 8px 24px #0000004d}.theme-option{display:flex;align-items:center;gap:12px;padding:8px 10px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;border-radius:6px;text-align:left;transition:background .15s,color .15s}.theme-option:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.theme-option.active{color:var(--accent)}.theme-swatch{width:36px;height:16px;border-radius:4px;border:1px solid var(--border);display:flex;overflow:hidden;flex-shrink:0}.theme-swatch>span{display:block;height:100%}.theme-swatch-bg{flex:2}.theme-swatch-accent,.theme-swatch-danger{flex:1}