:root{--color-bg:var(--color-theme-bg);--color-text-primary:var(--color-theme-text);--color-text-muted:var(--color-theme-text-sec);--color-text-secondary:var(--color-theme-text-sec);--color-border:var(--color-theme-border-02);--color-accent:var(--color-theme-accent);--color-code-bg:var(--color-theme-card-hex);--color-code-text:var(--color-theme-text);--color-bg-hover:var(--color-theme-card-hover-hex);--color-border-bright:var(--color-theme-border-02-5);--color-success:var(--color-theme-product-ansi-green);--color-success-bg:color-mix(in srgb, var(--color-theme-product-ansi-green) 15%, transparent);--color-error:var(--color-theme-product-ansi-red);--color-error-bg:color-mix(in srgb, var(--color-theme-product-ansi-red) 15%, transparent);--color-warning:var(--color-theme-accent);--color-warning-bg:color-mix(in srgb, var(--color-theme-accent) 15%, transparent);--color-accent-bg:color-mix(in srgb, var(--color-theme-accent) 10%, transparent);--color-accent-bg-strong:color-mix(in srgb, var(--color-theme-accent) 25%, transparent);--color-info:var(--color-theme-border-03);--font-mono:var(--font-berkeley-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--spacing-xs:var(--spacing-g0\.25);--spacing-sm:var(--spacing-g0\.5);--spacing-md:var(--spacing-g1);--spacing-lg:var(--spacing-g1\.5);--spacing-xl:var(--spacing-g2);--spacing-2xl:var(--spacing-g3);--transition-fast:var(--duration);--color-bg-elevated:var(--color-theme-card-hex);--color-timeline-thinking:#dfa88f;--color-timeline-grep:#9fc9a2;--color-timeline-read:#9fbbe0;--color-timeline-edit:#c0a8dd}.two-column-section{padding-left:max(var(--spacing-xl), calc(50vw - 600px));padding-right:max(var(--spacing-xl), calc(50vw - 600px));gap:var(--spacing-2xl);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);background:var(--color-bg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.two-column-section.two-col-balanced{grid-template-columns:.9fr 1.1fr}.two-column-section.two-col-prose-heavy{grid-template-columns:1.2fr .8fr}.two-column-section.two-col-viz-heavy{grid-template-columns:.8fr 1.2fr}.two-col-left{gap:var(--spacing-md);flex-direction:column;min-width:0;display:flex}.two-col-left .two-col-prose:first-child{padding-top:calc(var(--spacing-md) + 1px)}.two-col-right{flex-direction:column;min-width:0;display:flex}.two-col-right .interactive-wrapper{max-width:100%;margin:0}.interactive-wrapper{margin-bottom:var(--spacing-v1)}.prose-column{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7}.prose-column p{margin-bottom:var(--spacing-lg)}.prose-column p:last-child{margin-bottom:0}.prose-column strong{color:var(--color-text-primary);font-weight:600}.prose-column em{font-style:italic}.prose-column a{color:var(--color-text-primary);text-underline-offset:2px;transition:opacity var(--transition-fast);text-decoration:underline}.prose-column a:hover{opacity:.7}.prose-column code{font-family:var(--font-mono);background:var(--color-code-bg);border-radius:var(--radius-sm);color:var(--color-code-text);padding:.2em .4em;font-size:.875em}.prose-column h3{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:600}@media (max-width:1024px){.two-column-section{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);grid-template-columns:1fr}.two-column-section.two-col-balanced,.two-column-section.two-col-prose-heavy,.two-column-section.two-col-viz-heavy{grid-template-columns:1fr}.two-column-section.reverse-mobile{gap:var(--spacing-xl);flex-direction:column-reverse;display:flex}}.interactive-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.interactive-title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.interaction-hint{color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0;font-size:.72rem;display:none}.interactive-chip,.interactive-surface{cursor:pointer}.interactive-chip:focus-visible,.interactive-surface:focus-visible,.candidate-summary-row:focus-visible,.compressed-index:focus-visible,.mmap-compact-row:focus-visible,.suffix-row:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);outline:none}.regex-inputs{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{font-size:.75rem;font-weight:500;font-family:var(--font-sans);color:var(--color-text-muted);text-transform:none}.pattern-input-wrapper{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.pattern-delimiter{padding:0 var(--spacing-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.regex-input{padding:var(--spacing-sm) 0;color:var(--color-accent);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.flags-input{width:40px;padding:var(--spacing-sm);border:none;border-left:1px solid var(--color-border);color:var(--color-warning);font-family:var(--font-mono);background:0 0;outline:none;font-size:.9rem}.regex-error{color:var(--color-error);margin-top:var(--spacing-xs);font-size:.8rem}.text-input{width:100%;padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-code-text);font-family:var(--font-mono);resize:vertical;outline:none;font-size:.9rem}.text-input:focus,.pattern-input-wrapper:focus-within{border-color:var(--color-accent)}.regex-output{margin-top:var(--spacing-lg)}.highlighted-text{padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;min-height:60px;color:var(--color-code-text);font-size:.9rem;line-height:1.6}.regex-match{background:var(--color-accent-bg-strong);color:var(--color-accent);border-radius:2px;padding:0 2px;font-weight:600}.match-count{color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:.8rem}.diagram-controls{align-items:center;gap:var(--spacing-md);display:flex}.control-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.control-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-bright)}.step-indicator{color:var(--color-text-muted);font-size:.8rem}.step-indicator-inline{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;font-family:var(--font-mono);text-align:center;justify-content:center;align-items:center;min-width:60px;display:flex}.diagram-container{min-height:200px;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.diagram-step{width:100%}.step-dots{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.step-dot{background:var(--color-border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%}.step-dot.active{background:var(--color-accent);transform:scale(1.25)}.step-dot:hover:not(.active){background:var(--color-border-bright)}.flow-diagram{justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.flow-diagram.vertical{gap:var(--spacing-sm);flex-direction:column}.flow-box{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;min-width:120px;display:flex}.flow-box.dim{opacity:.4}.flow-box.active{border-color:var(--color-accent);background:var(--color-accent-bg)}.flow-box.done{border-color:var(--color-success)}.flow-icon{font-size:1.5rem}.flow-arrow{color:var(--color-text-muted);font-size:1.5rem}.match-result{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;display:flex}.line-num{color:var(--color-text-muted)}.match-text mark{background:var(--color-accent-bg-strong);color:var(--color-text-primary);border-radius:2px;padding:0 2px;font-weight:600}.engine-diagram{text-align:center}.engine-title{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:.9rem}.engine-title code{color:var(--color-text-primary);font-weight:600}.nfa-state{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.9rem}.state-machine{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.state{border:2px solid var(--color-border);width:40px;height:40px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.state.start{border-color:var(--color-warning)}.state.accept{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-success)}.transition{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.match-progress{justify-content:center;gap:2px;display:flex}.char{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.9rem;display:flex}.char.skip{opacity:.4}.char.matched{background:var(--color-accent-bg);border-color:var(--color-text-primary);color:var(--color-text-primary);font-weight:600}.pattern-diagram{text-align:center}.pattern-label{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:.9rem}.pattern-label code{color:var(--color-text-primary);font-weight:600}.text-scan{display:inline-block;position:relative}.cursor{color:var(--color-warning);position:absolute;top:-20px}.scan-text{font-family:var(--font-mono);letter-spacing:.1em;padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);font-size:1.5rem}.match-visual{font-family:var(--font-mono);justify-content:center;font-size:1.5rem;display:flex}.matched-char{color:var(--color-success)}.matched-range{color:var(--color-warning);background:var(--color-warning-bg)}.match-result-box{padding:var(--spacing-md);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);display:inline-block}.match-result-box code{color:var(--color-success);font-size:1.2rem}.backtrack-diagram{text-align:center}.backtrack-label{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:.9rem}.backtrack-label code{color:var(--color-text-primary);font-weight:600}.backtrack-text{margin-bottom:var(--spacing-md);justify-content:center;gap:4px;display:flex}.backtrack-text span{width:40px;height:40px;font-family:var(--font-mono);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.backtrack-text .consumed{border-color:var(--color-warning);background:var(--color-warning-bg)}.backtrack-text .waiting{opacity:.5}.backtrack-text .final-match{border-color:var(--color-success);background:var(--color-success-bg)}.backtrack-note{color:var(--color-text-muted);font-size:.85rem}.demo-content{min-height:200px}.demo-placeholder{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.comparison-demo{gap:var(--spacing-lg);flex-direction:column;display:flex}.demo-input-section{gap:var(--spacing-md);display:flex}.demo-search-input{padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-code-text);outline:none;flex:1;font-size:.9rem}.demo-search-input:focus{border-color:var(--color-accent)}.demo-tabs{gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);display:flex}.demo-tab{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;font-size:.9rem}.demo-tab:hover{color:var(--color-text-primary)}.demo-tab.active{color:var(--color-text-primary);background:var(--color-accent-bg);font-weight:500}.demo-results{min-height:150px}.result-item{align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);font-family:var(--font-mono);font-size:.85rem;display:flex}.result-item.semantic{gap:var(--spacing-xs);flex-direction:column}.result-header{justify-content:space-between;width:100%;display:flex}.result-file{color:var(--color-text-primary);font-weight:500}.result-line{color:var(--color-text-muted)}.result-content{color:var(--color-text-secondary)}.result-summary{font-family:var(--font-sans);color:var(--color-text-muted);margin:0;font-size:.85rem}.relevance-badge{background:var(--color-accent-bg);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:2px 6px;font-size:.75rem;font-weight:500}.no-results{color:var(--color-text-muted);text-align:center;padding:var(--spacing-2xl)}.pattern-builder{gap:var(--spacing-lg);flex-direction:column;display:flex}.part-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.part-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:2px;display:flex}.part-button:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.part-button code{color:var(--color-text-primary);font-size:1rem;font-weight:600}.part-button span{color:var(--color-text-muted);font-size:.65rem}.built-pattern{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);display:flex}.pattern-output{color:var(--color-text-primary);flex:1;font-size:1.2rem}.clear-button{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0}.clear-button:hover{border-color:var(--color-error);color:var(--color-error)}.performance-demo{gap:var(--spacing-lg);flex-direction:column;display:flex}.run-benchmark-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-text-primary);border-radius:var(--radius-md);color:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);border:none;align-self:flex-start;font-weight:600}.run-benchmark-btn:hover:not(:disabled){filter:brightness(1.1)}.run-benchmark-btn:disabled{opacity:.6;cursor:not-allowed}.benchmark-results{gap:var(--spacing-md);flex-direction:column;display:flex}.benchmark-bar{align-items:center;gap:var(--spacing-md);grid-template-columns:80px 1fr 60px;display:grid}.bar-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.85rem}.bar-fill{border-radius:var(--radius-sm);height:24px}.bar-fill.grep{background:linear-gradient(90deg, var(--color-error), #f97316)}.bar-fill.ripgrep{background:linear-gradient(90deg, var(--color-success), #10b981)}.bar-fill.semantic{background:linear-gradient(90deg, var(--color-accent), #06b6d4)}.bar-value{font-family:var(--font-mono);color:var(--color-text-muted);text-align:right;font-size:.8rem}.view-toggle{background:var(--color-bg);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;font-size:.8rem}.toggle-btn:hover{color:var(--color-text-primary)}.toggle-btn.active{background:var(--color-bg-hover);color:var(--color-text-primary)}.comparison-container{gap:var(--spacing-md);display:grid}.comparison-container.split{grid-template-columns:1fr 1fr}.comparison-container.before,.comparison-container.after{grid-template-columns:1fr}.code-panel{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.panel-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:500}.code-panel .code-block{border:none;border-radius:0;margin:0}.code-panel.before .panel-header{border-left:3px solid var(--color-error)}.code-panel.after .panel-header{border-left:3px solid var(--color-success)}.trigram-demo-stacked{gap:var(--spacing-xl);flex-direction:column;display:flex}.trigram-demo-wide{padding-left:max(var(--spacing-xl), calc(50vw - 600px));padding-right:max(var(--spacing-xl), calc(50vw - 600px));gap:var(--spacing-xl);flex-direction:column;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex}.trigram-top-row{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}@media (max-width:1024px){.trigram-demo-wide{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.trigram-top-row{grid-template-columns:1fr}}.trigram-section{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:hidden}.section-title{color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-size:.85rem;font-weight:600}.section-title--centered{text-align:center}.section-desc{color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0;font-size:.8rem}.documents-vertical{gap:var(--spacing-xs);flex-direction:column;display:flex}.document-row{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-wrap:wrap;display:flex}.document-row:hover{border-color:var(--color-border-bright)}.document-row.selected{border-color:var(--color-accent);background:var(--color-accent-bg)}.document-row.search-matched,.document-row.search-matched.selected{border-color:var(--color-success);background:var(--color-success-bg)}.doc-id{font-family:var(--font-mono);background:var(--color-bg-hover);color:var(--color-text-muted);border-radius:3px;flex-shrink:0;padding:4px 6px;font-size:.7rem;font-weight:600}.doc-input{min-width:120px;font-family:var(--font-mono);color:var(--color-text-primary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:3px;outline:none;flex:1;padding:2px 6px;font-size:.85rem}.doc-input:hover{border-color:var(--color-border)}.doc-input:focus{background:var(--color-bg);border-color:var(--color-accent)}.doc-trigrams{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);padding-left:calc(6px + var(--spacing-sm) + 20px);flex-basis:100%;display:flex}.arrow-text{color:var(--color-text-muted);flex-shrink:0;font-size:.8rem}.trigrams-wrap-compact{flex-wrap:wrap;gap:3px;display:flex}.trigram-badge-sm{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:default;transition:all var(--transition-fast);letter-spacing:.5px;border-radius:3px;padding:2px 6px;font-size:.75rem}.space-char{color:var(--color-text-muted);opacity:.5;margin:0 .5px;font-weight:400}.trigram-badge-sm:hover,.trigram-badge-sm.highlighted{border-color:var(--color-accent);background:var(--color-accent-bg)}.trigram-badge-sm .trigram-pos{color:var(--color-text-muted);opacity:.7;margin-left:3px;font-size:.6rem}.trigram-badge-sm.found{border-color:var(--color-success);background:var(--color-success-bg)}.trigram-badge-sm.not-found{border-color:var(--color-error);background:var(--color-error-bg);opacity:.7}.index-grid-two-col{gap:2px var(--spacing-md);max-height:180px;padding-right:var(--spacing-xs);grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.index-entry-compact{align-items:center;gap:var(--spacing-xs);padding:3px var(--spacing-sm);transition:all var(--transition-fast);border-radius:3px;font-size:.8rem;display:flex}.index-entry-compact:hover,.index-entry-compact.highlighted{background:var(--color-accent-bg)}.index-entry-compact.search-matched{background:var(--color-success-bg)}.index-entry-compact.search-matched .trigram-key-sm{color:var(--color-success)}.trigram-key-sm{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.5px;min-width:36px;font-size:.75rem;font-weight:600}.trigram-key-sm .space-char{color:var(--color-accent);opacity:.4}.arrow-sm{color:var(--color-text-muted);font-size:.7rem}.doc-ids-compact{gap:2px;display:flex}.doc-ref-sm{font-family:var(--font-mono);background:var(--color-accent-bg);color:var(--color-text-primary);border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:600}.index-stats-compact{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;font-size:.75rem}.index-stats-compact strong{color:var(--color-text-primary)}.search-container-compact{gap:var(--spacing-sm);flex-direction:column;display:flex}.search-input-compact{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-code-text);font-family:var(--font-mono);transition:border-color var(--transition-fast);outline:none;font-size:.85rem}.search-input-compact:focus{border-color:var(--color-accent)}.search-input-compact::placeholder{color:var(--color-text-muted)}.search-results-compact{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-code-bg);border-radius:var(--radius-sm);flex-direction:column;display:flex}.query-decomposition{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.label-sm{color:var(--color-text-muted);font-size:.75rem}.matches-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0;display:flex}.matching-docs-compact{gap:var(--spacing-sm);flex-wrap:wrap;min-width:0;display:flex;overflow:hidden}.match-doc{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-sm);font-family:var(--font-mono);min-width:0;max-width:100%;font-size:.8rem;display:inline-flex;overflow:hidden}.match-doc mark{background:var(--color-accent-bg-strong);color:var(--color-accent);border-radius:2px;padding:0 1px}.no-matches-inline{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.search-hint-inline{color:var(--color-text-muted);font-size:.75rem}.search-mode-toggle{background:var(--color-code-bg);border-radius:var(--radius-sm);width:fit-content;margin-bottom:var(--spacing-sm);gap:2px;padding:3px;display:flex}.mode-btn{padding:var(--spacing-xs) var(--spacing-md);color:var(--color-text-muted);cursor:pointer;border-radius:calc(var(--radius-sm) - 2px);transition:all var(--transition-fast);background:0 0;border:none;font-size:.8rem;font-weight:500}.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.active{background:var(--color-bg);color:var(--color-text-primary);box-shadow:0 1px 2px #0000001a}.search-input-wrapper{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:center;display:flex;overflow:hidden}.search-input-wrapper:focus-within{border-color:var(--color-accent)}.search-input-wrapper .search-input-compact{background:0 0;border:none;border-radius:0}.search-input-wrapper .search-input-compact:focus{border-color:#0000}.regex-delimiter{padding:0 var(--spacing-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.9rem}.regex-parse-error{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:.8rem}.regex-decomposition{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.decomposition-header{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.analysis-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:.75rem;font-weight:600}.analysis-badge.has-trigrams{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.analysis-badge.no-trigrams{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.analysis-badge.matches-any{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.analysis-badge.has-alternatives{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent)}.node-contributions{flex-direction:column;gap:4px;display:flex}.node-contribution{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);flex-wrap:wrap;font-size:.8rem;display:flex}.node-contribution.required{border-left:3px solid var(--color-success)}.node-contribution.optional{border-left:3px solid var(--color-text-muted);opacity:.7}.node-icon{flex-shrink:0;font-size:1rem}.node-fragment{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-bg);border-radius:3px;padding:2px 6px;font-weight:600}.node-arrow{color:var(--color-text-muted);flex-shrink:0}.node-trigrams{flex-wrap:wrap;gap:4px;display:flex}.node-trigram{font-family:var(--font-mono);background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success);border-radius:3px;padding:2px 6px;font-size:.75rem}.node-no-trigrams{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.alternative-sets-section{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.alternative-sets{gap:var(--spacing-xs);flex-direction:column;display:flex}.alternative-set{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);display:flex}.alt-set-label{color:var(--color-accent);flex-shrink:0;min-width:60px;padding-top:2px;font-size:.7rem;font-weight:600}.alternative-sets-section .label-sm{align-items:center;gap:var(--spacing-xs);display:flex}.required-trigrams-section{gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.regex-tree{padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);min-width:0;max-width:100%;font-size:.8rem;overflow:auto hidden}.tree-node{flex-direction:column;min-width:max-content;display:flex}.tree-node.root>.tree-node-content{font-weight:600}.tree-node-content{align-items:center;gap:var(--spacing-xs);white-space:nowrap;flex-wrap:nowrap;padding:3px 0;display:flex}.tree-prefix{color:var(--color-border-bright);white-space:pre;-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:monospace}.tree-type-label{text-transform:uppercase;letter-spacing:.02em;text-align:center;background:var(--color-bg-hover);min-width:32px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:.6rem;font-weight:600}.tree-type-label.type-root{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent)}.tree-type-label.type-literal{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.tree-type-label.type-alt{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.tree-type-label.type-variants{background:color-mix(in srgb, var(--color-info,#3b82f6) 15%, transparent);color:var(--color-info,#3b82f6);border-color:var(--color-info,#3b82f6)}.tree-type-label.type-optional{opacity:.6}.tree-type-label.type-wildcard{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error);opacity:.7}.tree-fragment{color:var(--color-accent);background:var(--color-accent-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:200px;padding:1px 6px;font-size:.75rem;overflow:hidden}.tree-arrow{color:var(--color-text-muted);flex-shrink:0}.tree-trigrams{flex-wrap:wrap;gap:3px;display:flex}.trigram-badge-xs{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:2px;padding:1px 4px;font-size:.65rem}.trigram-badge-xs.found{border-color:var(--color-success);background:var(--color-success-bg)}.trigram-badge-xs.not-found{border-color:var(--color-error);background:var(--color-error-bg);opacity:.7}.more-badge-xs{color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:2px;padding:1px 4px;font-size:.6rem}.tree-explanation{color:var(--color-text-muted);font-size:.7rem;font-style:italic}.analysis-summary{gap:var(--spacing-sm);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.alternative-sets-inline{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.alt-set-inline{align-items:center;gap:3px;display:flex}.or-separator{color:var(--color-accent);padding:0 var(--spacing-xs);font-size:.65rem;font-weight:700}.more-badge{color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:var(--radius-sm);padding:2px 6px;font-size:.65rem}.filtered-candidates{gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-border);flex-direction:column;display:flex}.match-doc.rejected{background:var(--color-error-bg);border-color:var(--color-error);opacity:.7}.match-doc.rejected .doc-ref-sm{background:var(--color-error-bg)}.doc-text-muted{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.8rem}.match-doc.verified{background:var(--color-success-bg);border-color:var(--color-success)}@media (max-width:768px){.comparison-container.split{grid-template-columns:1fr}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.index-grid-two-col{grid-template-columns:1fr}.decomposition-row{flex-direction:column;align-items:flex-start}.arrow-text{display:none}}.sparse-control-panel{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.sparse-control-panel .sparse-controls{background:0 0;border:none;border-radius:0;padding:0}.sparse-input-section{margin-bottom:var(--spacing-lg)}.input-row{gap:var(--spacing-md);align-items:flex-end;display:flex}.input-row .input-group{flex:1}.weight-fn-group{flex:none;min-width:160px}.sparse-input-section .input-row .text-input.sparse-input,.sparse-input-section .input-row .select-input{box-sizing:border-box;height:2.75rem;min-height:2.75rem}.select-input{width:100%;padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-code-text);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition-fast);outline:none;font-size:.9rem}.sparse-input-section .input-row .select-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:2.25rem}.select-input:focus{border-color:var(--color-accent)}.select-input option{background:var(--color-bg);color:var(--color-text-primary)}.weight-fn-description{margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:.75rem;font-style:italic}.sparse-input{letter-spacing:.05em;font-size:1.1rem}.sparse-mode-toggle{margin-bottom:var(--spacing-md);justify-content:center;display:flex}.sparse-mode-toggle-inner{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:100px;gap:0;padding:3px;display:flex}.mode-toggle-btn{padding:var(--spacing-xs) var(--spacing-lg);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:100px;font-size:.8rem;font-weight:500;position:relative}.mode-toggle-btn:hover:not(.active){color:var(--color-text-secondary)}.mode-toggle-btn.active{background:var(--color-accent);color:var(--color-bg);box-shadow:0 2px 4px #00000026}.sparse-visualization{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.char-grid-section{width:100%;min-width:0;display:block}.section-label{font-size:.75rem;font-weight:600;font-family:var(--font-sans);color:var(--color-text-muted);letter-spacing:.05em;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.char-grid-scroll{width:100%;min-width:0;max-width:100%;padding:var(--spacing-sm) 0;display:block;overflow:auto hidden}.char-grid-content{width:max-content;min-width:100%;padding:0 var(--spacing-sm);flex-direction:column;gap:4px;display:flex}.char-row{gap:2px;display:flex}.char-index,.char-cell{flex-shrink:0;width:32px}.index-row{margin-top:4px}.char-index{height:18px;font-family:var(--font-mono);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.65rem;display:flex}.char-cell{height:32px;font-family:var(--font-mono);background:var(--color-code-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.char-cell.bigram-current{border-color:var(--color-warning);background:var(--color-warning-bg);font-weight:600}.char-cell.ngram-emitting{border-color:var(--color-success);background:var(--color-success-bg);animation:.3s ease-in-out pulse-emit}.char-cell.in-stack{border-bottom:3px solid var(--color-accent)}@keyframes pulse-emit{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.weight-landscape{height:60px;padding:var(--spacing-xs) 4px var(--spacing-xs) 17px;background:var(--color-code-bg);border-radius:var(--radius-sm);grid-auto-columns:32px;grid-auto-flow:column;align-items:flex-start;gap:2px;margin-bottom:4px;display:grid}.weight-bar-container{justify-content:center;align-items:flex-end;height:100%;display:flex}.weight-bar-container.empty{visibility:hidden}.weight-bar{background:var(--color-border);width:24px;min-height:3px;transition:background-color var(--transition-fast);border-radius:0 0 2px 2px}.weight-bar.in-stack{background:var(--color-accent)}.weight-bar.weight-current{background:var(--color-warning)}.weight-bar.weight-higher{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.weight-bar.weight-lower{background:var(--color-warning)}.weight-bar.in-emission{background:var(--color-success);opacity:.7}.emission-bracket-row{height:24px;min-height:24px;margin-top:2px;position:relative}.emission-bracket{height:20px;position:absolute;overflow:visible}.char-cell.covered{background:color-mix(in srgb, var(--color-info,#3b82f6) 20%, var(--color-code-bg))}.coverage-row{align-items:center;gap:var(--spacing-sm);margin-top:4px;display:flex}.coverage-bar{flex:1;gap:1px;padding:0 4px;display:flex}.coverage-cell{background:var(--color-border);height:6px;transition:background-color var(--transition-fast);border-radius:1px;flex:1}.coverage-cell.covered{background:var(--color-info,#3b82f6)}.coverage-label{color:var(--color-text-muted);white-space:nowrap;font-size:.65rem}.activity-log{margin-bottom:var(--spacing-sm);background:var(--color-code-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);height:100px;overflow:hidden}.log-entries{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.log-entry{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-mono);border-bottom:1px solid var(--color-border);font-size:.75rem;display:flex;overflow:hidden}.log-entry:last-child{border-bottom:none}.log-entry.current{background:linear-gradient(90deg, var(--color-accent-bg) 0%, transparent 100%);border-left:3px solid var(--color-accent);padding-left:calc(var(--spacing-md) - 3px)}.log-entry.past{color:var(--color-text-muted)}.log-step{color:var(--color-text-muted);flex-shrink:0;min-width:28px;font-size:.65rem}.log-entry.current .log-step{color:var(--color-accent);font-weight:600}.log-text{color:var(--color-text-secondary);line-height:1.4}.log-entry.current .log-text{color:var(--color-text-primary)}.stack-ngrams-row{gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.stack-ngrams-row .stack-section{flex:3;min-width:0}.stack-ngrams-row .emitted-section{flex:7;min-width:0}.stack-container-vertical{padding:var(--spacing-sm);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;min-height:80px;display:flex}.stack-items-vertical{flex-direction:column;gap:4px;display:flex}.stack-item-vertical{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.stack-item-vertical .stack-bigram{color:var(--color-text-primary);font-size:.8rem}.stack-meta{color:var(--color-text-muted);font-size:.65rem}.weight-value{color:var(--color-accent);background:var(--color-accent-bg);border-radius:3px;padding:2px 6px;font-weight:600}.stack-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.stack-hint{color:var(--color-text-muted);margin-left:var(--spacing-xs);font-size:.65rem;font-weight:400}.stack-container{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:60px;display:flex;overflow-x:auto}.stack-empty{color:var(--color-text-muted);opacity:.5;width:100%;padding:var(--spacing-sm);justify-content:center;align-items:center;display:flex}.stack-items{gap:var(--spacing-sm);align-items:stretch;display:flex}.stack-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;min-width:70px;display:flex}.stack-pos{color:var(--color-text-muted);font-size:.65rem}.stack-bigram{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.9rem;font-weight:600}.stack-weight{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-bg);border-radius:3px;padding:1px 4px;font-size:.7rem}.emitted-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.ngram-count{color:var(--color-text-muted);margin-left:var(--spacing-xs);font-size:.65rem;font-weight:400}.no-ngrams{color:var(--color-text-muted);padding:var(--spacing-sm);text-align:center;opacity:.5}.ngrams-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.older-ngrams{padding:var(--spacing-sm);background:var(--color-code-bg);border-radius:var(--radius-sm);flex-wrap:wrap;gap:4px;display:flex}.ngram-badge-sm{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:3px;padding:2px 6px;font-size:.7rem}.recent-ngrams{gap:var(--spacing-xs);flex-direction:column;display:flex}.ngram-detail{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;display:flex}.ngram-detail.latest{border-color:var(--color-success);background:var(--color-success-bg)}.ngram-text{font-family:var(--font-mono);color:var(--color-text-primary);font-size:1rem;font-weight:600}.ngram-range{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.ngram-hash{color:var(--color-text-muted);font-size:.75rem}.ngram-hash code{color:var(--color-accent);background:var(--color-accent-bg);border-radius:3px;padding:1px 4px;font-size:.7rem}.sparse-controls{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.sparse-controls+.activity-log{border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none}.sparse-controls:has(+.activity-log){border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}.nav-buttons{justify-content:center;gap:var(--spacing-sm);display:flex}.nav-buttons .control-button{width:40px;height:40px;font-size:1rem}.nav-buttons .play-button{background:var(--color-accent-bg);border-color:var(--color-accent);width:50px}.speed-control{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.speed-label{color:var(--color-text-muted);font-size:.75rem}.speed-slider{width:120px;accent-color:var(--color-accent)}.step-slider-container{padding:0 var(--spacing-md)}.step-slider{width:100%;accent-color:var(--color-accent)}.dots-overflow{color:var(--color-text-muted);margin-left:var(--spacing-xs);font-size:.7rem}.ngram-comparison{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-md);flex-direction:column;gap:2px;display:flex}.comparison-header{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);grid-template-columns:80px 50px 1fr;display:grid}.comparison-col-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.comparison-col-bar{text-align:left}.comparison-row{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);grid-template-columns:80px 50px 1fr;align-items:center;display:grid}.comparison-type{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.85rem;font-weight:600}.comparison-total{font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center;font-size:.85rem}.comparison-bar-container{background:var(--color-code-bg);border-radius:var(--radius-sm);height:16px;overflow:hidden}.comparison-bar{background:var(--color-border-bright);border-radius:var(--radius-sm);height:100%;transition:width var(--transition-fast);min-width:2px}@media (max-width:768px){.char-cell{width:28px;height:28px;font-size:.9rem}.char-index{width:28px;font-size:.6rem}.bigram-info{flex-direction:column;align-items:flex-start}.ngram-detail{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.stack-item{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}}.suffix-demo-container{gap:var(--spacing-xl);flex-direction:column;min-width:0;max-width:100%;display:flex;overflow:hidden}.suffix-section{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;max-width:100%;overflow:hidden}.prose .suffix-section,.prose .sparse-control-panel{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.suffix-input{width:100%;padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-code-text);font-family:var(--font-mono);transition:border-color var(--transition-fast);margin-bottom:var(--spacing-md);outline:none;font-size:1rem}.suffix-input:focus{border-color:var(--color-accent)}.suffix-array-display{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:300px;overflow:hidden auto}.suffix-array-header{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-code-bg);border-bottom:1px solid var(--color-border);z-index:1;grid-template-columns:32px 40px 1fr;align-items:center;display:grid;position:sticky;top:0}.sa-col-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:.65rem;font-weight:600}.sa-col-header.sa-col-suffix{text-align:left}.suffix-array-rows{flex-direction:column;display:flex}.suffix-row{gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast);grid-template-columns:32px 40px 1fr;align-items:center;min-height:28px;display:grid}.suffix-row:last-child{border-bottom:none}.suffix-row:hover{background:var(--color-bg-hover)}.suffix-row.in-range{background:var(--color-success-bg)}.suffix-row.in-range:hover{background:color-mix(in srgb, var(--color-success-bg) 80%, var(--color-bg-hover))}.suffix-row.hovered{background:var(--color-accent-bg)}.sa-col{font-family:var(--font-mono);align-items:center;font-size:.8rem;display:flex}.sa-col-pos{color:var(--color-text-muted);justify-content:center}.sa-col-idx{color:var(--color-accent);justify-content:center;font-weight:600}.sa-col-suffix{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sa-col-suffix mark{background:var(--color-accent-bg-strong);color:var(--color-accent);border-radius:2px;padding:0 2px;font-weight:600}.char-cell.suffix-match{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success);font-weight:600}.char-cell.suffix-hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.char-cell.suffix-match.suffix-hover{border-color:var(--color-success);background:var(--color-success-bg)}.search-results-suffix{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-code-bg);border-radius:var(--radius-sm);flex-direction:column;display:flex}.search-summary{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.match-count-badge{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);padding:4px 8px;font-size:.8rem;font-weight:600}.match-positions{color:var(--color-text-secondary);font-size:.85rem}.position-badge{font-family:var(--font-mono);color:var(--color-accent);font-weight:600}.search-range-info{color:var(--color-text-muted);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border);font-size:.75rem}.toggle-steps-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;font-size:.8rem}.toggle-steps-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.search-steps{margin-top:var(--spacing-sm);flex-direction:column;gap:2px;display:flex;overflow:hidden}.steps-header{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;grid-template-columns:50px 80px 1fr 80px 80px;font-size:.65rem;font-weight:600;display:grid}.search-step{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);grid-template-columns:50px 80px 1fr 80px 80px;display:grid}.search-step.lower{border-left:3px solid var(--color-warning)}.search-step.upper{border-left:3px solid var(--color-info,#3b82f6)}.step-phase{color:var(--color-text-muted);font-weight:600}.step-range{color:var(--color-text-secondary)}.step-mid{color:var(--color-text-primary)}.step-mid code{color:var(--color-accent);font-size:.7rem}.step-comparison{font-weight:600}.step-comparison.less{color:var(--color-error)}.step-comparison.greater{color:var(--color-warning)}.step-comparison.equal{color:var(--color-success)}.step-decision{color:var(--color-text-muted)}.suffix-explanation{background:var(--color-code-bg)}.explanation-content{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.explanation-content p{margin:0 0 var(--spacing-sm) 0}.explanation-content p:last-of-type{margin-bottom:var(--spacing-md)}.explanation-content strong{color:var(--color-text-primary)}.explanation-content em{color:var(--color-accent);font-style:normal}.complexity-note{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.8rem;line-height:1.8}.complexity-note strong{color:var(--color-accent)}.compact-toggle{margin-top:var(--spacing-md)}.compact-array-inline{margin-top:var(--spacing-sm)}.compressed-array{padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);flex-wrap:nowrap;align-items:center;gap:4px;font-size:.9rem;display:flex;overflow-x:auto}.array-bracket{color:var(--color-text-muted);font-size:1.1rem;font-weight:600}.compressed-index-wrapper{align-items:center;display:inline-flex}.compressed-index{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:22px;color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:3px 6px;font-size:.8rem;font-weight:600;display:inline-flex}.compressed-index:hover,.compressed-index.hovered{background:var(--color-accent-bg);border-color:var(--color-accent)}.compressed-index.in-range{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.array-comma{color:var(--color-text-muted);margin-right:2px}@media (max-width:768px){.suffix-array-header,.suffix-row{grid-template-columns:28px 36px 1fr}.steps-header,.search-step{grid-template-columns:45px 65px 1fr 70px 70px;font-size:.65rem}.sa-col-suffix{font-size:.75rem}}.token-positions-wrap{flex-wrap:wrap;gap:4px;display:flex}.token-position-badge{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;display:inline-flex}.token-position-badge:hover,.token-position-badge.highlighted{border-color:var(--color-accent);background:var(--color-accent-bg)}.token-text{color:var(--color-text-primary);font-weight:500}.token-pos{color:var(--color-text-muted);font-size:.65rem}.phrase-index-grid{max-height:220px;padding-right:var(--spacing-xs);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.phrase-index-entry{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-code-bg);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex}.phrase-index-entry:hover,.phrase-index-entry.highlighted{background:var(--color-accent-bg)}.phrase-token-key{font-family:var(--font-mono);color:var(--color-accent);flex-shrink:0;min-width:70px;font-size:.85rem;font-weight:600}.phrase-postings{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;display:flex}.phrase-posting{align-items:center;gap:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;display:flex}.posting-masks{gap:var(--spacing-sm);display:flex}.mask-display{align-items:center;gap:4px;display:inline-flex}.mask-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6rem}.mask-bits{font-family:var(--font-mono);gap:1px;font-size:.75rem;display:inline-flex}.mask-bit{border-radius:2px;justify-content:center;align-items:center;width:14px;height:16px;font-weight:600;display:inline-flex}.mask-bit.compact{width:11px;height:14px;font-size:.65rem}.mask-bit.nibble-gap{margin-left:3px}.mask-bits-container{flex-direction:column;align-items:center;gap:1px;display:inline-flex}.mask-indices{gap:1px;display:inline-flex}.mask-index{width:14px;height:12px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.55rem;display:inline-flex}.mask-index.compact{width:11px;font-size:.5rem}.mask-index.highlighted{color:var(--color-warning);font-weight:700}.mask-index.nibble-gap{margin-left:3px}.mask-bit.set{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.mask-bit.unset{background:var(--color-code-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.mask-bit.highlighted{box-shadow:0 0 0 2px var(--color-warning);animation:.5s ease-in-out infinite alternate pulse-bit}@keyframes pulse-bit{0%{transform:scale(1)}to{transform:scale(1.1)}}.mask-legend{margin-top:var(--spacing-md);gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.75rem;display:grid}.legend-item{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.legend-label{font-family:var(--font-mono);color:var(--color-accent);font-weight:600}.legend-desc{color:var(--color-text-muted)}.legend-desc em{color:var(--color-text-primary);font-style:normal}.legend-desc code{font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-bg);border-radius:3px;padding:2px 6px;font-size:.85em}.phrase-search-results{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-code-bg);border-radius:var(--radius-sm);flex-direction:column;display:flex}.query-tokens-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.phrase-display{color:var(--color-text-primary);background:var(--color-bg);border-radius:4px;padding:4px 10px;font-size:.9rem}.algorithm-steps{gap:var(--spacing-md);flex-direction:column;display:flex;overflow:hidden}.candidate-summary-panel{gap:var(--spacing-sm);flex-direction:column;display:flex}.candidate-summary-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.candidate-summary-list{flex-direction:column;gap:6px;display:flex}.candidate-summary-row{appearance:none;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;text-align:left;transition:background-color var(--transition-fast), border-color var(--transition-fast);display:flex}.candidate-summary-row:hover{border-color:var(--color-border-bright);background:var(--color-code-bg)}.candidate-summary-row.selected{border-color:var(--color-accent);background:var(--color-accent-bg)}.candidate-summary-main{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.candidate-summary-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem;overflow:hidden}.candidate-summary-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.candidate-status-chip{border:1px solid var(--color-border);background:var(--color-code-bg);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.candidate-status-chip.pass{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.candidate-status-chip.fail{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}.candidate-status-chip.pending{border-color:var(--color-border);background:var(--color-code-bg);color:var(--color-text-muted)}.algorithm-step{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm);padding-left:0}.algorithm-step.step-c{margin-top:8px}.step-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.step-number{background:var(--color-accent-bg);width:20px;height:20px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.step-title{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.step-content{color:var(--color-text-secondary);font-size:.8rem}.lookup-result{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.lookup-result code{color:var(--color-accent);min-width:60px;font-weight:600}.doc-list{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.8rem}.doc-list.highlight{color:var(--color-text-primary);font-weight:600}.candidate-docs{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px solid var(--color-border);display:flex}.candidate-analysis{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.candidate-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.doc-preview{font-family:var(--font-mono);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.mask-check{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.check-label{color:var(--color-text-muted);min-width:180px;font-size:.75rem}.check-result{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.check-result.pass{background:var(--color-success-bg);color:var(--color-success)}.check-result.fail{background:var(--color-error-bg);color:var(--color-error)}.step-skip-note{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-code-bg);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.rotation-visual{gap:var(--spacing-xs);flex-direction:column;display:flex}.mask-row{align-items:center;gap:var(--spacing-sm);display:flex}.mask-row-label{color:var(--color-text-muted);min-width:140px;font-size:.75rem}.mask-row.rotate-arrow{padding-left:140px}.rotate-symbol{color:var(--color-warning);font-size:1.2rem}.mask-row.operation{padding-top:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px dashed var(--color-border)}.candidate-verdict{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-align:center;font-size:.8rem;font-weight:600}.candidate-verdict.likely{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.candidate-verdict.rejected{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.match-doc.candidate{background:var(--color-accent-bg);border-color:var(--color-accent)}.ground-truth{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:.8rem;display:flex}.actual-matches{font-family:var(--font-mono);color:var(--color-success);font-weight:600}.inline-trigram{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.5px;font-weight:600}.no-candidates{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-style:italic}.explanation-section{background:var(--color-code-bg)}.explanation-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.explanation-card{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.card-icon{margin-bottom:var(--spacing-xs);font-size:1.5rem}.explanation-card h6{color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-size:.85rem;font-weight:600}.explanation-card p{color:var(--color-text-muted);margin:0;font-size:.75rem;line-height:1.5}.explanation-card em{color:var(--color-accent);font-style:normal;font-weight:600}.explanation-card strong{color:var(--color-text-primary);margin-top:var(--spacing-xs);display:block}@media (max-width:768px){.interaction-hint{display:block}.mask-legend,.explanation-grid{grid-template-columns:1fr}.phrase-index-entry{flex-direction:column;align-items:flex-start}.phrase-postings{flex-direction:column;width:100%}.check-label{width:100%;min-width:auto}.mask-row-label{min-width:100px;font-size:.7rem}.mask-row.rotate-arrow{padding-left:100px}.candidate-summary-row,.candidate-summary-main{flex-direction:column;align-items:flex-start}.candidate-summary-status{justify-content:flex-start}}.regex-parse-tree-container{gap:var(--spacing-md);flex-direction:column;display:flex}.pattern-input-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.pattern-display{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);display:flex}.pattern-text{color:var(--color-text-primary);font-size:1rem}.analysis-explanation{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.explanation-line{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.5}.explanation-line:first-child{color:var(--color-text-primary);font-weight:500}.empty-state{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);background:var(--color-code-bg);border-radius:var(--radius-md);font-style:italic}.pattern-link{color:var(--color-accent);cursor:pointer;border-bottom:1px dashed var(--color-accent);transition:all var(--transition-fast);text-decoration:none}.pattern-link:hover{background:var(--color-accent-bg);border-bottom-style:solid;border-radius:2px}.pattern-link code{color:inherit;background:var(--color-accent-bg);border-radius:3px;padding:1px 4px;font-size:.9em}.performance-chart-container{margin:var(--spacing-xl) 0}.performance-chart-title{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-size:.9rem;font-weight:600;font-family:var(--font-mono)}.performance-chart-svg{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:100%;height:auto;display:block;overflow:visible}@media (max-width:768px){.performance-chart-svg{max-width:100%}}.mmap-compact-container{grid-template-columns:auto 100px 1fr;align-items:start;gap:0;display:grid}.mmap-compact-section{flex-direction:column;display:flex}.mmap-compact-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none;display:flex}.mmap-compact-title{color:var(--color-text-primary);text-transform:none;letter-spacing:.03em;font-size:.7rem;font-weight:600}.mmap-compact-table{border:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-bg);overflow:hidden}.mmap-compact-table-header{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);background:var(--color-code-bg);border-bottom:1px solid var(--color-border);height:22px;display:flex}.mmap-th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6rem;font-weight:600}.mmap-th-hash{flex:1}.mmap-th-offset{text-align:right;width:36px}.mmap-compact-row{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);border-bottom:1px solid var(--color-border);cursor:pointer;height:26px;transition:background-color var(--transition-fast);display:flex}.mmap-compact-row:last-child{border-bottom:none}.mmap-compact-row:hover,.mmap-compact-row.is-hovered{background:var(--color-accent-bg)}.mmap-cell{font-family:var(--font-mono);font-size:.7rem}.mmap-cell-hash{color:var(--color-text-primary);flex:1}.mmap-cell-offset{text-align:right;width:36px;color:var(--color-text-muted)}.mmap-compact-arrow-area{width:100px;min-height:100%;position:relative}.mmap-connector-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.mmap-compact-postings{border:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-bg);overflow:hidden}.mmap-postings-table-header{align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);background:var(--color-code-bg);border-bottom:1px solid var(--color-border);height:22px;display:flex}.mmap-th-at{min-width:24px}.mmap-posting-compact{align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);border-bottom:1px solid var(--color-border);height:26px;transition:background-color var(--transition-fast);display:flex}.mmap-posting-compact:last-child{border-bottom:none}.mmap-posting-compact.is-target{background:var(--color-accent-bg)}.mmap-posting-at{font-family:var(--font-mono);color:var(--color-text-muted);min-width:20px;font-size:.55rem}.mmap-posting-ngram-compact{font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.02em;font-size:.7rem;font-weight:600}.mmap-posting-compact.is-target .mmap-posting-ngram-compact{color:var(--color-text-primary)}.mmap-posting-arrow{color:var(--color-accent);font-size:.6rem}.mmap-posting-ids{gap:2px;display:flex}.mmap-posting-id{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-hover);text-align:center;border-radius:2px;min-width:12px;padding:0 3px;font-size:.55rem}.mmap-mobile-link{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:none}.mmap-mobile-link-code{font-family:var(--font-mono);color:var(--color-text-primary);margin-left:var(--spacing-xs)}@media (max-width:600px){.mmap-compact-container{gap:var(--spacing-md);grid-template-columns:1fr}.mmap-compact-arrow-area{display:none}.mmap-mobile-link{display:block}}.agent-timeline-container{gap:var(--spacing-md);padding-left:max(var(--spacing-xl), calc(50vw - 500px));padding-right:max(var(--spacing-xl), calc(50vw - 500px));flex-direction:column;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex}.agent-timeline-toggle{justify-content:center;gap:0;display:flex}.agent-timeline-hint{text-align:center}.agent-timeline-toggle-control{margin:0 auto}.agent-timeline-toggle-btn{font-size:.8rem;font-weight:500;font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 20px}.agent-timeline-toggle-btn:first-child{border-right:none;border-radius:6px 0 0 6px}.agent-timeline-toggle-btn:last-child{border-radius:0 6px 6px 0}.agent-timeline-toggle-btn:hover{background:var(--color-bg-hover)}.agent-timeline-toggle-btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}.agent-timeline-toggle-btn.is-active:hover{background:var(--color-accent)}.agent-timeline-svg{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:100%;height:auto;display:block;overflow:visible}.agent-timeline-label{-webkit-user-select:none;user-select:none}@media (max-width:768px){.agent-timeline-svg{max-width:100%}.agent-timeline-toggle-btn{padding:6px 14px;font-size:.75rem}}