:root{--mcp-font-display:"SF Pro Rounded", system-ui, sans-serif;--mcp-font-body:"Geist", system-ui, sans-serif;--mcp-font-code:"Geist Mono", ui-monospace, monospace;--mcp-container:1080px;--mcp-gutter:clamp(24px, 5vw, 64px);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px}:is(html:has(.mcp-page),body:has(.mcp-page)){overflow-x:clip}.mcp-page{color:hsl(var(--foreground));font-family:var(--mcp-font-body);font-synthesis:none;font-size:16px;line-height:1.6}.mcp-page :is(h1,h2,h3){overflow-wrap:break-word;text-wrap:balance;min-width:0}.mcp-page :is(h1,h2){font-family:var(--mcp-font-display);letter-spacing:-.04em;font-weight:600;line-height:1.1}.mcp-page h2{font-size:clamp(36px,4vw,48px)}.mcp-page h3{font-size:16px;font-weight:500;line-height:1.5}.mcp-page p{text-wrap:pretty}.mcp-page :is(a,button,summary,input):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:5px}.mcp-page a{text-underline-offset:5px}.mcp-page code{font-family:var(--mcp-font-code)}.mcp-skip-link{z-index:100;top:var(--space-md);left:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:hsl(var(--primary));color:hsl(var(--primary-foreground));position:fixed;transform:translateY(-200%)}.mcp-skip-link:focus{transform:translateY(0)}.mcp-header{height:92px}.mcp-header>a:not(.mcp-skip-link){top:38px;left:var(--mcp-gutter);position:absolute}.mcp-header nav{justify-content:flex-end;align-items:center;gap:var(--space-lg);max-width:1440px;padding:var(--space-lg) var(--space-3xl);color:hsl(var(--muted-foreground));margin-inline:auto;font-size:13px;display:flex}.mcp-header nav a{align-items:center;gap:var(--space-xs);min-height:48px;display:inline-flex}.mcp-header nav a:hover{color:hsl(var(--foreground))}.mcp-hero{max-width:var(--mcp-container);padding:var(--space-xl) var(--mcp-gutter) var(--space-3xl);text-align:center;margin-inline:auto}.mcp-hero h1{font-size:clamp(46px,6.2vw,80px)}.mcp-hero>p{max-width:60ch;margin:var(--space-lg) auto 0;color:hsl(var(--muted-foreground));font-size:18px}.mcp-actions{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.mcp-hero .mcp-actions{margin-top:var(--space-lg);justify-content:center}.mcp-primary{min-height:48px;padding:var(--space-sm) var(--space-lg);background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:opacity .16s;display:inline-flex}.mcp-primary:hover{opacity:.82}.mcp-primary:active{opacity:.7}.mcp-text-link{align-items:center;gap:var(--space-xs);min-height:44px;font-size:14px;display:inline-flex}.mcp-text-link:hover{text-decoration:underline}.mcp-connection{max-width:670px;margin:var(--space-xl) auto 0;justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.mcp-clients{gap:var(--space-lg) var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcp-client{align-items:center;gap:var(--space-sm);color:hsl(var(--muted-foreground));white-space:nowrap;font-size:13px;display:flex}.mcp-client-icon{border:1px solid hsl(var(--border));background:hsl(var(--secondary) / .45);width:48px;height:48px;color:hsl(var(--foreground));border-radius:14px;justify-content:center;align-items:center;display:flex}.mcp-client-icon img{-o-object-fit:contain;object-fit:contain;width:28px;height:28px}.mcp-client-app-icon{background:0 0;border:0}.mcp-client-app-icon img{width:100%;height:100%}.mcp-client-icon-compact{background:0 0;border:0;border-radius:0;flex-shrink:0;width:22px;height:22px}.mcp-client-icon-compact img{width:18px;height:18px}.mcp-client-icon-compact.mcp-client-app-icon img{width:24px;height:24px}.mcp-client-icon .mcp-client-mark-dark,.dark .mcp-client-icon .mcp-client-mark-light{display:none}.dark .mcp-client-icon .mcp-client-mark-dark{display:block}.mcp-bridge{background:hsl(var(--border));flex:1;min-width:30px;max-width:150px;height:1px;position:relative}.mcp-bridge span{inset:auto 0 var(--space-sm);color:hsl(var(--muted-foreground));font-size:12px;position:absolute}.mcp-agent{font-family:var(--mcp-font-display);flex-direction:column;align-items:center;font-size:18px;display:flex}.mcp-agent img{-o-object-fit:contain;object-fit:contain;width:132px;height:132px}.mcp-meta-account{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);color:hsl(var(--muted-foreground));flex-wrap:wrap;font-size:13px;display:flex}.mcp-meta-account svg{width:78px;height:16px;color:hsl(var(--foreground));flex-shrink:0}.mcp-container{max-width:calc(var(--mcp-container) + 2 * var(--mcp-gutter));padding-inline:var(--mcp-gutter);margin-inline:auto}.mcp-section{padding-block:var(--space-3xl)}.mcp-section-heading>p{max-width:45ch;color:hsl(var(--muted-foreground));margin-top:var(--space-lg)}.mcp-section-heading>.mcp-text-link{margin-top:var(--space-lg)}.mcp-setup{gap:var(--space-2xl);border-top:1px solid hsl(var(--border));scroll-margin-top:var(--space-xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.mcp-install{min-width:0}.mcp-client-picker{gap:var(--space-2xs);border-bottom:1px solid hsl(var(--border));padding-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.mcp-client-picker label{cursor:pointer;position:relative}.mcp-client-picker input{opacity:0;width:1px;height:1px;position:absolute}.mcp-client-picker label>span{align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);color:hsl(var(--muted-foreground));white-space:nowrap;font-size:13px;display:flex}.mcp-client-picker input:checked+span{background:hsl(var(--secondary));color:hsl(var(--foreground))}.mcp-client-picker label:hover>span{color:hsl(var(--foreground))}.mcp-client-picker input:focus-visible+span{outline:2px solid hsl(var(--ring));outline-offset:2px}.mcp-install-content{padding-block:var(--space-lg)}.mcp-install-content>p{margin-top:var(--space-sm);color:hsl(var(--muted-foreground));max-width:60ch;font-size:14px}.mcp-code{margin-block:var(--space-lg) var(--space-sm);padding:var(--space-lg);border-radius:calc(var(--radius) * 2);background:hsl(var(--secondary) / .5)}.mcp-code pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.mcp-code .mcp-copy{margin-top:var(--space-lg)}.mcp-copy{justify-content:flex-start;align-items:center;gap:var(--space-xs);min-height:44px;color:hsl(var(--muted-foreground));text-align:left;font-size:12px;display:inline-flex}.mcp-copy:hover{color:hsl(var(--foreground))}.mcp-copy:active{opacity:.7}.mcp-copy:disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:wait}.mcp-copy svg{flex-shrink:0}.mcp-copy-icon-only{border-radius:var(--space-xs);justify-content:center;width:44px;position:relative}.mcp-copy-icon-only:hover{background:hsl(var(--secondary))}.mcp-copy-tooltip{left:calc(100% + var(--space-xs));z-index:1;width:max-content;max-width:220px;padding:var(--space-xs) var(--space-sm);border:1px solid hsl(var(--border));border-radius:var(--space-xs);background:hsl(var(--popover));color:hsl(var(--popover-foreground));opacity:0;visibility:hidden;pointer-events:none;font-size:12px;position:absolute;top:50%;transform:translateY(-50%)}.mcp-copy-icon-only:is(:hover,:focus-visible) .mcp-copy-tooltip,.mcp-copy-icon-only:is([data-status=copied],[data-status=error]) .mcp-copy-tooltip{opacity:1;visibility:visible}.mcp-install-note{align-items:center;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:12px;display:flex}.mcp-install-note svg{flex-shrink:0}.mcp-prompts{padding-block:var(--space-2xl) var(--space-4xl)}.mcp-prompt-grid{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcp-prompt{padding:var(--space-lg) 0;border-top:1px solid hsl(var(--border));flex-direction:column;align-items:flex-start;display:flex}.mcp-prompt-icon{width:64px;height:64px;margin-bottom:var(--space-md);image-rendering:pixelated;display:block}html:not(.dark) .mcp-prompt-icon{border-radius:var(--radius);background:hsl(var(--foreground))}.mcp-prompt>p{margin-block:var(--space-sm) var(--space-lg);max-width:55ch;color:hsl(var(--muted-foreground))}.mcp-prompt .mcp-copy{margin-top:auto}.mcp-directory-header{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.mcp-tool-list{margin-top:var(--space-xl)}.mcp-tool-row{gap:var(--space-xl);padding-block:var(--space-lg);border-top:1px solid hsl(var(--border));grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,1fr);display:grid}.mcp-tool-row p{color:hsl(var(--muted-foreground));max-width:45ch;font-size:14px}.mcp-tool-row ul{color:hsl(var(--muted-foreground));overflow-wrap:anywhere;font-size:12px;line-height:1.9}.mcp-agent-guide{gap:var(--space-2xl);border-top:1px solid hsl(var(--border));scroll-margin-top:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcp-agent-steps{padding-left:var(--space-lg);list-style:decimal}.mcp-agent-steps li{padding-left:var(--space-xs)}.mcp-agent-steps li+li{margin-top:var(--space-lg)}.mcp-agent-steps p{margin-top:var(--space-xs);color:hsl(var(--muted-foreground));font-size:14px}.mcp-agent-steps code{overflow-wrap:anywhere}.mcp-access{gap:var(--space-2xl);padding-block:var(--space-4xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcp-access details{border-bottom:1px solid hsl(var(--border));padding-block:var(--space-lg)}.mcp-access details:first-child{padding-top:0}.mcp-access summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:44px;font-size:15px;list-style:none;display:flex}.mcp-access summary::-webkit-details-marker{display:none}.mcp-access summary svg{flex-shrink:0}.mcp-access details[open] summary svg{transform:rotate(180deg)}.mcp-access details p{margin-top:var(--space-md);max-width:60ch;color:hsl(var(--muted-foreground));font-size:14px}.mcp-access details .mcp-text-link{margin-top:var(--space-sm)}.mcp-close{justify-content:space-between;align-items:center;gap:var(--space-xl);padding-block:var(--space-2xl) var(--space-3xl);border-top:1px solid hsl(var(--border));flex-wrap:wrap;display:flex}.mcp-close p{margin-top:var(--space-md);color:hsl(var(--muted-foreground))}@media (width<=760px){.mcp-header{height:80px}.mcp-header nav{gap:var(--space-lg);padding-right:84px}.mcp-header nav a:first-child,.mcp-header nav .mcp-agent-nav{display:none}.mcp-hero{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.mcp-hero h1{font-size:clamp(44px,7vw,58px)}.mcp-hero>p{font-size:16px}.mcp-connection{gap:var(--space-md);margin-top:var(--space-xl)}.mcp-clients{gap:var(--space-md)}.mcp-client{gap:var(--space-xs);flex-direction:column;font-size:11px}.mcp-agent img{width:112px;height:112px}.mcp-bridge{min-width:16px}.mcp-section{padding-block:var(--space-2xl)}.mcp-setup,.mcp-access,.mcp-agent-guide{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.mcp-prompt-grid{-moz-column-gap:var(--space-lg);column-gap:var(--space-lg)}.mcp-tool-row{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-tool-row>p{grid-column:1}.mcp-tool-row>ul{grid-area:1/2/3}.mcp-close{padding-bottom:var(--space-2xl)}}@media (width<=480px){.mcp-hero h1{font-size:42px}.mcp-hero .mcp-actions{gap:var(--space-md);margin-top:var(--space-lg)}.mcp-prompt-grid{grid-template-columns:minmax(0,1fr)}.mcp-connection .mcp-client-icon{width:40px;height:40px}.mcp-agent img{width:96px;height:96px}.mcp-code{padding:var(--space-md)}.mcp-client-picker{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcp-client-picker label>span{padding-inline:var(--space-sm);font-size:12px}}@media (prefers-reduced-motion:reduce){.mcp-page *,.mcp-page :before,.mcp-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}