.mcp-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.mcp-visual{position:relative;isolation:isolate;border:1px solid #2a4567;border-radius:24px;padding:24px;background:radial-gradient(ellipse at 50% 45%,#0c2d54,#0d192b 70%);box-shadow:inset 0 1px 0 #ffffff0d}.mcp-visual-label{display:flex;align-items:center;gap:8px;color:#9ac6ff;font:10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em}.mcp-visual-core{height:280px;margin:-10px 0}.mcp-visual-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#9ac6ff}.mcp-visual-flow>span:nth-of-type(2){color:var(--foreground);font-weight:600}.mcp-tool-stream{display:grid;gap:8px;margin-top:22px}.mcp-tool-stream>span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ffffff14;border-radius:9px;font:11px var(--font-geist-mono),monospace;color:#9ac6ff;animation:mcp-tool 6s ease-in-out infinite}.mcp-tool-stream i{height:5px;width:5px;background:#0077ff;border-radius:50%}.mcp-tool-stream svg{margin-left:auto}.mcp-visual>p{margin-top:16px;font-size:9px;color:var(--muted-foreground);text-align:center}@keyframes mcp-tool{0%,32%,to{background:#0077ff04;border-color:#ffffff14}10%,24%{background:#0077ff1c;border-color:#589cec77;box-shadow:0 0 18px #0077ff10}}.mcp-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--border)}.mcp-tabs>button{border-radius:9px;border:1px solid transparent;padding:4px}.mcp-tabs>button[aria-selected=true]{background:#0077ff14;border-color:#4d9aff}.mcp-setup-panel{padding-top:28px}.mcp-setup-panel ol{display:grid;gap:20px;margin-bottom:28px;max-width:800px}.mcp-setup-panel li{display:flex;align-items:flex-start;gap:16px;font-size:14px;line-height:1.75;color:var(--muted-foreground)}.mcp-setup-panel li>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid #448ce644;background:#0077ff14;color:#9ac6ff;font:11px var(--font-geist-mono),monospace}.mcp-copy{overflow:hidden;border:1px solid #45679166;border-radius:12px;background:#0a1525;min-width:0}.mcp-copy>div{justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:11px;color:#9ac6ff}.mcp-copy button,.mcp-copy>div{display:flex;align-items:center}.mcp-copy button{gap:7px;border:1px solid var(--border);border-radius:7px;padding:8px;flex-shrink:0}.mcp-copy button:hover{background:#ffffff0a}.mcp-copy pre{padding:18px;font:12px/1.9 var(--font-geist-mono),monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#d3e3f6}.mcp-copy-error{padding:0 18px 16px;font-size:12px;color:var(--muted-foreground)}.mcp-table{width:100%;text-align:left;font-size:13px}.mcp-table td,.mcp-table th{padding:16px;border-bottom:1px solid var(--border)}.mcp-table th{color:#9ac6ff;font-weight:500;background:#0077ff08}.mcp-table td{color:var(--muted-foreground)}.mcp-table code{white-space:nowrap;font-size:11px;color:var(--foreground)}@media (max-width:520px){.mcp-visual{padding:20px}.mcp-visual-core{height:240px}.mcp-table td,.mcp-table th{padding:12px;font-size:12px}.mcp-tabs{gap:4px}.mcp-tabs>button{padding:2px}}@media (prefers-reduced-motion:reduce){.mcp-tool-stream>span{animation:none}}