@layer pages{.mcp-hero,.mcp-connect,.mcp-examples,.mcp-poster,.mcp-toast{--mcp-accent:var(--purple-500)}.mcp-code-line{border:var(--stroke-025) solid var(--border-bold);background:var(--white);margin-top:var(--space-300);align-items:stretch;max-width:100%;display:flex}.mcp-code-line code{min-width:0;padding:var(--space-300) var(--space-400);font-size:var(--text-body-xs);color:var(--text-primary);white-space:nowrap;flex:1;overflow-x:auto}.mcp-code-line--dark{background:var(--n800);border-color:var(--n700);margin-top:0}.mcp-code-line--dark code{color:var(--white)}.mcp-code-line--wrap code{white-space:normal;overflow-wrap:anywhere;line-height:1.6}.mcp-code-word{overflow-wrap:anywhere;max-width:100%;display:inline-block}.mcp-copy-btn{padding:0 var(--space-400);background:var(--black);min-height:44px;color:var(--white);cursor:pointer;letter-spacing:.07em;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);border:none;flex:none;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.mcp-copy-btn:hover{background:var(--n700)}:where(.mcp-code-line--dark) .mcp-copy-btn{background:var(--mcp-accent);color:var(--white)}:where(.mcp-code-line--dark) .mcp-copy-btn:hover{background:var(--purple-600)}.mcp-code-block{margin-top:var(--space-300);background:var(--white);border:var(--stroke-025) solid var(--n200);position:relative}.mcp-code-block pre{padding:var(--space-500);color:var(--text-primary);font-size:var(--text-body-xs);white-space:pre;margin:0;padding-right:120px;line-height:1.6;overflow-x:auto}.mcp-code-block .mcp-copy-btn{position:absolute;top:0;right:0}.mcp-code-block--plain{margin-top:var(--space-600)}.mcp-code-block--plain pre{padding-right:var(--space-500)}.mcp-copy-btn.is-copied,.mcp-copy-btn.is-copied:hover{background:var(--green-500);color:var(--black)}.mcp-toast{z-index:var(--z-tooltip);opacity:0;pointer-events:none;background:var(--black);color:var(--white);padding:var(--space-400) var(--space-600);letter-spacing:.07em;border-left:6px solid var(--mcp-accent);transition:opacity var(--dur-default) var(--ease),transform var(--dur-default) var(--ease);position:fixed;bottom:32px;left:50%;transform:translate(-50%,16px)}.mcp-toast.is-shown{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.mcp-toast{transition:none}}@media (max-width:600px){.mcp-code-block pre{padding-right:var(--space-500);padding-top:56px}.mcp-code-block--plain pre{padding-top:var(--space-500)}.mcp-code-line--wrap{flex-direction:column}.mcp-code-line code{white-space:normal;overflow-wrap:anywhere}}}
@layer pages{.mcp-connect{background:var(--background-main)}.mcp-connect-grid{gap:var(--space-1200);grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}.mcp-tabs{top:calc(var(--header-h,80px) + 24px);flex-direction:column;display:flex;position:sticky}.mcp-tabs-group{color:var(--text-soft);padding:var(--space-600) 0 var(--space-200);letter-spacing:.07em}.mcp-tabs-group:first-child{padding-top:0}.mcp-tab{align-items:center;gap:var(--space-300);height:52px;padding:0 var(--space-400);background:var(--white);border:var(--stroke-025) solid var(--border-bold);font-family:inherit;font-size:var(--text-body-sm);text-align:left;color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);margin-top:-1px;display:flex}.mcp-tab img{flex:none;width:18px;height:18px}.mcp-tab-glyph{text-align:center;flex:none;width:18px;font-size:12px}.mcp-tab:hover{background:var(--n50)}.mcp-tab.is-active{background:var(--black);color:var(--white);border-color:var(--black);z-index:1;position:relative}.mcp-tab.is-active img{filter:invert()}.mcp-tab.is-active:after{content:"";background:var(--mcp-accent);width:8px;height:8px;margin-left:auto}.mcp-tab:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px;z-index:2;position:relative}.mcp-panels{gap:var(--space-600);flex-direction:column;min-width:0;display:flex}.mcp-panel{background:var(--n50);padding:var(--space-1000)}.mcp-panel[hidden]{display:none}.mcp-panel:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}.mcp-panel-head{gap:var(--space-200);margin-bottom:var(--space-800);flex-direction:column;display:flex}.mcp-panel-head--action{justify-content:space-between;align-items:flex-start;gap:var(--space-800);flex-direction:row}.mcp-panel-head-text{gap:var(--space-200);flex-direction:column;min-width:0;display:flex}.mcp-panel-req{color:var(--text-muted)}.mcp-panel-req strong{color:var(--text-primary);font-weight:var(--weight-bold)}.mcp-panel-req--warn{color:var(--n900);background:var(--yellow-100);padding:var(--space-100) var(--space-300);align-self:flex-start}.mcp-panel-install{background:var(--mcp-accent);height:52px;color:var(--white);cursor:pointer;letter-spacing:.07em;border:none;flex:none;font-family:inherit}.mcp-panel-install:hover{background:var(--purple-600);color:var(--white)}:where(.mcp-panel) .mcp-copy-btn{background:var(--mcp-accent);color:var(--white)}:where(.mcp-panel) .mcp-copy-btn:hover{background:var(--purple-600)}.mcp-panel-install.is-copied,.mcp-panel-install.is-copied:hover{background:var(--green-500);color:var(--black)}.mcp-panel-or{color:var(--text-soft);margin:var(--space-800) 0 var(--space-400);align-items:center;gap:var(--space-400);letter-spacing:.07em;display:flex}.mcp-panel-or:after{content:"";background:var(--border-bold);flex:1;height:1px}.mcp-panel-steps{counter-reset:mcp-step;gap:var(--space-600);flex-direction:column;list-style:none;display:flex}.mcp-panel-steps li{counter-increment:mcp-step;padding-left:var(--space-1200);color:var(--text-primary);position:relative}.mcp-panel-steps li:before{content:counter(mcp-step);background:var(--black);width:28px;height:28px;color:var(--white);font-size:var(--text-label-sm);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex;position:absolute;top:-2px;left:0}.mcp-panel-steps strong{font-weight:var(--weight-bold)}.mcp-panel-note{color:var(--text-muted);margin-top:var(--space-800);padding-top:var(--space-500);border-top:var(--stroke-025) solid var(--n200)}.mcp-panel-fallback{margin-top:var(--space-800);padding:var(--space-500) var(--space-600);background:var(--white)}.mcp-panel-fallback-actions{gap:var(--space-600);margin-top:var(--space-300);flex-wrap:wrap;display:flex}.mcp-link-arrow{color:var(--text-primary);letter-spacing:.07em;border-bottom:var(--stroke-025) solid currentColor;padding-bottom:2px;text-decoration:none}.mcp-link-arrow:after{content:" →";content:" →" / ""}.mcp-link-arrow:hover{color:var(--text-muted)}.mcp-verify{justify-content:space-between;align-items:center;gap:var(--space-800);padding:var(--space-800) var(--space-1000);background:var(--purple-50);border:var(--stroke-025) solid var(--purple-300);display:flex}.mcp-verify-text{gap:var(--space-200);flex-direction:column;display:flex}.mcp-verify-label{color:var(--purple-800);letter-spacing:.07em}.mcp-verify-hint{color:var(--text-secondary)}.mcp-verify-hint a{color:var(--text-primary)}.mcp-copy-btn--solid{min-height:52px;padding:0 var(--space-600);white-space:nowrap}@media (max-width:1024px){.mcp-connect-grid{gap:var(--space-800);grid-template-columns:1fr}.mcp-tabs{gap:var(--space-200);grid-template-columns:repeat(3,1fr);display:grid;position:static}.mcp-tabs-group{padding:var(--space-400) 0 0;grid-column:1/-1}.mcp-tab{margin-top:0}}@media (max-width:820px){.mcp-tabs{grid-template-columns:repeat(2,1fr)}.mcp-panel{padding:var(--space-600)}.mcp-verify{padding:var(--space-600);flex-direction:column;align-items:stretch}}@media (max-width:600px){.mcp-tab{height:48px;font-size:var(--text-body-xs)}.mcp-panel-install{justify-content:center;width:100%}.mcp-panel-head--action{align-items:stretch;gap:var(--space-600);flex-direction:column}}}
@layer pages{.mcp-examples{background:var(--background-main)}.mcp-prompts{gap:var(--space-400);grid-template-columns:repeat(4,1fr);display:grid}.mcp-prompt{align-items:flex-start;gap:var(--space-400);min-height:220px;padding:var(--space-600);background:var(--n800);border:var(--stroke-025) solid var(--n700);text-align:left;color:var(--white);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);flex-direction:column;font-family:inherit;display:flex}.mcp-prompt:hover{border-color:var(--mcp-accent)}.mcp-prompt:hover .mcp-prompt-copy{border-color:var(--mcp-accent);color:var(--mcp-accent)}.mcp-prompt:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}.mcp-prompt-cat{color:var(--c,var(--n400));letter-spacing:.07em}.mcp-prompt:nth-child(8n+1){--c:var(--purple-400)}.mcp-prompt:nth-child(8n+2){--c:var(--techblue-500)}.mcp-prompt:nth-child(8n+3){--c:var(--green-500)}.mcp-prompt:nth-child(8n+4){--c:var(--yellow-500)}.mcp-prompt:nth-child(8n+5){--c:var(--pink-500)}.mcp-prompt:nth-child(8n+6){--c:var(--orange-500)}.mcp-prompt:nth-child(8n+7){--c:var(--lime-500)}.mcp-prompt:nth-child(8n+8){--c:var(--techblue-500)}.mcp-prompt-text{font-weight:var(--weight-medium);flex:1;line-height:1.35}.mcp-prompt-copy{align-items:center;gap:var(--space-200);padding:var(--space-200) var(--space-300);border:var(--stroke-025) solid var(--white);letter-spacing:.07em;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);display:inline-flex}.mcp-prompt.is-copied{border-color:var(--mcp-accent)}.mcp-prompt.is-copied .mcp-prompt-copy{background:var(--mcp-accent);color:var(--white);border-color:var(--mcp-accent)}@media (max-width:1280px){.mcp-prompts{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mcp-prompts{grid-template-columns:1fr}.mcp-prompt{min-height:0}}}
@layer pages{.mcp-hero{background:var(--black);color:var(--text-primary);padding:var(--space-1600) var(--pad-x) var(--space-2400);padding-inline:max(var(--pad-x),calc((100% - var(--content-max)) / 2));overflow:hidden}.mcp-hero-inner{gap:var(--space-2400);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.mcp-hero-left{align-items:flex-start;gap:var(--space-600);flex-direction:column;min-width:0;display:flex}.mcp-hero-eyebrow{color:var(--mcp-accent)}.mcp-hero-title{letter-spacing:-.02em;max-width:13ch}.mcp-hero-sub{color:var(--text-secondary);max-width:44ch}.mcp-hero-actions{align-items:center;gap:var(--space-400);margin-top:var(--space-400);flex-wrap:wrap;display:flex}.mcp-hero-cta{height:56px}.mcp-hero-connect{gap:var(--space-600);width:fit-content;max-width:100%;margin-top:var(--space-600);flex-direction:column;display:flex}.mcp-hero-url{gap:var(--space-200);flex-direction:column;display:flex}.mcp-hero-label{color:var(--text-soft)}.mcp-hero-clients{align-items:flex-start;gap:var(--space-200);flex-direction:column;display:flex}.mcp-hero-clients-list{gap:var(--space-200);flex-wrap:wrap;list-style:none;display:flex}.mcp-hero-clients-list a{align-items:center;gap:var(--space-200);height:32px;padding:0 var(--space-300);border:var(--stroke-025) solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-body-xs);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);text-decoration:none;display:inline-flex}.mcp-hero-clients-list a:hover{border-color:var(--mcp-accent);color:var(--text-primary)}.mcp-hero-clients-list img{filter:invert();width:14px;height:14px}.mcp-hero-clients-plus{text-align:center;width:14px;color:var(--mcp-accent);font-size:16px;line-height:1}.mcp-chat{isolation:isolate;margin:var(--space-600) var(--space-600) var(--space-600) 0;position:relative}.mcp-chat-layer{pointer-events:none;position:absolute}.mcp-chat-layer--checker{z-index:0;background:repeating-conic-gradient(var(--white) 0% 25%, var(--black) 0% 50%) 0 0/24px 24px;inset:-24px 32px 48px -24px}.mcp-chat-layer--accent{z-index:1;background:var(--mcp-accent);inset:24px -24px -24px 24px}.mcp-chat-frame{z-index:2;background:var(--n900);color:var(--white);border:var(--stroke-025) solid var(--n700);position:relative}.mcp-chat-bar{padding:var(--space-300) var(--space-500);border-bottom:var(--stroke-025) solid var(--n700);color:var(--n400);justify-content:space-between;align-items:center;display:flex}.mcp-chat-bar-tool{align-items:center;gap:var(--space-200);color:var(--white);display:inline-flex}.mcp-chat-bar-dot{background:var(--green-500);width:8px;height:8px}.mcp-chat-stage{display:grid}.mcp-chat-body{padding:var(--space-600) var(--space-500);gap:var(--space-400);transition:opacity var(--dur-default) var(--ease);flex-direction:column;grid-area:1/1;display:flex}.mcp-chat-body:not(.is-active){opacity:0;visibility:hidden}.mcp-chat-user{background:var(--n700);max-width:85%;color:var(--white);padding:var(--space-300) var(--space-400);align-self:flex-end}.mcp-chat-ai{color:var(--n200)}.mcp-chat-events{list-style:none}.mcp-chat-ev{gap:var(--space-400);padding:var(--space-300) var(--space-400);border:var(--stroke-025) solid var(--n700);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.mcp-chat-ev+.mcp-chat-ev{border-top:0}.mcp-chat-ev-time{min-width:3.25rem;font-size:var(--text-body-xs);color:var(--white);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.3}.mcp-chat-ev-end{font-size:var(--text-caption-md);color:var(--n400);display:block}.mcp-chat-ev-main{flex-direction:column;min-width:0;display:flex}.mcp-chat-ev-name{font-size:var(--text-body-xs);font-weight:var(--weight-bold);line-height:1.3}.mcp-chat-ev-meta{font-size:var(--text-caption-md);color:var(--n400);line-height:1.3}.mcp-chat-ev-status{white-space:nowrap;height:18px;font-size:11px;font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:0 6px;display:inline-flex}.mcp-chat-ev-status--open{color:var(--green-300);background:#01d97424}.mcp-chat-ev-status--low{color:var(--yellow-400);background:#ffd80024}.mcp-chat.is-running .mcp-chat-user,.mcp-chat.is-running .mcp-chat-ai,.mcp-chat.is-running .mcp-chat-ev{opacity:0;transition:opacity .28s var(--ease),transform .28s var(--ease);transform:translateY(8px)}.mcp-chat.is-running .mcp-chat-ev{transform:translateY(6px)}.mcp-chat.is-running .is-in{opacity:1;transform:none}.mcp-chat-note{color:var(--n400);padding:0 var(--space-500) var(--space-400)}.mcp-chat-input{align-items:center;gap:var(--space-300);margin:0 var(--space-500);padding:var(--space-200) var(--space-200) var(--space-200) var(--space-400);border:var(--stroke-025) solid var(--n600);background:var(--black);display:flex}.mcp-chat-input-field{white-space:nowrap;min-width:0;color:var(--white);flex:1;align-items:center;display:flex;overflow:hidden}.mcp-chat-input-text{flex:none}.mcp-chat-input-placeholder{color:var(--n500);text-overflow:ellipsis;overflow:hidden}.mcp-chat-input.is-typing .mcp-chat-input-placeholder{display:none}.mcp-chat-input-caret{background:var(--mcp-accent);flex:none;width:2px;height:1.15em;margin-left:1px;display:none}.mcp-chat-input.is-typing .mcp-chat-input-caret{animation:1s step-end infinite mcp-caret;display:block}.mcp-chat-input-send{background:var(--n700);width:32px;height:32px;color:var(--n400);transition:background-color var(--dur-fast),color var(--dur-fast);flex:none;place-items:center;display:grid}.mcp-chat-input.is-ready .mcp-chat-input-send{background:var(--mcp-accent);color:var(--white)}@keyframes mcp-caret{50%{opacity:0}}.mcp-chat-foot{padding:var(--space-200) var(--space-500) 0}.mcp-chat-progress{gap:var(--space-150);display:flex}.mcp-chat-seg{padding:var(--space-300) 0 var(--space-400);cursor:pointer;background:0 0;border:none;flex:1}.mcp-chat-seg span{background:var(--n700);height:3px;display:block;position:relative;overflow:hidden}.mcp-chat-seg span:after{content:"";background:var(--mcp-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.mcp-chat-seg.is-done span:after,.mcp-chat-seg.is-current span:after{transform:scaleX(1)}.mcp-chat.is-running .mcp-chat-seg.is-current span:after{transform:scaleX(var(--p,0))}.mcp-chat-seg:hover span{background:var(--n600)}.mcp-chat-seg:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.mcp-chat-body{transition:none}}@media (max-width:1024px){.mcp-hero-inner{gap:var(--space-1600);grid-template-columns:minmax(0,1fr)}.mcp-hero-title{max-width:16ch}.mcp-chat{max-width:640px}}@media (max-width:820px){.mcp-hero{padding-top:var(--space-1000);padding-bottom:var(--space-1600)}}@media (max-width:600px){.mcp-hero-actions{align-items:stretch;gap:var(--space-400);flex-direction:column;width:100%}.mcp-hero-cta{justify-content:center}.mcp-chat{margin-right:var(--space-500)}.mcp-chat-ev{row-gap:var(--space-100);grid-template-columns:auto minmax(0,1fr)}.mcp-chat-ev-status{grid-column:2;justify-self:start}.mcp-chat-body{padding:var(--space-500) var(--space-400)}.mcp-chat-foot{padding:var(--space-200) var(--space-400) 0}.mcp-chat-note{padding:0 var(--space-400) var(--space-400)}.mcp-chat-input{margin:0 var(--space-400)}}}
@layer pages{.mcp-poster{background:var(--white);padding:var(--space-2400) var(--pad-x);padding-inline:max(var(--pad-x),calc((100% - var(--content-max)) / 2));overflow:hidden}.mcp-poster-card{background:var(--black);color:var(--white);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid;position:relative}.mcp-poster-body{z-index:2;align-items:flex-start;gap:var(--space-600);padding:var(--space-1600) var(--space-1200);flex-direction:column;grid-area:1/1;display:flex;position:relative}.mcp-poster-eyebrow{color:var(--mcp-accent)}.mcp-poster-title{letter-spacing:-.02em;max-width:14ch}.mcp-poster-desc{color:var(--n300);max-width:46ch}.mcp-poster-cta{height:56px;margin-top:var(--space-200)}.mcp-poster-media{grid-area:1/2;min-height:100%;position:relative}.mcp-poster-photo{object-fit:cover;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);width:100%;height:100%;position:absolute;inset:0}.mcp-poster-fig{z-index:1;pointer-events:none;height:auto;position:absolute}.mcp-poster-fig--a{width:220px;top:-44px;left:2%}.mcp-poster-fig--b{width:150px;bottom:-56px;right:-40px}.mcp-week{width:100%;max-width:640px;margin:var(--space-200) 0;gap:var(--stroke-025);background:var(--n700);border:var(--stroke-025) solid var(--n700);grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;display:grid}.mcp-week li{background:var(--black)}.mcp-week-day{gap:var(--space-100);height:100%;padding:var(--space-500) var(--space-300) var(--space-400);color:var(--white);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative}.mcp-week-d{color:var(--c);font-size:var(--text-label-xs);font-weight:var(--weight-bold);letter-spacing:.07em;text-transform:uppercase}.mcp-week-date{font-size:var(--fs-28);font-weight:var(--weight-bold);line-height:1}.mcp-week-bar{background:var(--c);height:4px;position:absolute;top:0;left:0;right:0}.mcp-week-day:hover,.mcp-week-day:focus-visible{background:var(--c);color:var(--black);outline:none}.mcp-week-day:hover .mcp-week-d,.mcp-week-day:focus-visible .mcp-week-d{color:var(--black)}@media (prefers-reduced-motion:reduce){.mcp-week-day{transition:none}}@media (max-width:1024px){.mcp-poster-card{grid-template-columns:1fr}.mcp-poster-body{padding:var(--space-800) var(--space-1000) var(--space-1200);grid-row:2}.mcp-poster-media{grid-area:1/1;height:300px}.mcp-poster-photo{clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}.mcp-poster-fig--a{width:160px;top:-36px;left:auto;right:8%}.mcp-poster-fig--b{width:110px;top:200px;bottom:auto;right:-28px}}@media (max-width:820px){.mcp-poster{padding-block:var(--space-1600)}}@media (max-width:600px){.mcp-poster-media{height:220px}.mcp-poster-fig--a{width:120px;top:-28px}.mcp-poster-fig--b{width:84px;top:150px;right:-20px}.mcp-poster-body{padding:var(--space-600) var(--space-500) var(--space-800)}.mcp-poster-cta{justify-content:center;width:100%}.mcp-week-day{padding:var(--space-400) var(--space-100) var(--space-300);text-align:center;align-items:center}.mcp-week-date{font-size:var(--text-body-lg)}}}