.mcp-view{max-width:940px;min-width:0;margin:0 auto;padding:1.5rem 1rem 4rem;--mcp-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--mcp-accent-border:color-mix(in srgb,var(--primary-color) 45%,transparent)}.mcp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.mcp-hero__main{min-width:0}.mcp-hero__title{display:flex;align-items:center;gap:.6rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;color:var(--text-primary)}.mcp-hero__title>i,.mcp-hero__title>svg{color:var(--primary-color);flex:0 0 auto}.mcp-hero__tagline{margin:0 0 .5rem;font-size:1rem;line-height:1.55;max-width:56ch;color:var(--text-primary)}.mcp-hero__lead{margin:0;font-size:.88rem;line-height:1.65;color:var(--text-secondary);max-width:66ch}.mcp-hero__side{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;flex:0 0 auto}.mcp-plan{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);background:var(--bg-primary);white-space:nowrap}.mcp-plan.is-on{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.mcp-plan.is-off{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.mcp-section{margin-bottom:2.4rem}.mcp-section__head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.4rem}.mcp-section__title{display:flex;align-items:center;gap:.55rem;margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.mcp-section__title>i{color:var(--info);font-size:.85rem}.mcp-section__aside{margin-inline-start:auto;font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.mcp-hint{margin:0 0 .9rem;font-size:.84rem;line-height:1.55;max-width:70ch}.mcp-hint,.mcp-note{color:var(--text-secondary)}.mcp-note{margin:.55rem 0 0;font-size:.78rem;line-height:1.5}.mcp-note--warn{display:flex;gap:.5rem;margin-top:.8rem;padding:.6rem .75rem;border-inline-start:3px solid var(--warning);border-radius:8px;background:color-mix(in srgb,var(--warning) 7%,transparent);color:var(--text-primary)}.mcp-alert{margin-bottom:1.5rem;padding:.7rem .9rem;border-radius:8px;background:var(--danger-bg);color:var(--danger)}.mcp-setup{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:2.4rem}.mcp-setup__card{min-width:0;padding:1.1rem 1.2rem 1.2rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary)}.mcp-setup__card .mcp-hint{margin-bottom:1rem}.mcp-step{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--primary-color-alpha);color:var(--primary-color);border:1px solid var(--mcp-accent-border);font-size:.8rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcp-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border:1px solid var(--border-color);border-radius:10px;background:var(--button-bg);color:var(--text-primary);font:inherit;font-size:.84rem;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s}.mcp-btn:hover{background:var(--hover-bg)}.mcp-btn--primary{background:var(--primary-fill);border-color:transparent;color:#fff}.mcp-btn--primary:hover{background:var(--primary-fill-hover)}.mcp-btn:disabled{opacity:.55;cursor:not-allowed}.mcp-input{flex:1 1 auto;min-width:0;padding:.5rem .7rem;border:1px solid var(--border-color);border-radius:10px;background:var(--input-bg);color:var(--text-primary);font:inherit;font-size:.84rem}.mcp-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mcp-keyform{display:flex;gap:.5rem;margin-bottom:1rem}.mcp-keyform .mcp-btn{flex:0 0 auto;white-space:nowrap}.mcp-keylist{list-style:none;margin:0;padding:0}.mcp-keylist__empty{margin:0}.mcp-key{display:flex;flex-direction:column;gap:.5rem;padding:.9rem .35rem;border-top:1px solid var(--border-color)}.mcp-key.is-revoked{opacity:.55}.mcp-key__head{display:flex;align-items:center;gap:.6rem;min-width:0}.mcp-key__icon{flex:0 0 auto;width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;font-size:.74rem;background:var(--primary-color-alpha);color:var(--primary-color);border:1px solid var(--mcp-accent-border)}.mcp-key__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;color:var(--text-primary)}.mcp-key__row{display:flex;gap:.5rem}.mcp-key__prefix{flex:1 1 auto;min-width:0;height:36px;display:flex;align-items:center;padding:0 .7rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;font-family:var(--mcp-mono);font-size:.8rem;color:var(--text-primary);letter-spacing:.02em;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.mcp-key__meta{font-size:.76rem;color:var(--text-secondary)}.mcp-key__revoke{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.mcp-key__revoke:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.mcp-key__revoke:disabled{opacity:.5;cursor:default}.mcp-key__disconnect{margin-inline-start:auto;flex:0 0 auto;padding:.34rem .7rem;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font:inherit;font-size:.78rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.mcp-key__disconnect:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.mcp-key__disconnect:disabled{opacity:.5;cursor:default}.mcp-reveal{margin:0 0 1rem;padding:.85rem .95rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--warning) 45%,transparent);background:color-mix(in srgb,var(--warning) 7%,transparent)}.mcp-reveal__title{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .6rem;font-size:.84rem;font-weight:600;line-height:1.45;color:var(--text-primary)}.mcp-reveal__title>i{color:var(--warning);margin-top:.15rem}.mcp-reveal__key{display:flex;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem .7rem;border-radius:8px;margin-bottom:.55rem;background:var(--card-bg);border:1px solid var(--border-color)}.mcp-reveal__key code{flex:1 1;min-width:0;overflow-x:auto;white-space:nowrap;direction:ltr;font-family:var(--mcp-mono);font-size:.8rem;-webkit-user-select:all;user-select:all}.mcp-reveal__done{padding:.3rem .6rem;border-radius:10px;border:1px solid var(--border-color);background:none;color:var(--text-secondary);font:inherit;font-size:.76rem;cursor:pointer}.mcp-reveal__done:hover{color:var(--text-primary);background:var(--hover-bg)}.mcp-groups{border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);padding:.95rem 1rem 1.05rem;margin-bottom:1rem}.mcp-groups__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.mcp-groups__title{margin:0;font-size:.95rem;font-weight:650;color:var(--text-primary)}.mcp-groups__actions{display:flex;gap:.4rem}.mcp-groups__action{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font:inherit;font-size:.75rem;padding:.25rem .6rem;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.mcp-groups__action:hover{color:var(--text-primary);background:var(--bg-primary)}.mcp-groups__action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mcp-group-list{list-style:none;margin:.7rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mcp-group{display:flex;align-items:flex-start;gap:.6rem;min-width:0;height:100%;padding:.7rem .8rem;border-radius:10px;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-primary);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.mcp-group:hover{border-color:var(--text-tertiary)}.mcp-group.is-on{border-color:color-mix(in srgb,var(--primary-color) 55%,transparent);background:var(--primary-color-alpha);box-shadow:var(--shadow-sm)}.mcp-group__box{margin:.15rem 0 0;width:16px;height:16px;flex:0 0 auto;accent-color:var(--primary-color);cursor:pointer}.mcp-group:focus-within{border-color:var(--primary-color)}.mcp-group__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.mcp-group__name{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.mcp-group__name code{font-family:var(--mcp-mono);font-size:.82rem;font-weight:650;color:var(--text-primary)}.mcp-group__tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;padding:.05rem .4rem}.mcp-group__desc{font-size:.78rem;line-height:1.45;color:var(--text-secondary);text-align:start}.mcp-group__local{margin:.1rem 0 0;font-size:.78rem;line-height:1.5;color:var(--text-primary);opacity:.85}.mcp-clients{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:.9rem}.mcp-client-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:74px;padding:.7rem .4rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font:inherit;font-size:.78rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.mcp-client-tab:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.mcp-client-tab.is-active{border-color:color-mix(in srgb,var(--primary-color) 55%,transparent);background:var(--primary-color-alpha);color:var(--text-primary);box-shadow:var(--shadow-sm)}.mcp-client-tab__mark{height:22px;display:inline-grid;place-items:center}.mcp-client-tab__name{font-weight:600;text-align:center;line-height:1.3}.mcp-snippet{border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);overflow:hidden}.mcp-snippet__bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem .45rem;padding-inline-start:.9rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.mcp-snippet__caption{font-size:.78rem;color:var(--text-secondary);min-width:0}.mcp-snippet__copy{flex:0 0 auto}.mcp-snippet__code{margin:0;padding:.85rem .95rem;font-family:var(--mcp-mono);font-size:.78rem;line-height:1.55;overflow-x:auto;white-space:pre;color:var(--text-primary)}.mcp-clientpanel__second{margin-top:.8rem}.mcp-signin{display:flex;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.82rem;font-weight:600;color:var(--success)}.mcp-signin>i{font-size:.8rem}.mcp-steps{margin:0 0 .9rem;padding-inline-start:1.35rem;display:flex;flex-direction:column;gap:.4rem;font-size:.86rem;line-height:1.55;color:var(--text-secondary)}.mcp-steps li{padding-inline-start:.15rem}.mcp-steps li::marker{color:var(--primary-color);font-weight:600}.mcp-copy{border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;width:30px;height:28px;flex-shrink:0}.mcp-copy:hover{background:var(--hover-bg);color:var(--text-primary)}.mcp-copy.is-done{color:var(--success);border-color:var(--success)}.mcp-prompts{list-style:none;margin:.25rem 0 0;padding:0}.mcp-prompt{display:flex;align-items:flex-start;gap:.8rem;padding:.8rem .15rem;border-top:1px solid var(--border-color)}.mcp-prompt:last-child{border-bottom:1px solid var(--border-color)}.mcp-prompt>i{color:var(--primary-color);opacity:.65;font-size:.8rem;margin-top:.35rem;flex:0 0 auto}.mcp-prompt__text{flex:1 1;min-width:0;margin:0;font-size:1.02rem;line-height:1.6;color:var(--text-primary)}.mcp-prompt__copy{margin-top:.1rem}.mcp-tools-note{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 1rem;padding:.75rem .95rem;border-inline-start:3px solid var(--info);border-radius:8px;background:var(--bg-primary);font-size:.86rem;line-height:1.65;max-width:75ch;color:var(--text-primary)}.mcp-tools-note>i{color:var(--info);font-size:.8rem;margin-top:.28rem;flex:0 0 auto}.mcp-explorer{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);gap:.85rem;align-items:start;margin-top:.35rem}.mcp-explorer__rail{display:flex;flex-direction:column;gap:.25rem}.mcp-grouptab{display:grid;grid-template-columns:1.15rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:44px;padding:.5rem .7rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.85rem;text-align:start;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.mcp-grouptab>i{justify-self:center;font-size:.8rem}.mcp-grouptab__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-grouptab__count{min-width:1.6rem;padding:.06rem .4rem;border-radius:100px;border:1px solid var(--border-color);background:var(--card-bg);font-size:.7rem;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcp-grouptab:hover{color:var(--text-primary);background:var(--hover-bg);border-color:var(--border-color)}.mcp-grouptab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mcp-grouptab.is-on{font-weight:650;background:var(--primary-color-alpha)}.mcp-grouptab.is-on,.mcp-grouptab.is-on .mcp-grouptab__count{color:var(--primary-color);border-color:var(--mcp-accent-border)}.mcp-grouptab.is-on .mcp-grouptab__count{background:transparent}.mcp-grouptab.is-locked .mcp-grouptab__count{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.mcp-explorer__panel{min-width:0;max-height:min(28rem,72vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);animation:mcp-panel-in .18s ease-out}@keyframes mcp-panel-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mcp-explorer__panel{animation:none}}.mcp-explorer__panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.mcp-panel__head{position:sticky;top:0;z-index:1;padding:.85rem 1rem .7rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.mcp-panel__title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0;font-size:.95rem;font-weight:650;color:var(--text-primary)}.mcp-panel__title>i{color:var(--primary-color);font-size:.8rem}.mcp-panel__title code{font-family:var(--mcp-mono);font-size:.76rem;font-weight:500;color:var(--text-secondary)}.mcp-panel__local{margin:.45rem 0 0;font-size:.83rem;line-height:1.6}.mcp-panel__desc,.mcp-panel__local{color:var(--text-secondary);max-width:62ch}.mcp-panel__desc{margin:.3rem 0 0;font-size:.78rem;line-height:1.55}.mcp-tools{list-style:none;margin:0;padding:0 1rem .6rem}.mcp-tools:after{content:"";display:block;position:sticky;bottom:0;height:1.75rem;margin:-1.75rem -1rem 0;pointer-events:none;background:linear-gradient(to top,var(--bg-primary),transparent)}.mcp-tool{padding:.7rem 0;border-top:1px solid var(--border-color)}.mcp-tool:first-child{border-top:none}.mcp-tool.is-locked .mcp-tool__desc,.mcp-tool.is-locked .mcp-tool__local,.mcp-tool.is-locked .mcp-tool__name{opacity:.7}.mcp-tool__top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.mcp-tool__name{display:inline-flex;align-items:center;padding:.18rem .5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--info);font-family:var(--mcp-mono);font-size:.78rem;font-weight:600;text-align:start}.mcp-tool__desc{margin:0;font-size:.84rem;line-height:1.5;text-align:start;color:var(--text-secondary)}.mcp-tool__local{margin:.3rem 0 0;font-size:.86rem;line-height:1.6;text-align:start;color:var(--text-primary)}.mcp-tool__inputs{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:.45rem 0 0;padding:0}.mcp-tool__inputs li{padding:.1rem .45rem;border-radius:100px;border:1px solid var(--border-color);background:var(--card-bg);font-family:var(--mcp-mono);font-size:.68rem;color:var(--text-secondary)}.mcp-tool__lock{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;margin-inline-start:auto;padding:.12rem .55rem;border-radius:100px;font-size:.72rem;text-decoration:none;color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 35%,transparent)}.mcp-tool__lock:hover{background:color-mix(in srgb,var(--warning) 9%,transparent)}.mcp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.25rem 0 .9rem;padding:0;overflow:hidden;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary)}.mcp-stat{padding:.8rem 1rem;border-inline-start:1px solid var(--border-color)}.mcp-stat:first-child{border-inline-start:none}.mcp-stat dt{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.mcp-stat dd{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcp-stat__cap{font-size:.8rem;font-weight:400;color:var(--text-tertiary)}.mcp-usage__title{margin:1.1rem 0 .6rem;font-size:.95rem;color:var(--text-primary)}.mcp-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.mcp-bar{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;align-items:center;gap:.6rem;font-size:.8rem}.mcp-bar__label{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mcp-mono)}.mcp-bar__track{height:8px;border-radius:4px;background:var(--button-bg);overflow:hidden}.mcp-bar__fill{display:block;height:100%;background:var(--primary-fill);border-radius:4px}.mcp-bar__value{color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:820px){.mcp-explorer{grid-template-columns:minmax(0,1fr)}.mcp-explorer__rail{flex-direction:row;flex-wrap:wrap}.mcp-grouptab{flex:0 1 auto;white-space:nowrap;border-color:var(--border-color)}.mcp-explorer__panel{max-height:70vh;overscroll-behavior:auto}}@media (max-width:640px){.mcp-view{padding:1rem .75rem 3rem}.mcp-hero{flex-direction:column;align-items:stretch}.mcp-hero__side{align-items:flex-start}.mcp-hero__title{font-size:1.6rem}.mcp-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-client-tab{min-height:68px}.mcp-group-list{grid-template-columns:minmax(0,1fr)}.mcp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-stat:nth-child(odd){border-inline-start:none}.mcp-stat:nth-child(n+3){border-top:1px solid var(--border-color)}}