:root{--mcp-accent: #6366f1;--cli-accent: #16a34a;--s1: #6366f1;--s2: #2563eb;--s3: #d97706;--s4: #16a34a}.tool-card{background:var(--bg-offset);border:1px solid var(--border);border-radius:8px;padding:20px 24px;margin:18px 0 22px}.tool-card .tool-name{font-family:var(--mono);font-weight:600;font-size:.95em;color:var(--mcp-accent)}.tool-card .tool-desc{font-size:.88em;color:var(--fg-secondary);margin-top:6px;line-height:1.6}.mcp-schema-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}@media(max-width:700px){.mcp-schema-cards{grid-template-columns:1fr}}.mcp-schema-card{background:#f5f3ff;border:1px solid #e0d4fc;border-radius:8px;padding:16px 18px}.mcp-schema-name{font-family:var(--mono);font-weight:600;font-size:.92em;color:var(--mcp-accent)}.mcp-schema-sig{font-family:var(--mono);font-size:.74em;color:#7c73c0;margin-top:4px;line-height:1.4}.mcp-schema-desc{font-size:.82em;color:var(--fg-secondary);margin-top:8px;line-height:1.55}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 30px}.compare-col{border-radius:8px;padding:22px 24px}.compare-col.mcp-col{background:#f5f3ff;border:1px solid #e0d4fc}.compare-col.cli-col{background:#f0fdf4;border:1px solid #bbf7d0}.compare-col .col-label{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.compare-col.mcp-col .col-label{color:var(--mcp-accent)}.compare-col.cli-col .col-label{color:var(--cli-accent)}.compare-col pre{background:#0000000a;border:1px solid rgba(0,0,0,.06);margin:8px 0;font-size:.82em;padding:14px 16px}@media(max-width:700px){.compare-grid{grid-template-columns:1fr}}.trace-block{margin:28px 0;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.trace-block .trace-header{padding:14px 20px;font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.trace-block.mcp-trace .trace-header{background:#f5f3ff;color:var(--mcp-accent);border-bottom:1px solid #e0d4fc}.trace-block.cli-trace .trace-header{background:#f0fdf4;color:var(--cli-accent);border-bottom:1px solid #bbf7d0}.trace-step{padding:14px 20px;border-bottom:1px solid var(--border-light)}.trace-step:last-child{border-bottom:none}.trace-think{background:#fffbeb}.trace-think .step-label{color:#92400e;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.trace-think .step-content{font-size:.88em;color:#78350f;font-style:italic;line-height:1.6}.trace-call{background:var(--bg-offset)}.trace-call .step-label{color:var(--fg-muted);font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.trace-call code{font-size:.88em;display:block;line-height:1.5}.trace-result{font-size:.82em;color:var(--fg-muted);margin-top:6px}.trace-result strong{color:var(--fg-secondary)}.trace-answer{background:#f0fdf4}.trace-answer .step-label{color:var(--cli-accent);font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.trace-answer .step-content{font-size:.88em;color:var(--fg-secondary);line-height:1.6}.trace-discovery{background:#fef9c3;border-left:3px solid #f59e0b}.trace-discovery .step-label{color:#92400e;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.trace-discovery .step-content{font-size:.88em;color:#78350f;line-height:1.6}.trace-stats{display:flex;gap:20px;padding:14px 20px;background:var(--bg-offset);border-top:1px solid var(--border-light);font-size:.82em;color:var(--fg-muted)}.trace-stats strong{color:var(--fg-secondary)}.explore-viz{margin:36px 0 30px}.explore-viz-label{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.explore-viz-label.mcp-label{color:var(--mcp-accent)}.explore-viz-label.cli-label{color:var(--cli-accent)}.explore-viz-label .label-sub{font-weight:400;text-transform:none;letter-spacing:normal;color:var(--fg-muted);margin-left:6px}.viz-flat{display:flex;align-items:center;gap:0;padding:20px 24px;background:#faf8ff;border:1px solid #e8e4f8;border-radius:10px;overflow-x:auto}.viz-flat .vf-node{flex-shrink:0;padding:7px 12px;border-radius:5px;font-family:var(--mono);font-size:.72em;white-space:nowrap;background:#ede9fe;color:#4338ca;border:1px solid #c4b5fd}.viz-flat .vf-node.vf-read{background:#f3f0ff;color:#6d5acd;border-color:#ddd6fe}.viz-flat .vf-arrow{flex-shrink:0;width:20px;text-align:center;color:#c4b5fd;font-size:.9em}.viz-tree{padding:24px 28px;background:#f0fdf4;border:1px solid #d1fae5;border-radius:10px}.viz-phase{margin-bottom:0}.viz-phase+.viz-phase{margin-top:4px}.viz-phase-label{font-size:.62em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cli-accent);margin-bottom:6px;opacity:.7}.viz-search-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.viz-search-node{padding:8px 16px;border-radius:6px;font-family:var(--mono);font-size:.78em;background:#dcfce7;color:#15803d;border:1px solid #86efac;font-weight:500}.viz-search-note{font-size:.72em;color:var(--fg-muted)}.viz-scan-bar{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin:4px 0}.viz-scan-item{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:5px;background:#d1fae5;border:1px solid #6ee7b7;min-width:80px}.viz-scan-term{font-family:var(--mono);font-size:.68em;color:#166534;font-weight:500}.viz-scan-count{font-size:.92em;font-weight:700;color:#15803d;margin-top:2px}.viz-scan-unit{font-size:.6em;color:#4ade80;font-weight:400}.viz-read-row{display:flex;align-items:center;gap:8px;margin:4px 0;padding-left:20px}.viz-read-node{padding:6px 14px;border-radius:5px;font-family:var(--mono);font-size:.74em;background:#dcfce7;color:#15803d;border:1px solid #86efac}.viz-read-note{font-size:.72em;color:var(--fg-muted)}.viz-connector{text-align:center;padding:2px 0}.viz-connector-line{display:inline-block;width:2px;height:12px;background:#86efac}.viz-connector-line.disc{background:#fbbf24}.viz-discovery{margin:4px 0 0;padding:14px 16px;background:#fefce8;border:2px solid #fbbf24;border-radius:8px}.viz-discovery-label{font-size:.62em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b45309;margin-bottom:8px}.viz-discovery-chain{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.viz-disc-node{padding:6px 12px;border-radius:5px;font-family:var(--mono);font-size:.72em;font-weight:500}.viz-disc-grep{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.viz-disc-result{background:#fde68a;color:#78350f;border:1px solid #f59e0b;font-weight:700;font-size:.82em}.viz-disc-read{background:#fef9c3;color:#a16207;border:1px solid #facc15}.viz-disc-arrow{color:#d97706;font-size:.9em}.viz-discovery-note{font-size:.72em;color:#92400e;margin-top:8px;font-style:italic}.viz-flat-note{font-size:.76em;color:var(--fg-muted);margin-top:6px;padding-left:4px}.flow-diagram{margin:30px 0;padding:28px;background:var(--bg-offset);border:1px solid var(--border);border-radius:10px}.flow-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}.flow-node{display:inline-flex;align-items:center;padding:6px 14px;border-radius:6px;font-size:.82em;font-family:var(--mono);font-weight:500;white-space:nowrap}.flow-arrow{color:var(--fg-muted);font-size:1.1em}.flow-node.mcp{background:#ede9fe;color:#4338ca;border:1px solid #c4b5fd}.flow-node.cli{background:#dcfce7;color:#15803d;border:1px solid #86efac}.flow-node.discovery{background:#fef9c3;color:#a16207;border:1px solid #fde68a}.flow-label{font-size:.78em;color:var(--fg-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;margin-top:16px}.flow-label:first-child{margin-top:0}.bar-chart{margin:24px 0}.bar-row{display:flex;align-items:center;margin-bottom:10px;gap:12px}.bar-label{font-family:var(--mono);font-size:.78em;color:var(--fg-secondary);min-width:170px;text-align:right}.bar-track{flex:1;height:28px;background:var(--bg-offset);border:1px solid var(--border-light);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;display:flex;align-items:center;padding-left:10px;font-family:var(--mono);font-size:.72em;font-weight:600;color:#fff}.bar-val{font-family:var(--mono);font-size:.78em;color:var(--fg-muted);min-width:55px}.bf-s1{background:var(--s1)}.bf-s2{background:var(--s2)}.bf-s3{background:var(--s3)}.bf-s4{background:var(--s4)}.run-grid{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.run-dot{font-family:var(--mono);font-size:.72em;padding:8px 12px;border-radius:6px;text-align:center;line-height:1.3;min-width:70px}.run-dot.found{background:#f0fdf4;color:var(--s4);border:1px solid #bbf7d0}.run-dot.missed{background:var(--bg-offset);color:var(--fg-muted);border:1px solid var(--border)}.run-dot.dnf{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.run-label{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin-bottom:6px}.callout{margin:28px 0;padding:22px 26px;border-radius:0 4px 4px 0}.callout-green{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid var(--s4)}.callout h4{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.callout-green h4{color:var(--s4)}.callout p{margin-bottom:8px;font-size:.92em}.callout p:last-child{margin-bottom:0}