@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-color: #323437;--main-color: #e2b714;--caret-color: #e2b714;--sub-color: #646669;--sub-alt-color: #2c2e31;--text-color: #d1d0c5;--error-color: #ca4754;--error-extra-color: #7e2a33;--font-mono: "JetBrains Mono", monospace;--font-ui: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius: 8px;--transition-fast: .15s ease;--transition-smooth: .25s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;padding:2rem 1.5rem;-webkit-user-select:none;user-select:none}#app{width:100%;max-width:1080px;display:flex;flex-direction:column;flex:1;justify-content:space-between}header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;transition:opacity var(--transition-smooth)}.brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;text-decoration:none}.brand-icon{width:44px;height:26px;color:var(--main-color);stroke:var(--main-color);transition:transform var(--transition-fast);flex-shrink:0}.brand:hover .brand-icon{transform:scale(1.05)}.brand-text-container{display:flex;flex-direction:column;justify-content:center;line-height:1}.brand-subline{font-family:var(--font-ui);font-size:.68rem;font-weight:500;color:var(--sub-color);letter-spacing:.35px;line-height:1;margin-bottom:.2rem;margin-left:2px}.brand-title{font-family:var(--font-ui);font-size:1.65rem;font-weight:700;letter-spacing:-.5px;color:var(--text-color);line-height:1.05}.brand-title span{color:var(--main-color)}.header-actions{display:flex;align-items:center;gap:.75rem}.action-btn{background:transparent;border:none;color:var(--sub-color);font-family:var(--font-ui);font-size:.9rem;display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover,.action-btn.active{color:var(--text-color);background-color:var(--sub-alt-color)}.action-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}.nav-bar-container{display:flex;justify-content:center;margin-bottom:2rem;transition:opacity var(--transition-smooth)}.nav-bar{display:inline-flex;align-items:center;background-color:var(--sub-alt-color);border-radius:var(--border-radius);padding:.35rem .6rem;gap:.85rem;font-family:var(--font-ui);font-size:.88rem;box-shadow:0 4px 16px #00000026}.nav-section{display:flex;align-items:center;gap:.35rem}.nav-divider{width:2px;height:18px;background-color:var(--sub-color);opacity:.3}.mode-selector{display:inline-flex;align-items:center;gap:.25rem}.nav-mode-btn{background:transparent;border:none;color:var(--sub-color);font-family:var(--font-ui);font-size:.88rem;font-weight:500;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .65rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.nav-mode-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2}.nav-mode-btn:hover{color:var(--text-color);background:#ffffff0a}.nav-mode-btn.active{color:var(--main-color);background:#ffffff0f;font-weight:600}.nav-btn{background:none;border:none;color:var(--sub-color);padding:.25rem .55rem;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:500;transition:all var(--transition-fast)}.nav-btn:hover{color:var(--text-color)}.nav-btn.active{color:var(--main-color);font-weight:700}.unit-toggle{background:#0000002e;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:.15rem .35rem;display:inline-flex;gap:.2rem}.unit-btn{background:none;border:none;color:var(--sub-color);font-size:.75rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;cursor:pointer;transition:all var(--transition-fast)}.unit-btn.active{background:var(--main-color);color:var(--bg-color)}main{position:relative;width:100%;margin:auto 0;display:flex;flex-direction:column;justify-content:center}.test-live-info{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;height:2.2rem}.live-timer{font-size:1.75rem;font-weight:700;color:var(--main-color);font-family:var(--font-mono);display:flex;align-items:center;gap:.5rem;transition:opacity .2s ease}.live-metrics{display:flex;gap:1.5rem;font-family:var(--font-ui);font-size:.95rem;color:var(--sub-color)}.live-metric-item span{color:var(--text-color);font-weight:600;margin-left:.3rem;font-family:var(--font-mono)}#words-input{position:absolute;opacity:0;top:0;left:0;height:0;width:0;pointer-events:none}.words-container{position:relative;width:100%;font-size:1.65rem;line-height:2.75rem;height:8.25rem;overflow:hidden;cursor:default;outline:none}.words-wrapper{display:flex;flex-wrap:wrap;column-gap:.55em;row-gap:0;position:relative;transition:transform .16s cubic-bezier(.16,1,.3,1);will-change:transform}.word{position:relative;display:inline-flex;margin-bottom:0;letter-spacing:.01em}.letter{position:relative;color:var(--sub-color)}.letter.correct{color:var(--text-color)}.letter.incorrect{color:var(--error-color);text-decoration:underline;text-underline-offset:4px}.letter.extra{color:var(--error-extra-color);opacity:.85}#caret,#replay-caret{position:absolute;top:0;left:0;background-color:var(--caret-color);z-index:10;pointer-events:none;transform:translateZ(0);will-change:transform,width,height;transform-origin:0 0;backface-visibility:hidden}#caret.style-line,#replay-caret.style-line{width:2.5px;height:2rem;border-radius:2px}#caret.style-block,#replay-caret.style-block{width:1ch;height:2rem;opacity:.45;border-radius:2px}#caret.style-underline,#replay-caret.style-underline{width:1ch;height:3px;margin-top:1.85rem;border-radius:1px}#caret.style-box,#replay-caret.style-box{width:1ch;height:2rem;background:transparent;border:2px solid var(--caret-color);border-radius:3px}#caret.blinking,#replay-caret.blinking{animation:caretPulse 1s ease-in-out infinite}@keyframes caretPulse{0%,to{opacity:1}50%{opacity:0}}.focus-reminder{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;border-radius:var(--border-radius);z-index:20;font-family:var(--font-ui);color:var(--text-color);cursor:pointer}.focus-reminder.active{display:flex}.focus-reminder svg{width:28px;height:28px;stroke:var(--main-color)}.restart-hint{display:flex;justify-content:center;margin-top:2rem;transition:opacity var(--transition-smooth)}.restart-btn{background:transparent;border:none;color:var(--sub-color);padding:.6rem 1rem;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;gap:.6rem;font-family:var(--font-ui);font-size:.88rem;transition:all var(--transition-fast)}.restart-btn:hover{color:var(--text-color);background-color:var(--sub-alt-color)}.restart-btn svg{width:16px;height:16px;stroke:currentColor}.kbd-badge{background:var(--sub-alt-color);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-family:var(--font-mono);color:var(--sub-color)}#result-view{display:none;width:100%;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}#result-view.active{display:flex;flex-direction:column;gap:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start}.result-main-stats{display:flex;flex-direction:column;gap:1.25rem}.stat-box{display:flex;flex-direction:column}.stat-wpm-row{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap}.stat-label{font-family:var(--font-ui);font-size:1.1rem;color:var(--sub-color);font-weight:500}.stat-value{font-size:4rem;font-weight:700;line-height:1;color:var(--main-color)}.stat-value.secondary{font-size:2.8rem;color:var(--text-color)}.perf-tier-badge{font-family:var(--font-ui);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:.25rem .65rem;border-radius:6px;background:#e2b7141f;color:var(--main-color);border:1px solid rgba(226,183,20,.35);display:inline-flex;align-items:center;gap:.3rem;box-shadow:0 2px 10px #e2b7141a;transition:all var(--transition-fast)}.test-tag-meta{display:flex;gap:.5rem;margin-top:.25rem}.tag-pill{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.18rem .5rem;border-radius:4px;background-color:var(--sub-alt-color);color:var(--sub-color)}.chart-wrapper{display:flex;flex-direction:column;gap:.6rem;width:100%}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--font-ui);font-size:.82rem}.chart-modes{display:inline-flex;background:var(--sub-alt-color);padding:2px;border-radius:6px;gap:2px}.chart-mode-btn{background:none;border:none;color:var(--sub-color);padding:.22rem .65rem;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;transition:all var(--transition-fast)}.chart-mode-btn:hover{color:var(--text-color)}.chart-mode-btn.active{background:var(--bg-color);color:var(--main-color)}.chart-legend{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.legend-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--sub-color);padding:.2rem .55rem;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.78rem;transition:all var(--transition-fast)}.legend-btn:hover{background:var(--sub-alt-color);color:var(--text-color)}.legend-btn.active{color:var(--text-color);border-color:#fff3;background:#ffffff0a}.legend-btn:not(.active){opacity:.45;text-decoration:line-through}.legend-indicator.wpm-dot{width:8px;height:8px;border-radius:50%;background:var(--main-color)}.legend-indicator.raw-dash{width:10px;height:2px;background:var(--sub-color)}.legend-indicator.error-cross{color:var(--error-color);font-weight:700;font-size:.85rem;line-height:1}.legend-indicator.avg-dash{color:var(--sub-color);font-weight:700}.chart-container{width:100%;height:230px;background-color:var(--sub-alt-color);border-radius:var(--border-radius);padding:.5rem;position:relative;box-shadow:0 4px 20px #0000002e}#result-chart{width:100%;height:100%;display:block;cursor:crosshair}.chart-tooltip{position:absolute;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;z-index:25;background:#141517eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:.45rem .65rem;box-shadow:0 8px 24px #00000073;font-family:var(--font-mono);min-width:130px}.chart-tooltip.active{opacity:1;transform:translateY(0)}.chart-tooltip .tt-header{font-size:.72rem;color:var(--sub-color);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.2rem;margin-bottom:.25rem}.chart-tooltip .tt-metrics{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem}.chart-tooltip .tt-item{display:flex;align-items:center;gap:.35rem;color:var(--text-color)}.chart-tooltip .tt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.result-sub-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.25rem;padding:1.25rem;background-color:var(--sub-alt-color);border-radius:var(--border-radius);font-family:var(--font-ui)}.sub-stat-item{display:flex;flex-direction:column;gap:.25rem}.sub-stat-label{font-size:.82rem;color:var(--sub-color);font-weight:500;text-transform:capitalize}.sub-stat-val{font-size:1.35rem;font-weight:700;color:var(--text-color);font-family:var(--font-mono)}.sub-stat-val.highlight{color:var(--main-color);font-family:var(--font-ui);text-transform:capitalize;font-size:1.15rem}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1rem}.primary-btn{background-color:var(--main-color);color:var(--bg-color);font-family:var(--font-ui);font-size:.95rem;font-weight:600;padding:.7rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.5}.secondary-btn{background-color:var(--sub-alt-color);color:var(--text-color);font-family:var(--font-ui);font-size:.95rem;font-weight:600;padding:.7rem 1.35rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.secondary-btn:hover{background-color:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.secondary-btn svg{width:16px;height:16px;stroke:currentColor}.mistakes-review-drawer{background-color:var(--sub-alt-color);border-radius:var(--border-radius);padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.08);animation:fadeIn .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #00000026}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-family:var(--font-ui)}.drawer-header h3{font-size:1.05rem;color:var(--text-color);font-weight:600}.drawer-legend{display:flex;gap:1rem;font-size:.78rem;font-weight:500}.rev-tag.good{color:#50e3c2}.rev-tag.typo{color:var(--error-color)}.rev-tag.missed{color:var(--sub-color)}.review-words-content{display:flex;flex-wrap:wrap;gap:.55rem;font-family:var(--font-mono);font-size:1.05rem;line-height:1.7;max-height:220px;overflow-y:auto;padding-right:.5rem}.review-word{padding:.12rem .35rem;border-radius:4px;background:#ffffff05;display:inline-flex;align-items:baseline}.review-word.has-error{background:#ca475426;border-bottom:2px solid var(--error-color)}.review-word.correct-word{color:var(--text-color)}.review-word .diff-expected{font-size:.75rem;color:var(--sub-color);text-decoration:line-through;margin-left:.3rem;opacity:.8}.replay-modal-content{max-width:820px;width:92%}.replay-header-info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.replay-live-stats{display:flex;gap:.6rem}.replay-stat-pill{background:var(--sub-alt-color);padding:.2rem .6rem;border-radius:4px;font-size:.82rem;font-family:var(--font-mono);color:var(--sub-color);border:1px solid rgba(255,255,255,.06)}.replay-stat-pill strong{color:var(--main-color)}.replay-display-container{min-height:150px;max-height:240px;overflow-y:auto;background:var(--sub-alt-color);border-radius:var(--border-radius);padding:1.25rem 1.5rem;position:relative;font-family:var(--font-mono);font-size:1.35rem;line-height:1.6;margin:1.25rem 0;border:1px solid rgba(255,255,255,.06)}.replay-words-wrapper{display:flex;flex-wrap:wrap;gap:.6rem;position:relative}.replay-controls{display:flex;align-items:center;gap:.85rem;padding-top:.5rem}.replay-ctrl-btn{background:var(--sub-alt-color);border:1px solid rgba(255,255,255,.08);color:var(--text-color);width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.replay-ctrl-btn:hover{background:#ffffff1a;transform:scale(1.05)}.replay-ctrl-btn.primary{background:var(--main-color);color:var(--bg-color);border:none}.replay-ctrl-btn svg{width:18px;height:18px}.replay-scrubber-box{flex:1;display:flex;align-items:center}.replay-scrubber{width:100%;accent-color:var(--main-color);cursor:pointer;height:6px;border-radius:3px}.replay-speed-group{display:flex;gap:2px;background:var(--sub-alt-color);padding:2px;border-radius:6px;flex-shrink:0}.speed-btn{background:none;border:none;color:var(--sub-color);padding:.25rem .55rem;border-radius:4px;font-family:var(--font-ui);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.speed-btn:hover{color:var(--text-color)}.speed-btn.active{background:var(--bg-color);color:var(--main-color)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.6rem;z-index:9999;pointer-events:none}.toast-message{background:#141517f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--main-color);color:var(--text-color);padding:.75rem 1.25rem;border-radius:8px;font-family:var(--font-ui);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 28px #00000080;animation:toastIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2.5rem;font-family:var(--font-ui);font-size:.85rem;color:var(--sub-color);transition:opacity var(--transition-smooth)}.footer-shortcuts{display:flex;align-items:center;gap:1.25rem}.shortcut-item{display:flex;align-items:center;gap:.4rem}.shortcut-item kbd{background-color:var(--sub-alt-color);color:var(--text-color);padding:.15rem .45rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem}.footer-info{display:flex;align-items:center;gap:.5rem}body.typing-active header,body.typing-active .nav-bar-container,body.typing-active .restart-hint,body.typing-active footer{opacity:.15;transition:opacity var(--transition-smooth)}body.typing-active header:hover,body.typing-active .nav-bar-container:hover,body.typing-active .restart-hint:hover,body.typing-active footer:hover{opacity:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:100;animation:fadeIn .15s ease}.modal-backdrop.active{display:flex}.modal-content{background-color:var(--bg-color);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.75rem;width:90%;max-width:580px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px #00000080;font-family:var(--font-ui)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-color)}.close-modal-btn{background:none;border:none;color:var(--sub-color);font-size:1.5rem;cursor:pointer;padding:.2rem .5rem;border-radius:4px}.close-modal-btn:hover{color:var(--text-color)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.theme-card{background-color:var(--sub-alt-color);border:2px solid transparent;border-radius:var(--border-radius);padding:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;transition:all var(--transition-fast)}.theme-card:hover{transform:translateY(-2px);border-color:#ffffff26}.theme-card.active{border-color:var(--main-color)}.theme-name{font-size:.9rem;font-weight:600;color:var(--text-color)}.theme-palette{display:flex;gap:.35rem;height:18px}.theme-swatch{flex:1;border-radius:3px}.custom-time-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;color:var(--sub-color)}.custom-time-input{background-color:var(--sub-alt-color);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);padding:.75rem 1rem;color:var(--main-color);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;outline:none}.custom-time-input:focus{border-color:var(--main-color)}@media (max-width: 768px){.result-header{grid-template-columns:1fr;gap:1.5rem}.words-container{font-size:1.35rem;line-height:2.3rem;height:calc(2.3rem * 3)}.nav-bar{font-size:.8rem;gap:.4rem;flex-wrap:wrap;justify-content:center}footer{flex-direction:column;gap:1rem;text-align:center}}.drill-bar-container{display:flex;justify-content:center;margin-top:-1.25rem;margin-bottom:2rem;animation:slideDownFade .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drill-bar{display:inline-flex;align-items:center;gap:.6rem;background:var(--sub-alt-color);padding:.35rem .85rem;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.04);flex-wrap:wrap;justify-content:center}.drill-label{font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;color:var(--sub-color);font-weight:600}.drill-preset-group{display:inline-flex;gap:.3rem;flex-wrap:wrap}.drill-pill{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--sub-color);font-family:var(--font-mono);font-size:.78rem;padding:.2rem .55rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.drill-pill:hover{color:var(--text-color);border-color:var(--sub-color)}.drill-pill.active{background:var(--main-color);color:var(--bg-color);border-color:var(--main-color);font-weight:600}.drill-custom-btn{background:transparent;border:1px dashed var(--sub-color);color:var(--sub-color);font-family:var(--font-ui);font-size:.78rem;padding:.2rem .55rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all var(--transition-fast)}.drill-custom-btn:hover,.drill-custom-btn.active{color:var(--main-color);border-color:var(--main-color)}.drill-custom-btn svg{width:13px;height:13px}#test-view{position:relative}.afk-overlay{position:absolute;top:-.75rem;right:-.5rem;bottom:-.75rem;left:-.5rem;background:#0a0d14d6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:50;border-radius:var(--border-radius);animation:afkFadeIn .2s ease-out;padding:1rem}@keyframes afkFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.afk-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 2rem;background:var(--sub-alt-color);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);box-shadow:0 24px 60px #0000008c;max-width:460px;width:92%;margin:auto}.afk-badge-pulse{width:44px;height:44px;border-radius:50%;background:#ff8c0026;color:#ff9800;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;animation:afkPulseGlow 1.8s infinite}@keyframes afkPulseGlow{0%,to{box-shadow:0 0 #ff980066}50%{box-shadow:0 0 0 10px #ff980000}}.afk-badge-pulse svg{width:20px;height:20px}.afk-title{font-family:var(--font-ui);font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:.35rem}.afk-desc{font-family:var(--font-ui);font-size:.88rem;color:var(--sub-color);line-height:1.4;margin-bottom:1.15rem}.afk-action-hint{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.85rem;font-weight:600;color:var(--main-color);background:#ffffff0d;padding:.4rem .95rem;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.afk-action-hint .pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--main-color);animation:fpsPulse 1.2s infinite}.live-burst-metric span{color:var(--caret-color)!important;font-weight:700}.highlight-burst{color:var(--caret-color)!important;font-weight:700!important}.key-accuracy-drawer{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--sub-alt-color);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.04)}.key-accuracy-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.key-acc-chip{display:inline-flex;align-items:center;gap:.4rem;background:#0000002e;padding:.35rem .65rem;border-radius:var(--border-radius);font-size:.82rem;font-family:var(--font-mono);border:1px solid rgba(255,255,255,.05)}.key-acc-chip .char{font-weight:700;color:var(--text-color)}.key-acc-chip.weak{border-color:#ff527766;background:#ff527714}.key-acc-chip.weak .char{color:var(--error-color)}.key-acc-chip .acc-val{color:var(--sub-color);font-size:.75rem}.highlight-action{border-color:var(--main-color)!important;color:var(--main-color)!important}.highlight-action:hover{background:var(--main-color)!important;color:var(--bg-color)!important}body.theme-manisha{--border-radius: 2px !important;--transition-smooth: .28s cubic-bezier(.19, 1, .22, 1)}body.theme-manisha .nav-bar,body.theme-manisha .action-btn,body.theme-manisha .stat-box,body.theme-manisha .sub-stat-item,body.theme-manisha .primary-btn,body.theme-manisha .secondary-btn,body.theme-manisha .modal-content,body.theme-manisha .drill-bar,body.theme-manisha .tag-pill,body.theme-manisha .key-acc-chip{border-radius:2px!important}body.theme-manisha #caret,body.theme-manisha #replay-caret{border-radius:0!important}body.theme-manisha.theme-light{background-color:#f6f8fb;color:#1c2536}body.theme-manisha.theme-light .words-container{color:#7f8ea3}body.theme-manisha.theme-light .action-btn:hover,body.theme-manisha.theme-light .action-btn.active{background-color:#e6ecf4;color:#1c2536}body.theme-manisha.theme-light .nav-bar,body.theme-manisha.theme-light .drill-bar{box-shadow:0 4px 18px #0000000f}body.theme-sachin{--border-radius: 4px}body.theme-sachin .brand-icon{filter:drop-shadow(0 0 8px #00f0ff) drop-shadow(0 0 16px rgba(255,77,0,.5))}body.theme-sachin .brand-title span{color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.6)}body.theme-sachin .nav-bar,body.theme-sachin .chart-wrapper,body.theme-sachin .stat-box,body.theme-sachin .drill-bar{border:1px solid rgba(0,240,255,.25)!important;box-shadow:0 0 15px #00f0ff14,inset 0 0 15px #ff4d000a;position:relative}body.theme-sachin #caret{box-shadow:0 0 10px #ff4d00,0 0 20px #ff8c00}body.theme-sachin .letter.correct{color:#dff8ff;text-shadow:0 0 4px rgba(0,240,255,.35)}body.theme-sachin .letter.incorrect{color:#ff1744;text-shadow:0 0 8px rgba(255,23,68,.65)}body.theme-sachin .primary-btn{background:linear-gradient(135deg,#00f0ff,#ff4d00)!important;color:#05070a!important;font-weight:700!important;border:none!important;box-shadow:0 0 15px #ff4d0066}body.theme-sachin .primary-btn:hover{box-shadow:0 0 25px #00f0ff99;transform:translateY(-1px)}