:root{--bg: #0a0a12;--bg-secondary: #12121f;--bg-tertiary: #1a1a2e;--text: #e0e0ff;--text-dim: #6060a0;--text-muted: #40406a;--primary: #00f0ff;--primary-glow: #00f0ff40;--secondary: #ff00aa;--secondary-glow: #ff00aa40;--accent: #7b00ff;--accent-glow: #7b00ff40;--correct: #00ff88;--incorrect: #ff3366;--error-glow: #ff336640;--caret: #00f0ff;--caret-glow: #00f0ff80;--key-bg: #1a1a2e;--key-border: #2a2a4e;--key-active: #00f0ff30;--key-correct: #00ff8840;--key-incorrect: #ff336640;--surface: #141428;--surface-border: #2a2a4e;--shadow: 0 0 30px rgba(0, 240, 255, .15);color-scheme:dark;font-family:SF Mono,Fira Code,JetBrains Mono,Cascadia Code,ui-monospace,monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}::selection{background:var(--primary);color:var(--bg)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--surface-border)}.footer-shortcut kbd{display:inline-block;padding:.1rem .4rem;font-size:.65rem;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:4px;color:var(--text-dim)}.navigation{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-left{display:flex;align-items:center;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{color:var(--primary)}.logo-text{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.nav-tabs{display:flex;gap:.25rem}.nav-tab{position:relative;display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;font-family:inherit;border-radius:6px;transition:all .2s}.nav-tab:hover{color:var(--text);background:var(--bg-tertiary)}.nav-tab.active{color:var(--primary)}.tab-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.nav-center{display:flex;align-items:center}.difficulty-badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.difficulty-badge.hardcore{background:#ff336626;color:var(--incorrect);border:1px solid rgba(255,51,102,.3)}.difficulty-badge.zen{background:#00ff881a;color:var(--correct);border:1px solid rgba(0,255,136,.2)}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-action{padding:.5rem;border-radius:6px;color:var(--text-dim)}.nav-action:hover,.nav-action.active{color:var(--primary);background:var(--bg-tertiary)}.btn-icon{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:.4rem;border-radius:6px;transition:all .15s}.btn-icon:hover{background:var(--bg-tertiary)}.world-clock{display:flex;align-items:center;gap:.6rem;font-size:.7rem;color:var(--text-dim)}.clock-day{font-weight:600;color:var(--text)}.clock-time{font-family:monospace;color:var(--primary);font-weight:600;font-size:.75rem}.clock-tz{opacity:.6;font-size:.6rem}.mode-selector{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.mode-group{display:flex;gap:.25rem}.mode-divider{width:1px;height:24px;background:var(--surface-border);margin:0 .5rem}.mode-btn{padding:.4rem 1rem;background:none;border:1px solid transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:.8rem;border-radius:8px;transition:all .15s}.mode-btn:hover{color:var(--text);background:var(--bg-tertiary)}.mode-btn.active{color:var(--primary);background:var(--key-active);border-color:var(--primary)}.mode-btn.mode-hardcore.active{color:var(--incorrect);border-color:var(--incorrect);background:var(--key-incorrect)}.typing-area-wrapper{width:100%;max-width:900px;position:relative}.progress-bar-container{height:3px;background:var(--surface-border);border-radius:3px;margin-bottom:1.5rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;transition:width .1s}.live-stats-overlay{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.live-stat{display:flex;flex-direction:column;align-items:center}.live-stat .stat-value{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}.live-stat .stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.typing-text{display:flex;flex-wrap:wrap;gap:0;line-height:2;padding:1.5rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;cursor:text;min-height:120px;-webkit-user-select:none;user-select:none;position:relative}.typing-text.idle{cursor:pointer}.word{display:inline-flex;margin-right:.6em;position:relative}.word-active{position:relative}.word-completed{opacity:.5}.char{position:relative;transition:color .05s}.char-correct{color:var(--correct)}.char-incorrect{color:var(--incorrect);text-decoration:underline;text-decoration-color:var(--error-glow);text-underline-offset:3px}.char-current{color:var(--text)}.char-extra{color:var(--incorrect);opacity:.7}.char-untyped{color:var(--text-muted)}.caret{position:absolute;left:-1px;top:0;width:2px;height:100%;background:var(--caret);box-shadow:0 0 8px var(--caret-glow),0 0 20px var(--caret-glow);border-radius:1px}.caret-block{width:.6em;background:var(--caret);opacity:.3;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:0}}.typing-area-empty{display:flex;justify-content:center;align-items:center;min-height:200px}.typing-prompt{text-align:center;color:var(--text-dim)}.prompt-icon{font-size:2rem;display:block;margin-bottom:.5rem}.typing-prompt h2{font-size:1.5rem;color:var(--text);margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prompt-hint{margin-top:1rem;font-size:.75rem}.prompt-hint kbd{display:inline-block;padding:.1rem .4rem;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:4px;font-size:.7rem}.start-hint{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.85rem}.restart-hint{text-align:center;margin-top:1rem;color:var(--text-muted);font-size:.7rem}.restart-hint kbd{display:inline-block;padding:.1rem .3rem;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:3px;font-size:.65rem;margin:0 .1rem}.live-wpm-graph{width:100%;max-width:300px;margin:1rem auto;opacity:.8}.live-wpm-graph svg{width:100%;height:40px}.result-screen{width:100%;max-width:700px;padding:2rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:16px}.pb-banner{text-align:center;font-size:1.2rem;font-weight:700;color:gold;margin-bottom:1.5rem;padding:.75rem;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:10px}.result-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.result-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:10px}.result-stat .stat-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1}.result-stat.stat-highlight .stat-value{color:var(--primary);font-size:2.5rem}.result-stat .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem}.result-graph{width:100%;height:60px;margin:1rem 0;opacity:.7}.result-graph svg{width:100%;height:100%}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;border:1px solid var(--surface-border);border-radius:8px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .15s}.btn-primary{background:var(--primary);color:var(--bg);border-color:var(--primary);font-weight:600}.btn-primary:hover{box-shadow:0 0 20px var(--primary-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text)}.btn-secondary:hover{background:var(--key-bg)}.btn kbd{font-size:.65rem;opacity:.7}.keyboard-container{margin-top:2rem;width:100%;display:flex;justify-content:center}.virtual-keyboard{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:12px;box-shadow:var(--shadow)}.keyboard-row{display:flex;gap:4px;justify-content:center}.keycap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50px;min-width:40px;padding:0 8px;background:var(--key-bg);border:1px solid var(--key-border);border-radius:6px;color:var(--text);font-size:.8rem;font-family:inherit;position:relative;transition:all .08s;box-shadow:0 2px 0 var(--surface-border);cursor:default}.keycap-pressed{background:var(--key-active)!important;transform:translateY(2px);box-shadow:0 0 0 var(--surface-border)}.keycap-next{background:var(--key-active);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow),0 2px 0 var(--surface-border)}.keycap-correct{background:var(--key-correct)!important;border-color:var(--correct)!important}.keycap-incorrect{background:var(--key-incorrect)!important;border-color:var(--incorrect)!important;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.keycap-label{font-weight:500;font-size:.85rem}.keycap-shift{position:absolute;top:3px;right:4px;font-size:.5rem;color:var(--text-muted)}.keycap-finger{position:absolute;bottom:2px;font-size:.45rem;font-weight:600;opacity:.8}.keyboard-showcase{width:100%;max-width:900px}.showcase-title{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-desc{color:var(--text-dim);margin-bottom:1.5rem;font-size:.85rem}.layout-selector{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.layout-btn{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:8px;color:var(--text-dim);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .15s}.layout-btn:hover{background:var(--bg-tertiary);color:var(--text)}.layout-btn.active{background:var(--key-active);border-color:var(--primary);color:var(--primary)}.layout-lang{font-size:.6rem;opacity:.6}.showcase-controls{margin-bottom:1rem}.showcase-keyboard-wrapper{margin:1.5rem 0}.finger-guide{margin-top:1.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px}.finger-guide h4{margin-bottom:1rem;font-size:.9rem}.finger-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.finger-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-dim)}.finger-dot{width:12px;height:12px;border-radius:50%}.finger-hint{font-size:.8rem;color:var(--text-muted)}.finger-hint strong{color:var(--primary)}.layout-info{margin-top:1.5rem;padding:1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:8px}.layout-info h4{margin-bottom:.5rem;color:var(--primary)}.layout-info p{font-size:.8rem;color:var(--text-dim);letter-spacing:.1em}.layout-row{margin-top:.3rem}.stats-page{width:100%;max-width:900px}.stats-title{font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;transition:all .2s}.stat-card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.stat-card-icon{margin-bottom:.5rem}.stat-card-value{font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:.3rem}.stat-card-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.stats-section{margin-bottom:2rem;padding:1.5rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px}.stats-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem}.trend-graph{width:100%;overflow-x:auto}.trend-graph svg{width:100%;height:120px}.trend-labels{display:flex;justify-content:space-around;margin-top:.5rem}.trend-label{font-size:.6rem;color:var(--text-muted)}.weak-keys-grid{display:grid;gap:.5rem}.weak-key-item{display:flex;align-items:center;gap:.75rem}.weak-key-char{width:2rem;text-align:center;font-weight:600;color:var(--primary)}.weak-key-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.weak-key-fill{height:100%;border-radius:4px;transition:width .3s}.weak-key-acc{width:3rem;text-align:right;font-size:.8rem;color:var(--text-dim)}.sessions-table{display:grid;gap:.25rem}.session-header,.session-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.5rem 0;font-size:.8rem}.session-header{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border)}.session-row{color:var(--text-dim);border-bottom:1px solid var(--surface-border)}.session-wpm{color:var(--primary);font-weight:600}.session-date{color:var(--text-muted);font-size:.75rem}.stats-empty{display:flex;justify-content:center;align-items:center;min-height:300px;text-align:center}.stats-empty h2{margin-bottom:.5rem;color:var(--text-dim)}.stats-empty p{color:var(--text-muted)}.replay-page{width:100%;max-width:900px}.replay-title{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.replay-desc{color:var(--text-dim);margin-bottom:1.5rem;font-size:.85rem}.session-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.no-sessions{color:var(--text-muted);padding:1rem;font-size:.85rem}.session-btn{display:flex;flex-direction:column;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:8px;cursor:pointer;font-family:inherit;color:var(--text-dim);transition:all .15s}.session-btn:hover{border-color:var(--primary)}.session-btn.active{border-color:var(--primary);background:var(--key-active)}.session-btn .session-wpm{font-size:1.1rem;font-weight:700}.session-btn .session-meta{font-size:.7rem}.session-btn .session-date{font-size:.6rem;color:var(--text-muted)}.replay-controls{padding:1.5rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px}.replay-text{padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem;font-size:1.2rem;min-height:60px;overflow:hidden;white-space:nowrap}.replay-char{color:var(--text-muted);transition:color .1s}.replay-char-typed{color:var(--correct)}.replay-char-current{color:var(--text)}.replay-caret{color:var(--caret);animation:blink 1s infinite}.replay-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.replay-wpm{font-size:1.5rem;font-weight:700;color:var(--primary)}.replay-errors{font-size:.85rem;color:var(--incorrect)}.replay-timeline{margin-bottom:1rem}.timeline-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--primary-glow)}.timeline-labels{display:flex;justify-content:space-between;margin-top:.3rem;font-size:.7rem;color:var(--text-muted)}.playback-controls{display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-play{width:40px;height:40px;background:var(--primary);color:var(--bg);border-radius:50%;font-size:1.2rem}.btn-play:hover{box-shadow:0 0 20px var(--primary-glow)}.speed-control{display:flex;align-items:center;gap:.25rem;margin-left:1rem;color:var(--text-muted)}.speed-btn{padding:.3rem .6rem;background:none;border:1px solid var(--surface-border);border-radius:4px;color:var(--text-dim);font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .1s}.speed-btn:hover{border-color:var(--primary);color:var(--text)}.speed-btn.active{background:var(--key-active);border-color:var(--primary);color:var(--primary)}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;padding-top:15vh}.command-palette{width:90%;max-width:500px;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.command-palette-header{padding:.75rem;border-bottom:1px solid var(--surface-border)}.command-palette-input{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none}.command-palette-input:focus{border-color:var(--primary)}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-list{max-height:300px;overflow-y:auto;padding:.5rem}.command-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:6px;cursor:pointer;transition:all .1s}.command-item:hover,.command-item.selected{background:var(--bg-tertiary)}.command-label{font-size:.85rem;color:var(--text)}.command-category{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.command-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:900}.settings-panel{position:fixed;right:0;top:0;bottom:0;width:380px;max-width:90vw;background:var(--bg-secondary);border-left:1px solid var(--surface-border);overflow-y:auto;z-index:901}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--surface-border)}.settings-header h2{font-size:1.1rem}.settings-body{padding:1rem 1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section h3{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:.75rem;color:var(--text-dim)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:.7rem;color:var(--text-dim);transition:all .15s}.theme-swatch:hover{border-color:var(--text-dim)}.theme-swatch.active{border-color:var(--primary);color:var(--primary)}.swatch-preview{width:100%;height:28px;border-radius:4px;border:2px solid transparent}.theme-swatch.active .swatch-preview{border-color:var(--primary)}.option-chips{display:flex;flex-wrap:wrap;gap:.3rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8rem;color:var(--text-dim)}.toggle-switch{width:40px;height:22px;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:11px;padding:2px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.toggle-switch.active{background:var(--primary);border-color:var(--primary)}.toggle-knob{width:16px;height:16px;background:var(--text);border-radius:50%;transition:all .2s}.toggle-switch.active .toggle-knob{background:var(--bg)}.slider-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.8rem;color:var(--text-dim)}.slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-tertiary);border-radius:2px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer}.full-width-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-tertiary);border-radius:2px;outline:none}.full-width-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer}.chip{padding:.35rem .75rem;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:6px;color:var(--text-dim);font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .1s}.chip:hover{border-color:var(--text-dim);color:var(--text)}.chip.active{background:var(--key-active);border-color:var(--primary);color:var(--primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.navigation{flex-wrap:wrap;gap:.5rem}.nav-left{flex-direction:column;align-items:flex-start;gap:.5rem}.nav-tabs{overflow-x:auto;width:100%}.world-clock{display:none}.result-stats-grid,.stats-cards{grid-template-columns:repeat(2,1fr)}.settings-panel{width:100%}.typing-text{font-size:18px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow),0 0 40px var(--primary-glow)}}.theme-neon-pulse .keycap-next{animation:glow 1.5s infinite}.theme-neon-pulse .caret{animation:glow 2s infinite}.theme-paper-ink .typing-text{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.theme-paper-ink .char-incorrect{text-decoration-style:wavy}.theme-aurora-flow .navigation{background:linear-gradient(180deg,var(--bg-secondary),transparent)}.theme-aurora-flow .keycap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-aurora-flow .result-screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}