.mcp-root{display:grid;grid-gap:1.4rem;gap:1.4rem}.mcp-header{display:grid;grid-gap:.4rem;gap:.4rem}.mcp-header h2{margin:.15rem 0 0;font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:-.03em}.mcp-header p{max-width:70ch;color:var(--color-text-muted);font-size:.92rem;line-height:1.6;margin:0}.mcp-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.mcp-tab{padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.mcp-tab:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);color:var(--color-primary)}.mcp-tab-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-hover)}.mcp-panel{display:grid;grid-gap:1rem;gap:1rem}.mcp-section-label{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.mcp-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.7rem;gap:.7rem}.mcp-cat-card{border:1px solid var(--color-border);border-radius:.9rem;padding:.85rem 1rem;background:var(--color-surface);display:grid;grid-gap:.5rem;gap:.5rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.mcp-cat-card-active,.mcp-cat-card:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent)}.mcp-cat-card-active{background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.mcp-cat-label{font-size:.88rem;font-weight:820;color:var(--color-text)}.mcp-cat-sub{font-size:.76rem;color:var(--color-text-muted);line-height:1.5;margin:0}.mcp-cat-count{font-size:.7rem;font-weight:800;color:var(--color-primary);letter-spacing:.04em}.mcp-detail-header{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.mcp-detail-back{padding:.28rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:border-color .12s,color .12s}.mcp-detail-back:hover{border-color:var(--color-primary);color:var(--color-primary)}.mcp-detail-title{font-size:1rem;font-weight:820;color:var(--color-text);margin:0}.mcp-detail-sub{font-size:.8rem;color:var(--color-text-muted)}.mcp-server-list{display:grid;grid-gap:.85rem;gap:.85rem}.mcp-server-card{border:1px solid var(--color-border);border-radius:1rem;padding:1.1rem 1.2rem;background:var(--color-surface);display:grid;grid-gap:.75rem;gap:.75rem}.mcp-server-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.mcp-server-name{font-size:.97rem;font-weight:840;color:var(--color-text)}.mcp-server-badges{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.mcp-badge{display:inline-flex;padding:.18rem .52rem;border-radius:.42rem;font-size:.69rem;font-weight:800;letter-spacing:.02em;border:1px solid}.tier-official{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary-hover);border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.tier-community{background:color-mix(in srgb,#818cf8 13%,transparent);color:#a5b4fc;border-color:color-mix(in srgb,#818cf8 35%,transparent)}.tier-alpha{background:color-mix(in srgb,#fb923c 12%,transparent);color:#fdba74;border-color:color-mix(in srgb,#fb923c 35%,transparent)}.tier-commercial{background:color-mix(in srgb,#c084fc 12%,transparent);color:#d8b4fe;border-color:color-mix(in srgb,#c084fc 35%,transparent)}.scope-read{background:color-mix(in srgb,#4ade80 12%,transparent);color:#86efac;border-color:color-mix(in srgb,#4ade80 30%,transparent)}.scope-rw{background:color-mix(in srgb,var(--color-warn) 11%,transparent);color:var(--color-warn-ink);border-color:color-mix(in srgb,var(--color-warn) 30%,transparent)}.scope-exec{background:color-mix(in srgb,#f87171 11%,transparent);color:#fca5a5;border-color:color-mix(in srgb,#f87171 30%,transparent)}.mcp-server-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.65;margin:0}.mcp-warning{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .85rem;border:1px solid color-mix(in srgb,#f87171 30%,transparent);border-radius:.7rem;background:color-mix(in srgb,#f87171 7%,transparent)}.mcp-warning-rw{border-color:color-mix(in srgb,var(--color-warn) 30%,transparent);background:color-mix(in srgb,var(--color-warn) 7%,transparent)}.mcp-warning-icon{font-size:.9rem;flex-shrink:0;margin-top:.05rem}.mcp-warning-text{font-size:.8rem;color:var(--color-text-muted);line-height:1.55;margin:0}.grade-a{background:color-mix(in srgb,var(--status-green,#4ade80) 14%,transparent);color:var(--status-green,#86efac);border-color:color-mix(in srgb,var(--status-green,#4ade80) 35%,transparent)}.grade-b{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary-hover);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.grade-c{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.life-archived,.life-deprecated{background:color-mix(in srgb,var(--color-warn) 11%,transparent);color:var(--color-warn-ink);border-color:color-mix(in srgb,var(--color-warn) 30%,transparent)}.life-unavailable{background:color-mix(in srgb,#f87171 11%,transparent);color:#fca5a5;border-color:color-mix(in srgb,#f87171 30%,transparent)}.mcp-warning-life{border-color:color-mix(in srgb,var(--color-warn) 30%,transparent);background:color-mix(in srgb,var(--color-warn) 7%,transparent)}a.mcp-server-name{text-decoration:none}a.mcp-server-name:focus-visible,a.mcp-server-name:hover{color:var(--color-primary);text-decoration:underline}.mcp-server-profile-link{margin:0;font-size:.82rem}.mcp-server-cataloged{color:var(--color-text-muted)}.mcp-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.55rem;gap:.55rem}.mcp-client-card{border:1px solid var(--color-border);border-radius:.75rem;padding:.65rem .9rem;background:var(--color-surface);text-decoration:none;display:grid;grid-gap:.18rem;gap:.18rem;transition:border-color .12s}.mcp-client-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent)}.mcp-client-name{font-size:.88rem;font-weight:820;color:var(--color-primary)}.mcp-client-sub{font-size:.74rem;color:var(--color-text-muted)}.mcp-how-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;grid-gap:.5rem;gap:.5rem}.mcp-how-box{border:1px solid var(--color-border);border-radius:.8rem;padding:.75rem .95rem;background:var(--color-surface);display:grid;grid-gap:.3rem;gap:.3rem}.mcp-how-title{font-size:.84rem;font-weight:820;color:var(--color-text)}.mcp-how-body{font-size:.76rem;line-height:1.55;margin:0}.mcp-arrow,.mcp-how-body{color:var(--color-text-muted)}.mcp-arrow{font-size:1.1rem;text-align:center}.mcp-how-note{font-size:.82rem;color:var(--color-text-muted);line-height:1.6;margin:0}@media (max-width:640px){.mcp-cat-grid,.mcp-client-grid{grid-template-columns:1fr 1fr}.mcp-how-row{grid-template-columns:1fr}.mcp-arrow{display:none}.mcp-env-row{grid-template-columns:1fr auto}.mcp-env-example{display:none}}@media (max-width:400px){.mcp-cat-grid{grid-template-columns:1fr}}