.mcp-node,.mcp-tag{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1;will-change:transform;pointer-events:none}.mcp-node{font-size:12px;font-weight:600;letter-spacing:.01em;color:#ffffffe6;padding:0 0 0 10px;text-shadow:0 1px 8px rgba(0,0,0,.9)}.mcp-tag{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#08080ec7;border:1px solid rgba(59,204,207,.45);color:#8fe9ea}.mcp-tag--core{border-color:#e879f980;color:#f3b8fb}.mcp-tag--ring{translate:14px 0}.mcp-status{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:8px;max-width:-moz-max-content;max-width:max-content;padding:7px 11px;border-radius:10px;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11px;color:#ffffffdb;background:#08080eb8;border:1px solid var(--svc-line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mcp-status i{width:7px;height:7px;border-radius:99px;background:var(--svc-cyan);flex:none}.mcp-status--write{border-color:#e879f973}.mcp-status--write i{background:var(--svc-magenta);box-shadow:0 0 10px var(--svc-magenta)}.mcp-status span{animation:mcp-in .26s var(--svc-ease-out) both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-hud{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.mcp-legend{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--svc-mute)}.mcp-legend span{display:inline-flex;align-items:center;gap:7px}.mcp-dot{width:8px;height:8px;border-radius:99px;display:inline-block}.mcp-dot--read{background:var(--svc-cyan);box-shadow:0 0 8px #3bcccfcc}.mcp-dot--write{background:var(--svc-magenta);box-shadow:0 0 8px #e879f9cc}.mcp-demo .svd__bar>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-demo .svd__bar .svd__live{white-space:nowrap;flex:none}@media(max-width:520px){.mcp-node{font-size:10px;padding-left:8px}.mcp-tag{font-size:9px;padding:4px 6px}.mcp-legend{display:none}.mcp-hud{justify-content:center}.mcp-hud .svc-seg button{padding:0 11px;font-size:12px}.mcp-status{font-size:10px}}.mcp-demo{container-type:inline-size}.mcp-demo__label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--svc-mute);margin-bottom:10px}.mcp-picks{display:grid;gap:8px}@container (min-width: 640px){.mcp-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}.mcp-pick{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:12px 14px;text-align:left;font-size:13.5px;line-height:1.4;color:#ffffffc7;border-radius:12px;border:1px solid var(--svc-line);background:#ffffff05;transition:border-color .15s var(--svc-ease),background-color .15s var(--svc-ease),color .15s var(--svc-ease),transform .15s var(--svc-ease)}.mcp-pick:hover{border-color:#3bcccf66;color:#fff}.mcp-pick:active{transform:scale(.99)}.mcp-pick:focus-visible{outline:2px solid var(--svc-cyan);outline-offset:2px}.mcp-pick[aria-pressed=true]{color:#fff;border-color:#3bcccf99;background:linear-gradient(135deg,#3bcccf1f,#8b6cff0f)}.mcp-pick__num{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--svc-cyan);padding-top:2px}.mcp-run{display:grid;gap:14px;margin-top:18px}@container (min-width: 700px){.mcp-run{grid-template-columns:minmax(0,1fr) 230px;align-items:start}}.mcp-trace{display:flex;flex-direction:column;gap:10px;min-height:260px;list-style:none;padding:0;margin:0}.mcp-empty{color:var(--svc-mute);font-size:14px;padding:18px 0}.mcp-in{animation:mcp-in .32s var(--svc-ease-out) both}@keyframes mcp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mcp-msg{padding:12px 14px;border-radius:14px;border:1px solid var(--svc-line);font-size:14px;line-height:1.55;color:#ffffffdb}.mcp-msg__who{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--svc-mute);margin-bottom:6px}.mcp-msg--user{background:#ffffff0a;align-self:flex-end;max-width:92%}.mcp-msg--plan{background:transparent;border-style:dashed;color:#ffffffb3}.mcp-msg--answer{border-color:#3bcccf73;background:linear-gradient(135deg,#3bcccf1a,#e879f90d);color:#fff}.mcp-msg--answer .mcp-msg__who{color:var(--svc-cyan)}.mcp-msg--answer.is-no{border-color:#ffffff2e;background:#ffffff08}.mcp-msg--answer.is-no .mcp-msg__who{color:var(--svc-mute)}.mcp-call{position:relative;padding:12px 14px 12px 16px;border-radius:12px;background:#06060bbf;border:1px solid var(--svc-line);transition:border-color .2s var(--svc-ease)}.mcp-call:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--svc-cyan)}.mcp-call.is-write:before{background:var(--svc-magenta)}.mcp-call.is-awaiting{border-color:#e879f98c;box-shadow:0 0 0 1px #e879f926,0 10px 30px -12px #e879f959}.mcp-call__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.mcp-call__sys{font-size:12px;font-weight:600;color:#fff}.mcp-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;border-radius:6px}.mcp-badge--read{color:#8fe9ea;background:#3bcccf1a;border:1px solid rgba(59,204,207,.3)}.mcp-badge--write{color:#f3b8fb;background:#e879f91a;border:1px solid rgba(232,121,249,.35)}.mcp-call__fn{display:block;margin-top:8px;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;color:#c9c3ff;overflow-wrap:anywhere}.mcp-call__res{margin-top:8px;font-size:13.5px;line-height:1.45}.mcp-call__res>span{display:inline-flex;align-items:flex-start;gap:7px}.mcp-call__res svg{flex:none;margin-top:2px}.mcp-running{color:var(--svc-mute)}.mcp-ok{color:#ffffffe0}.mcp-ok svg{color:var(--svc-cyan)}.mcp-wait{color:#f3b8fb}.mcp-no{color:#ffffffa6}.mcp-no svg{color:var(--svc-red)}.mcp-spin{animation:mcp-spin .9s linear infinite}@keyframes mcp-spin{to{transform:rotate(360deg)}}.mcp-gate{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(232,121,249,.3);animation:mcp-in .28s var(--svc-ease-out) both}.mcp-gate p{display:flex;gap:8px;font-size:13.5px;color:#fff;line-height:1.45}.mcp-gate p svg{color:var(--svc-magenta);flex:none;margin-top:1px}.mcp-gate__btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.mcp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;transition:transform .12s var(--svc-ease),background-color .15s var(--svc-ease),border-color .15s var(--svc-ease),opacity .15s}.mcp-btn:active{transform:scale(.98)}.mcp-btn:focus-visible{outline:2px solid var(--svc-cyan);outline-offset:2px}.mcp-btn--ok{color:#0a0610;background:linear-gradient(90deg,#f0a6fb,var(--svc-magenta))}.mcp-btn--ok:hover{filter:brightness(1.08)}.mcp-btn--no{color:#ffffffd9;border:1px solid rgba(255,255,255,.18)}.mcp-btn--no:hover{border-color:#fff6}.mcp-btn--ghost{color:#ffffffd9;border:1px solid var(--svc-line);flex:none}.mcp-btn--ghost:hover:not(:disabled){border-color:#3bcccf80}.mcp-btn:disabled{opacity:.4;cursor:not-allowed}.mcp-log{border:1px solid var(--svc-line);border-radius:12px;padding:12px;background:#ffffff04}.mcp-log__title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--svc-mute);margin-bottom:8px}.mcp-log__empty{font-size:12.5px;color:#ffffff73;line-height:1.5}.mcp-log ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mcp-log__row{display:grid;gap:2px;padding-left:9px;border-left:2px solid var(--svc-cyan);font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;color:#ffffffc7;overflow-wrap:anywhere}.mcp-log__row--write{border-left-color:var(--svc-magenta)}.mcp-log__row--deny{border-left-color:var(--svc-red)}.mcp-log__time{color:#ffffff6b}.mcp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.mcp-foot .svd__hint{margin-top:0;max-width:46ch}@media(prefers-reduced-motion:reduce){.mcp-in,.mcp-gate,.mcp-status span,.mcp-spin{animation:none}.mcp-pick,.mcp-btn,.mcp-call{transition:none}}