:root{--font-sans:"Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", "SF Mono", Consolas, monospace;--max-width:1140px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:28px;--transition-fast:.12s ease;--transition-normal:.18s cubic-bezier(.16, 1, .3, 1);--accent-brand-red:#d71921}[data-theme=dark],:root:not([data-theme=light]){--bg-canvas:#000;--bg-card:#0a0a0a;--bg-card-subtle:#121214;--bg-surface-elevated:#161619;--bg-input:#0e0e10;--bg-input-focus:#141417;--dot-grid-color:#ffffff38;--border-color:#27272a;--border-subtle:#1c1c1f;--border-focus:#52525b;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-faint:#3f3f46;--accent-primary:#fff;--accent-primary-text:#000;--accent-hover:#e4e4e7;--accent-subtle:#ffffff14;--accent-red:#d71921;--accent-red-subtle:#d7192129;--accent-green:#22c55e;--accent-blue:#3b82f6;--accent-orange:#d71921;--shadow-card:0 0 0 1px #ffffff0d, 0 4px 16px #0009;--shadow-dropdown:0 0 0 1px #ffffff14, 0 16px 36px #000c;--shadow-key:0 2px 0 #050505, 0 3px 4px #00000080;--shadow-key-pressed:0 1px 0 #050505, 0 1px 2px #0009}[data-theme=light]{--bg-canvas:#fff;--bg-card:#fafafa;--bg-card-subtle:#f4f4f5;--bg-surface-elevated:#fff;--bg-input:#fff;--bg-input-focus:#f4f4f5;--dot-grid-color:#0000002e;--border-color:#e4e4e7;--border-subtle:#f0f0f2;--border-focus:#18181b;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#8e8e93;--text-faint:#d4d4d8;--accent-primary:#09090b;--accent-primary-text:#fff;--accent-hover:#27272a;--accent-subtle:#0000000d;--accent-red:#d71921;--accent-red-subtle:#d719211f;--accent-green:#16a34a;--accent-blue:#2563eb;--accent-orange:#d71921;--shadow-card:0 0 0 1px #0000000a, 0 2px 10px #0000000a;--shadow-dropdown:0 0 0 1px #00000014, 0 12px 28px #0000001f;--shadow-key:0 2px 0 #c4c4c8, 0 2px 4px #00000014;--shadow-key-pressed:0 1px 0 #a1a1aa, 0 1px 2px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas);background-image:radial-gradient(var(--dot-grid-color) 1.5px, transparent 1.5px);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);background-position:0 0;background-size:26px 26px;font-size:13px;line-height:1.5;overflow-x:hidden}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto}.site-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-canvas);z-index:50;backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:48px;display:flex}.brand-wrap{color:var(--text-primary);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-icon{background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.brand-icon svg{width:100%;height:100%;display:block}.brand-text{align-items:baseline;gap:6px;display:flex}.brand-title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-size:.95rem;font-weight:700}.brand-tagline{color:var(--text-muted);text-transform:lowercase;font-size:.72rem;font-weight:400}@media (width<=640px){.brand-tagline{display:none}}.header-actions{align-items:center;gap:6px;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:var(--accent-primary-text);border-color:var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-card-subtle);border-color:var(--border-focus)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background-color:var(--bg-card-subtle);color:var(--text-primary)}.btn-random-highlight{background-color:var(--bg-card-subtle);border:1px solid var(--border-focus);color:var(--text-primary);font-weight:600;box-shadow:0 0 10px #ffffff0d}.btn-random-highlight:hover{background-color:var(--text-primary);color:var(--bg-canvas);border-color:var(--text-primary)}.btn-sm{padding:4px 8px;font-size:.74rem}.btn-xs{border-radius:var(--radius-xs);padding:3px 7px;font-size:.7rem}.btn-icon-sm{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.btn-icon-xs{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.theme-icon-slot{justify-content:center;align-items:center;display:inline-flex}.app-workspace{flex-direction:column;gap:12px;margin-top:14px;margin-bottom:24px;display:flex}.typing-section{width:100%}.bottom-grid-section{grid-template-columns:minmax(0,1fr) 8px 330px;align-items:stretch;gap:0;display:grid}.keyboard-grid-col{flex-direction:column;min-width:0;display:flex}.keyboard-grid-col .keyboard-stage-wrap{height:100%;margin-bottom:0}.col-resizer-bar{cursor:col-resize;user-select:none;touch-action:none;z-index:10;width:8px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.col-resizer-bar:hover,.col-resizer-bar.is-resizing{background-color:var(--accent-subtle)}.resizer-handle-grip{background-color:var(--border-color);width:3px;height:28px;transition:background-color var(--transition-fast), height var(--transition-fast);border-radius:2px}.col-resizer-bar:hover .resizer-handle-grip,.col-resizer-bar.is-resizing .resizer-handle-grip{background-color:var(--accent-primary);height:38px}.settings-grid-col{flex-direction:column;min-width:260px;display:flex}.settings-grid-col .config-panel-card{height:100%}.app-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);gap:var(--space-xs);transition:background-color var(--transition-normal), border-color var(--transition-normal);contain:layout style;flex-direction:column;padding:14px;display:flex}.typing-panel-card{resize:vertical;justify-content:space-between;gap:8px;min-height:200px;overflow:hidden}.timer-mode-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.timer-pills-wrap{align-items:center;gap:5px;display:flex}.timer-bar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;font-size:.7rem;font-weight:600}.timer-pill-btn{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);padding:3px 9px;font-size:.72rem;font-weight:600}.timer-pill-btn:hover{color:var(--text-primary);border-color:var(--border-color)}.timer-pill-btn.active{background:var(--accent-primary);color:var(--accent-primary-text);border-color:var(--accent-primary)}.timer-countdown-display{font-family:var(--font-mono);color:var(--text-primary);font-size:.9rem;font-weight:700}.bot-runner-track-wrap{width:100%;padding:16px 0 14px;position:relative}.bot-runner-track{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:3px;width:100%;height:6px;position:relative}.bot-runner-progress{background-color:#d71921;border-radius:2px;width:0%;transition:width .25s linear;position:absolute;top:0;bottom:0;left:0}.pixel-bot-runner{pointer-events:none;z-index:5;transition:left .25s linear;position:absolute;top:-22px;left:-13px;color:#d71921!important}.pixel-avatar-svg{display:block}.finish-line-flag{color:var(--text-muted);position:absolute;top:-14px;right:2px}@keyframes avatar-leg-left{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes avatar-leg-right{0%,to{transform:translateY(-3px)}50%{transform:translateY(0)}}.pixel-bot-runner.is-running .bot-leg.leg-left{animation:.16s infinite avatar-leg-left}.pixel-bot-runner.is-running .bot-leg.leg-right{animation:.16s infinite avatar-leg-right}.typing-target-area{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:115px;transition:border-color var(--transition-fast);user-select:none;cursor:text;outline:none;flex:1;align-items:center;padding:18px 20px;display:flex}.typing-target-area:focus-within,.typing-target-area:focus{border-color:var(--border-focus)}.typing-prompt-display{font-family:var(--font-mono);word-break:break-word;letter-spacing:.01em;color:var(--text-muted);width:100%;font-size:1.22rem;line-height:1.85}.prompt-char{color:var(--text-muted);transition:color 40ms linear}.prompt-char.char-correct{color:var(--text-primary);font-weight:500}.prompt-char.char-incorrect{color:#d71921}.prompt-char.char-current{color:var(--text-primary);position:relative}.prompt-char.char-current:before{content:"";background-color:var(--accent-primary);z-index:2;border-radius:1px;width:2px;height:80%;animation:.9s cubic-bezier(.4,0,.6,1) infinite blink-caret;position:absolute;top:10%;left:-1px}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.typing-actions-bar{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.typing-hint{color:var(--text-muted);transition:opacity var(--transition-normal);align-items:center;gap:5px;font-size:.72rem;display:flex}.typing-hint.is-typing{opacity:.25}.hint-separator{opacity:.5}.key-hint{font-family:var(--font-mono);background-color:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:3px;padding:1px 4px;font-size:.68rem;display:inline-block}.typing-actions-buttons{gap:4px;display:flex}.config-panel-card{flex-direction:column;gap:8px;display:flex}.config-top-bar{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sound-effects-tag{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:flex;color:#d71921!important}.sound-effects-tag svg{stroke:#d71921!important}.stacked-sound-blocks{flex-direction:column;flex:1;gap:6px;display:flex}.sound-block-item{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none;touch-action:manipulation;align-items:center;gap:10px;padding:8px 10px;display:flex}.sound-block-item:hover{background-color:var(--bg-input-focus);border-color:var(--border-focus)}.block-icon-badge{background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.block-details{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.block-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.65rem;font-weight:700}.block-current-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.block-sub-value{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.block-arrow{color:var(--text-muted);flex-shrink:0}.ambient-toggle-pill{background-color:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-xs);transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.ambient-toggle-pill.is-playing{color:#fff!important;background-color:#d71921!important;border-color:#d71921!important}.sound-block-item.action-block:hover .ambient-toggle-pill{background-color:var(--accent-primary);color:var(--accent-primary-text);border-color:var(--accent-primary)}.layout-block-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.layout-block-header{align-items:center;display:flex}.config-select-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.custom-select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xs);width:100%;height:28px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:0 6px;font-family:inherit;font-size:.74rem;font-weight:500}.custom-select:focus{border-color:var(--border-focus)}.master-volume-container{border-top:1px solid var(--border-subtle);padding-top:4px}.box-volume-control{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.box-volume-header{justify-content:space-between;align-items:center;display:flex}.box-volume-label-wrap{align-items:center;gap:5px;display:flex}.slider-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.box-volume-pct{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem;font-weight:700}.box-stepper-track{cursor:pointer;touch-action:none;user-select:none;grid-template-columns:repeat(10,1fr);align-items:center;gap:3px;height:12px;padding:2px 0;display:grid}.volume-segment{background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);height:7px;transition:all var(--transition-fast);pointer-events:none;border-radius:2px}.volume-segment.active{background-color:var(--text-primary);border-color:var(--text-primary)}.keyboard-stage-wrap{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;padding:12px 14px;display:flex;overflow:hidden}.keyboard-toolbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding-bottom:6px;display:flex}.keyboard-info-tag{color:var(--text-secondary);align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:flex}.keyboard-scroll-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;justify-content:center;width:100%;padding:4px 0 8px;display:flex;overflow-x:auto}.kbsim-case{box-sizing:border-box;border:1px solid #0006;border-radius:8px;flex-shrink:0;transition:width .1s,height .1s;position:relative;box-shadow:0 10px 24px #0006,inset 0 1px 1px #ffffff1f}.kbsim-keys-frame{box-sizing:border-box;position:absolute}.kbsim-keycap{box-sizing:border-box;cursor:pointer;user-select:none;touch-action:manipulation;position:absolute}.kbsim-key-body{box-shadow:var(--shadow-key);border-radius:4px;transition:transform 40ms,box-shadow 40ms;display:flex;position:absolute;inset:1px;overflow:hidden}.kbsim-key-surface{border:1px solid #ffffff1a;border-radius:3px;align-items:stretch;display:flex;position:absolute;inset:2px 2px 2.5px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px 1px #00000026}.kbsim-keylegends{pointer-events:none;width:100%;font-size:10px;font-weight:600;line-height:1.1;font-family:var(--font-sans);flex-direction:column;justify-content:space-between;padding:2px 4px;display:flex}.kbsim-legend{text-align:left}.kbsim-sublegend{text-align:left;opacity:.75;font-size:8px;font-weight:500}.kbsim-keycap.is-pressed .kbsim-key-body{box-shadow:var(--shadow-key-pressed);transform:translateY(2px)}.kbsim-keycap.is-pressed .kbsim-key-surface{filter:brightness(.9);box-shadow:inset 0 2px 3px #00000059}.modal-overlay{backdrop-filter:blur(8px);z-index:100;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);width:100%;max-height:90vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.modal-body{background-color:var(--bg-card);flex:1;padding:16px 20px;overflow-y:auto}.modal-close-btn{z-index:10;position:absolute;top:14px;right:14px}.studio-sound-modal-content{max-width:820px}.sound-studio-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;flex-shrink:0;gap:8px;padding:22px 24px 14px;display:flex}.studio-hero-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.45rem;font-weight:800;line-height:1.2}.studio-hero-accent{color:#d71921!important}.studio-hero-subtitle{color:var(--text-muted);max-width:600px;font-size:.8rem;line-height:1.4}.studio-filter-row{flex-direction:column;gap:8px;margin-top:6px;display:flex}.search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.search-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:34px;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:0 12px 0 32px;font-family:inherit;font-size:.8rem}.search-input:focus{border-color:var(--border-focus)}.modal-tabs{scrollbar-width:none;flex-wrap:wrap;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:3px 8px;font-size:.72rem;font-weight:500}.modal-tab-btn:hover{color:var(--text-primary);border-color:var(--border-color)}.modal-tab-btn.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-text)}.sound-studio-body{background-color:var(--bg-card);flex:1;padding:16px 24px 20px;overflow-y:auto}.studio-switch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.studio-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none;touch-action:manipulation;flex-direction:column;justify-content:space-between;min-height:110px;padding:12px;display:flex}.studio-card:hover{background-color:var(--bg-input-focus);border-color:var(--border-focus);transform:translateY(-1px)}.studio-card.is-selected{box-shadow:0 0 14px #d7192129;background-color:#d719210f!important;border-color:#d71921!important}.studio-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.studio-add-badge{background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.studio-add-badge.active{color:#fff!important;background-color:#d71921!important;border-color:#d71921!important}.studio-card-cat{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:600}.studio-card-info{margin-bottom:8px}.studio-card-name{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.25}.studio-card-tags{color:var(--text-muted);margin-top:2px;font-size:.7rem}.studio-waveform-wrap{align-items:flex-end;gap:2px;height:24px;display:flex}.wave-bar{background-color:var(--border-focus);border-radius:1px;flex:1;transition:height .15s,background-color .15s}.studio-waveform-wrap.active .wave-bar{background-color:#d71921!important}.studio-waveform-wrap.running .wave-bar{animation:.8s ease-in-out infinite alternate wave-bounce}@keyframes wave-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.help-modal-content{max-width:540px}.help-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.help-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:10px;padding:10px;display:flex}.help-card-icon{background-color:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.help-card-content h4{color:var(--text-primary);margin-bottom:2px;font-size:.78rem;font-weight:700}.help-card-content p{color:var(--text-muted);font-size:.7rem;line-height:1.35}.help-shortcuts-block{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:8px;padding:10px}.help-shortcuts-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.shortcuts-row{flex-wrap:wrap;gap:12px;display:flex}.shortcut-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.results-modal-content{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:520px;box-shadow:var(--shadow-dropdown);color:var(--text-primary);background-color:var(--bg-card)!important}.results-body-scroll{background-color:var(--bg-card);flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex;overflow-y:auto}.results-subtitle{color:var(--text-muted);margin-top:2px;font-size:.75rem}.results-hero-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.results-hero-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;padding:10px 12px}.results-hero-card.primary{background-color:#d719210f;border-color:#d71921}.hero-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:700;display:block}.hero-val-wrap{justify-content:center;align-items:baseline;gap:3px;margin:4px 0 2px;display:flex}.hero-val{font-family:var(--font-mono);color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1}.results-hero-card.primary .hero-val{color:#d71921}.hero-unit{color:var(--text-muted);font-size:.74rem;font-weight:600}.hero-sub{color:var(--text-muted);font-size:.68rem}.scorecard-visuals-grid{flex-direction:column;gap:8px;display:flex}.viz-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px}.viz-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.viz-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:700}.viz-badge{font-family:var(--font-mono);color:var(--text-primary);font-size:.68rem;font-weight:700}.viz-chart-wrap{width:100%;height:60px}.wpm-chart-svg{width:100%;height:100%}.viz-metrics-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.accuracy-bar-track{background-color:var(--bg-card-subtle);border-radius:3px;width:100%;height:6px;margin:6px 0 4px;overflow:hidden}.accuracy-bar-fill{background-color:var(--accent-green);border-radius:3px;height:100%;transition:width .3s}.mistypes-list{flex-wrap:wrap;align-items:center;gap:4px;min-height:20px;display:flex}.mistype-chip{border-radius:3px;padding:1px 5px;font-size:.65rem}.mistype-chip.clean{color:var(--accent-green);font-weight:600}.mistype-chip.error{color:#d71921;background-color:#d719211f;font-weight:600}.mistype-chip.error kbd{font-family:var(--font-mono);background:var(--bg-card);border-radius:2px;padding:0 3px}.consistency-gauge-wrap{align-items:baseline;gap:6px;margin:4px 0 2px;display:flex}.gauge-val{font-family:var(--font-mono);color:var(--text-primary);font-size:1.15rem;font-weight:800}.gauge-desc{color:var(--text-muted);font-size:.68rem}.consistency-ratio-text{font-family:var(--font-mono);color:var(--text-secondary);font-size:.68rem}.tier-evaluation-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.tier-icon-wrap{background-color:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#d71921;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tier-badge-title{color:var(--text-primary);font-size:.82rem;font-weight:700}.tier-description{color:var(--text-muted);font-size:.7rem}.results-actions-row{gap:6px;margin-top:4px;display:flex}.zen-overlay{background-color:var(--bg-canvas);background-image:radial-gradient(var(--dot-grid-color) 1.5px, transparent 1.5px);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-size:26px 26px;flex-direction:column;justify-content:space-between;padding:24px 32px;display:flex;position:fixed;inset:0}.zen-overlay.active{opacity:1;pointer-events:auto}.zen-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.zen-spacer{flex:1}.zen-actions{align-items:center;gap:6px;display:flex}.zen-center-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:860px;margin:auto;display:flex}.zen-freeform-box{font-family:var(--font-mono);user-select:none;color:var(--text-primary);text-align:center;word-break:break-word;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:90px;font-size:2.1rem;line-height:1.6;display:flex}.zen-placeholder{color:var(--text-faint);font-style:normal}.zen-typed-stream{color:var(--text-primary);letter-spacing:.01em;font-weight:500}.zen-caret-cursor{background-color:var(--accent-primary);vertical-align:middle;border-radius:1.5px;flex-shrink:0;width:3px;height:2.1rem;margin-left:3px;animation:.9s cubic-bezier(.4,0,.6,1) infinite blink-caret;display:inline-block}.zen-live-stats-strip{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--text-secondary);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:6px 20px;font-size:.8rem;display:flex}.zen-stat-pill{align-items:center;gap:5px;display:flex}.zen-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:600}.zen-stat-val{color:var(--text-primary);font-weight:700}.zen-stat-dot{color:var(--border-focus);font-size:.7rem}.zen-bottom-spacer{height:30px}@media (width<=900px){.bottom-grid-section{grid-template-columns:1fr;gap:12px}.col-resizer-bar{display:none}}@media (width<=640px){.container{padding:0 10px}.app-workspace{gap:10px;margin-top:10px}.config-select-row,.help-grid,.results-hero-grid,.viz-metrics-row{grid-template-columns:1fr}.keyboard-scroll-wrap{justify-content:flex-start}.zen-freeform-box{font-size:1.35rem}.zen-caret-cursor{height:1.35rem}.zen-live-stats-strip{gap:6px;padding:4px 10px;font-size:.7rem}.studio-switch-grid{grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 8px}.typing-target-area{min-height:100px;padding:12px 14px}.typing-prompt-display{font-size:1.05rem;line-height:1.65}.timer-mode-bar{margin-bottom:8px}.bot-runner-track-wrap{padding:10px 0 8px}.sound-studio-header{padding:16px 14px 10px}.sound-studio-body{padding:12px 14px 16px}.modal-overlay{padding:8px}.results-body-scroll{padding:12px 14px 16px}}.seo-content-section[data-astro-cid-7ayj4uof]{width:100%;margin-top:36px;margin-bottom:48px}.seo-card[data-astro-cid-7ayj4uof]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:32px 28px}.seo-header[data-astro-cid-7ayj4uof]{text-align:left;margin-bottom:28px}.seo-badge[data-astro-cid-7ayj4uof]{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-subtle);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;align-items:center;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.seo-title[data-astro-cid-7ayj4uof]{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.25}.seo-lead[data-astro-cid-7ayj4uof]{color:var(--text-secondary);max-width:900px;margin:0;font-size:14.5px;line-height:1.6}.seo-lead[data-astro-cid-7ayj4uof] strong[data-astro-cid-7ayj4uof]{color:var(--text-primary)}.seo-grid[data-astro-cid-7ayj4uof]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:32px;display:grid}.seo-feature-box[data-astro-cid-7ayj4uof]{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:20px;transition:border-color .2s,transform .2s}.seo-feature-box[data-astro-cid-7ayj4uof]:hover{border-color:var(--border-color);transform:translateY(-2px)}.seo-feature-icon[data-astro-cid-7ayj4uof]{margin-bottom:10px;font-size:22px}.seo-feature-title[data-astro-cid-7ayj4uof]{color:var(--text-primary);margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.35}.seo-feature-desc[data-astro-cid-7ayj4uof]{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.seo-subheading[data-astro-cid-7ayj4uof]{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:700}.seo-subtext[data-astro-cid-7ayj4uof]{color:var(--text-secondary);margin:0 0 18px;font-size:13.5px}.switch-types-grid[data-astro-cid-7ayj4uof]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:36px;display:grid}.switch-type-card[data-astro-cid-7ayj4uof]{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px}.switch-type-card[data-astro-cid-7ayj4uof] h4[data-astro-cid-7ayj4uof]{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.switch-tag[data-astro-cid-7ayj4uof]{font-size:11px;font-family:var(--font-mono);color:var(--accent-red);margin-bottom:8px;display:block}.switch-type-card[data-astro-cid-7ayj4uof] p[data-astro-cid-7ayj4uof]{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.5}.seo-faq-section[data-astro-cid-7ayj4uof]{border-top:1px solid var(--border-subtle);padding-top:28px}.faq-accordion[data-astro-cid-7ayj4uof]{flex-direction:column;gap:10px;margin-top:14px;display:flex}.faq-item[data-astro-cid-7ayj4uof]{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:14px 18px}.faq-question[data-astro-cid-7ayj4uof]{color:var(--text-primary);user-select:none;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}.faq-question[data-astro-cid-7ayj4uof]::-webkit-details-marker{display:none}.faq-question[data-astro-cid-7ayj4uof]:after{content:"+";color:var(--text-muted);font-size:16px;font-weight:500;transition:transform .2s}.faq-item[data-astro-cid-7ayj4uof][open] .faq-question[data-astro-cid-7ayj4uof]:after{transform:rotate(45deg)}.faq-answer[data-astro-cid-7ayj4uof]{color:var(--text-secondary);margin-top:10px;font-size:13px;line-height:1.55}.faq-answer[data-astro-cid-7ayj4uof] p[data-astro-cid-7ayj4uof]{margin:0}@media (width<=640px){.seo-card[data-astro-cid-7ayj4uof]{padding:20px 16px}}