.mcp-server{background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:640px;margin-top:30px;padding:14px 16px;display:flex}.mcp-server .eyebrow{color:var(--muted);margin:0}.mcp-server code{overflow-wrap:anywhere;min-width:0;color:var(--ink);flex:260px;font:600 14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mcp-copy{background:var(--subtle);min-height:34px;color:var(--ink);border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.mcp-copy:focus-visible,.mcp-flow button:focus-visible,.mcp-client-list button:focus-visible,.mcp-snippet pre:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.mcp-flow{background:var(--surface);border-radius:14px;padding:28px}.mcp-flow-tabs{background:var(--subtle);border-radius:9px;gap:4px;margin-bottom:28px;padding:4px;display:inline-flex}.mcp-flow-tabs button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600}.mcp-flow-tabs button[aria-selected=true]{background:var(--ink);color:var(--canvas)}.mcp-flow-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:40px;display:grid}.mcp-flow-copy h3{letter-spacing:-.04em;font-size:clamp(26px,3vw,34px);line-height:1.12}.mcp-flow-copy>p{margin-top:14px;font-size:14px;line-height:1.8}.mcp-steps{gap:6px;margin-top:26px;display:grid}.mcp-steps button{min-height:46px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.mcp-steps button[aria-current=step]{background:var(--tint);color:var(--ink);font-weight:600}.mcp-step-number{background:var(--subtle);width:26px;height:26px;color:var(--ink);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.mcp-steps button[aria-current=step] .mcp-step-number{background:var(--accent);color:#fff}.mcp-steps i{background:var(--accent-ink);width:0;height:2px;position:absolute;bottom:0;left:0}.mcp-steps i.is-running{animation:3.6s linear forwards mcp-progress}@keyframes mcp-progress{to{width:100%}}.mcp-transport{align-items:flex-start;gap:14px;margin-top:20px;display:flex}.mcp-play{background:var(--ink);width:42px;height:42px;color:var(--canvas);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mcp-play:disabled{opacity:.45;cursor:not-allowed}.mcp-caption{color:var(--ink);font-size:13px;line-height:1.6}.mcp-caption span{animation:.24s ease-out both mcp-rise;display:block}.mcp-caption small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.mcp-stage{min-width:0;animation:.32s cubic-bezier(.22,1,.36,1) both mcp-rise}.mcp-window{border:1px solid var(--line);background:var(--canvas);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -28px #11131859}.mcp-window-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.mcp-window-bar>span{gap:5px;display:inline-flex}.mcp-window-bar>span i{background:var(--line);border-radius:50%;width:8px;height:8px}.mcp-window-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.mcp-window-bar em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:10px;font-style:normal;font-weight:600}.mcp-window-body{min-height:330px;padding:22px}.mcp-window-body>*{animation:.28s ease-out both mcp-rise}.mcp-form,.mcp-consent,.mcp-morning{gap:12px;max-width:440px;display:grid}.mcp-form h4,.mcp-consent h4{letter-spacing:-.02em;align-items:center;gap:8px;font-size:16px;display:flex}.mcp-form label{gap:4px;display:grid}.mcp-form label span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.mcp-form label b{background:var(--surface);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;display:block}.mcp-typed{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px!important}.mcp-cta{background:var(--accent);color:#fff;border-radius:7px;justify-self:start;align-items:center;padding:9px 16px;font-size:13px;font-weight:600;animation:.5s ease-out 1.6s both mcp-press;display:inline-flex}.mcp-cta.small{padding:6px 12px;font-size:12px;animation-delay:.9s}@keyframes mcp-press{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 22%, transparent);transform:scale(.94)}}.mcp-consent-head{align-items:flex-start;gap:12px;display:flex}.mcp-consent-head svg{flex-shrink:0;width:30px;height:30px}.mcp-consent-head p{margin-top:2px;font-size:12px}.mcp-option{background:var(--surface);border-radius:9px;gap:10px;padding:10px 12px;display:flex}.mcp-option i{border:2px solid var(--line);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px}.mcp-option.is-on{background:var(--tint)}.mcp-option.is-on i{border:4px solid var(--accent)}.mcp-option span{font-size:13px;display:grid}.mcp-option small{color:var(--muted);font-size:11px}.mcp-chat{gap:12px;display:grid}.mcp-bubble{border-radius:12px;max-width:88%;padding:11px 14px;font-size:13px;line-height:1.6}.mcp-user{background:var(--ink);color:var(--canvas);border-bottom-right-radius:4px;justify-self:end}.mcp-ai{background:var(--surface);color:var(--ink);border-bottom-left-radius:4px;animation:.28s ease-out .5s both mcp-rise}.mcp-ai p{color:var(--ink)}.mcp-ai ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.mcp-tools{background:var(--subtle);color:var(--muted);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 10px;font:500 11px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;animation:.28s ease-out .25s both mcp-rise;display:inline-flex}.mcp-approval{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent-ink);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;animation:.28s ease-out .6s both mcp-rise;display:flex}.mcp-approval>svg{color:var(--accent-ink);flex-shrink:0}.mcp-approval div{flex:1;min-width:0;font-size:13px;display:grid}.mcp-approval small{color:var(--muted);font-size:11px}.mcp-done,.mcp-note{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.mcp-done{color:var(--ink);animation:.28s ease-out 1.8s both mcp-rise}.mcp-done svg{color:var(--accent-ink)}.mcp-key{background:var(--tint);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.mcp-key code{color:var(--accent-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mcp-code{background:var(--dark);color:#dfe7f5;border-radius:9px;margin:0 0 14px;padding:16px;font:500 12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.mcp-log{gap:8px;margin:0;padding:0;font:500 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;list-style:none;display:grid}.mcp-log li{background:var(--surface);border-radius:8px;flex-wrap:wrap;gap:4px 10px;padding:9px 12px;animation:.28s ease-out both mcp-rise;display:flex}.mcp-log li:nth-child(2){animation-delay:.3s}.mcp-log li:nth-child(3){animation-delay:.6s}.mcp-log li:nth-child(4){animation-delay:.9s}.mcp-log time{color:var(--muted)}.mcp-log em{color:var(--muted);margin-left:auto;font-style:normal}.mcp-log .is-ask{box-shadow:inset 3px 0 0 var(--accent-ink)}.mcp-log .is-ask em{color:var(--accent-ink)}.mcp-flag{background:var(--tint);color:var(--accent-ink);border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}@keyframes mcp-rise{0%{transform:translateY(6px)}}.mcp-clients{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.mcp-client-list{align-content:start;gap:4px;display:grid}.mcp-client-list button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 14px;font-size:14px;font-weight:550;display:flex}.mcp-client-list button small{color:var(--muted);font-size:11px;font-weight:500}.mcp-client-list button[aria-selected=true]{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent-ink)}.mcp-client-panel{background:var(--surface);border-radius:12px;min-width:0;padding:30px}.mcp-client-panel h3{letter-spacing:-.04em;margin-top:14px;font-size:28px}.mcp-client-panel ol{gap:10px;margin:18px 0 0;padding-left:20px;font-size:14px;line-height:1.7;list-style:decimal;display:grid}.mcp-client-panel li{animation:.28s ease-out both mcp-rise;animation-delay:calc(var(--i) * 80ms)}.mcp-auth{background:var(--tint);color:var(--accent-ink);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.mcp-auth.key{background:var(--subtle);color:var(--ink)}.mcp-snippet{margin-top:22px}.mcp-snippet>div{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.mcp-snippet pre{background:var(--dark);color:#dfe7f5;border-radius:9px;margin:0;padding:16px;font:500 12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.mcp-client-panel .mcp-note{margin-top:18px;line-height:1.7;display:block}.mcp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mcp-grid article{background:var(--surface);border-radius:10px;padding:26px}.mcp-grid article svg{color:var(--accent-ink)}.mcp-grid h3{letter-spacing:-.02em;margin-top:18px;font-size:19px}.mcp-grid p{margin-top:8px;font-size:13px;line-height:1.75}.mcp-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.mcp-panel{background:var(--surface);border-radius:12px;padding:30px}.mcp-panel h3{letter-spacing:-.03em;font-size:24px}.mcp-panel p,.mcp-panel li{font-size:14px;line-height:1.75}.mcp-panel p{margin-top:10px}.mcp-panel ul{color:var(--muted);margin:14px 0 0;padding-left:18px;list-style:outside}.mcp-panel .button{margin-top:20px}.mcp-units{border-collapse:collapse;width:100%;margin-top:16px;font-size:13px}.mcp-units th,.mcp-units td{text-align:left;border-bottom:1px solid var(--line);padding:9px 0}.mcp-units th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.mcp-units td:last-child,.mcp-units th:last-child{text-align:right;font-variant-numeric:tabular-nums}.mcp-faq{gap:8px;max-width:860px;display:grid}.mcp-faq details{background:var(--surface);border-radius:10px;padding:18px 22px}.mcp-faq summary{font-size:15px;font-weight:600}.mcp-faq details p{margin-top:10px;font-size:14px;line-height:1.8}@media (max-width:1100px){.mcp-flow-grid,.mcp-split{grid-template-columns:minmax(0,1fr)}.mcp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.mcp-clients{grid-template-columns:minmax(0,1fr)}.mcp-client-list{grid-auto-columns:max-content;grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.mcp-client-list button{flex-direction:column;gap:0}.mcp-client-list button[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--accent-ink)}}@media (max-width:600px){.mcp-flow{padding:18px}.mcp-window-body{min-height:0;padding:16px}.mcp-grid{grid-template-columns:minmax(0,1fr)}.mcp-client-panel,.mcp-panel{padding:22px}.mcp-bubble{max-width:100%}}@media (prefers-reduced-motion:reduce){.mcp-flow *,.mcp-clients *{animation:none!important}}.mcp-flow[data-reduced=true] *{animation:none!important}