.engine-wrapper{position:relative;max-width:1060px;margin:1.5rem auto 3rem auto;scroll-margin-top:calc(var( -  - nav - height,4.25rem) + 1.5rem);scroll-margin-top:5.75rem}.engine-input-hidden{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;font-size:16px;border:none;padding:0;margin:0;z-index:-1}.engine-wrapper.focus-mode{position:fixed !important;inset:0 !important;z-index:500 !important;width:100vw !important;max-width:100vw !important;height:100vh !important;max-height:100vh !important;margin:0 !important;border-radius:0 !important;border:none !important;background:var(--bg-base) !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding:2.5rem 4rem !important;overflow-y:auto !important;overscroll-behavior:contain !important}.engine-wrapper.focus-mode #engine-test-container{width:100% !important;max-width:1060px !important}@media (max-width:768px){.engine-wrapper.focus-mode{padding:1.5rem 1rem !important;justify-content:flex-start !important}}.engine-toolbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0.6rem 1.25rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:0.75rem;font-size:0.875rem;transition:opacity 0.35s ease}.engine-wrapper.is-typing .engine-toolbar,.engine-wrapper.is-typing .engine-live-header{opacity:0.3}.engine-wrapper.zen-active .engine-toolbar{opacity:0.15}.engine-wrapper.zen-active .engine-toolbar:hover,.engine-wrapper.zen-active:not(.is-typing) .engine-toolbar{opacity:0.85}@media (max-width:768px){.engine-wrapper.is-typing .engine-toolbar,.engine-wrapper.zen-active .engine-toolbar{opacity:1 !important}.engine-toolbar{padding:0.5rem;gap:0.5rem}.engine-group{justify-content:center}.engine-paper{padding:1.5rem 1rem}.engine-words-box{font-size:1.35rem;line-height:2.2;height:6.6em}}@media (prefers-reduced-motion:reduce){.engine-toolbar,.engine-live-header,.engine-wrapper.is-typing .engine-toolbar,.engine-wrapper.is-typing .engine-live-header,.engine-wrapper.zen-active .engine-toolbar{transition:none !important}}.engine-group{display:flex;align-items:center;flex-wrap:wrap;gap:0.4rem}.engine-pill{padding:0.35rem 0.75rem;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);font-weight:600;font-size:0.825rem;cursor:pointer;transition:all var(--transition-fast)}.engine-pill:hover{color:var(--text-primary);background-color:var(--bg-card)}.engine-pill.active{color:var(--accent-primary);background-color:var(--accent-subtle);border-color:var(--accent-glow)}.engine-divider{width:1px;height:1.25rem;background-color:var(--border-subtle);margin:0 0.35rem}.engine-live-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0.75rem;padding:0 0.5rem}.engine-timer{font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--accent-primary);line-height:1}.engine-live-wpm{font-family:var(--font-mono);font-size:1.15rem;color:var(--text-secondary)}.engine-paper{position:relative;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 3rem;box-shadow:var(--shadow-elevated);cursor:text;user-select:none;overflow:hidden}.engine-words-box{position:relative;font-family:var(--font-mono);font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:2.4;letter-spacing:0.02em;color:var(--text-muted);box-sizing:content-box;height:7.2em;overflow:hidden;display:flex;flex-wrap:wrap;gap:0.65rem 0}.word{display:inline-flex;position:relative;margin-right:0.65rem}.char{position:relative;color:var(--text-muted);opacity:0.78;transition:color 0.08s ease,opacity 0.08s ease}.char.char-correct{color:var(--text-primary);opacity:1.0}.char.char-incorrect{color:var(--color-danger);opacity:1.0;text-decoration:underline 2px var(--color-danger);background-color:rgba(239,68,68,0.12);border-radius:2px}.char.char-extra{color:var(--color-danger);opacity:0.85}.engine-caret{position:absolute;width:3px;height:2.2rem;background-color:var(--accent-primary);border-radius:1px;box-shadow:0 0 10px var(--accent-glow);pointer-events:none;z-index:10;transition:left 0.09s ease-out,top 0.12s ease-out;animation:caretBlink 1.1s ease-in-out infinite}.engine-paper.caret-block .engine-caret{width:0.85rem;opacity:0.55;border-radius:2px}.engine-paper.caret-underline .engine-caret{width:0.95rem;height:3px;top:auto;margin-top:1.95rem}.engine-paper.caret-line .engine-caret{width:2px;transition:none}@keyframes caretBlink{0%,100%{opacity:1}50%{opacity:0}}.engine-caret.caret-typing{animation:none;opacity:1}.command-palette-modal{position:fixed;inset:0;background:rgba(9,9,11,0.82);backdrop-filter:blur(6px);z-index:150;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}.command-palette-modal.d-none{display:none}.command-palette-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:100%;max-width:580px;overflow:hidden}.command-palette-input-wrap{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:0.75rem}.command-palette-input-wrap input{background:transparent;border:none;outline:none;width:100%;font-size:1.15rem;color:var(--text-primary);font-family:inherit}.command-palette-list{max-height:320px;overflow-y:auto;padding:0.5rem}.command-item{padding:0.65rem 1rem;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:0.9rem;transition:background 0.1s ease}.command-item:hover,.command-item.active{background:var(--bg-card-hover);color:var(--text-primary)}.command-item .cmd-key{font-family:var(--font-mono);font-size:0.75rem;padding:2px 6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted)}.quote-author{margin-top:1rem;text-align:right;font-size:0.85rem;font-style:italic;color:var(--text-muted)}.engine-blur-shield{position:absolute;inset:0;background:rgba(9,9,11,0.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:1.05rem;color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;z-index:20;transition:opacity var(--transition-fast)}.engine-blur-shield.hidden{display:none}.engine-actions{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem}.restart-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.25rem;border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.restart-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);background-color:var(--bg-card)}.results-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-elevated);margin-top:1.5rem}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.results-hero-stat{display:flex;gap:3rem;flex-wrap:wrap}.results-wpm-large{font-family:var(--font-mono);font-size:clamp(3.5rem,8vw,5.5rem);font-weight:900;color:var(--accent-primary);line-height:1;letter-spacing:-0.04em}.results-acc-large{font-family:var(--font-mono);font-size:clamp(3.5rem,8vw,5.5rem);font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-0.04em}.results-stat-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-top:0.25rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.25rem;margin-bottom:2rem;padding:1.25rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.result-item-val{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.results-chart-box{position:relative;width:100%;height:220px;margin:1.5rem 0 2rem 0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}#wpm-canvas{width:100%;height:100%;display:block}.custom-modal{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;visibility:hidden;opacity:0;transition:opacity 0.2s ease,visibility 0.2s ease}.custom-modal.open{visibility:visible;opacity:1}.custom-modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:600px;padding:2rem;box-shadow:var(--shadow-elevated)}