.cli-demo{border-top:1px solid var(--border);padding:14px 16px 16px}.cli-demo-tabs{gap:6px;margin-bottom:10px;display:flex}.cli-demo-tab{font-family:var(--font-code);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:0 0;padding:4px 11px;font-size:10.5px;font-weight:700;transition:color .14s,border-color .14s,background .14s}.cli-demo-tab:hover{color:var(--fg);border-color:var(--accent)}.cli-demo-tab--active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.cli-demo-prompt{color:var(--fg);white-space:pre-wrap;word-break:break-all;margin:0 0 10px;font-size:13px}.cli-demo-prompt-glyph{color:var(--accent);margin-right:4px}.cli-demo-cursor{background:var(--accent);vertical-align:-2px;width:7px;height:14px;margin-left:2px;animation:1s steps(1,jump-none) infinite cursor-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.cli-demo-cursor{animation:none}}.cli-demo-output{height:232px;font-size:12.5px;line-height:1.7;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 10px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 10px),#0000 100%)}.cli-demo-status{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.cli-demo-badge{letter-spacing:.5px;font-size:11px;font-weight:700}.cli-demo-badge--pass{color:#28c840}.cli-demo-badge--fail{color:#ff5f57}.cli-demo-badge--skip{color:var(--muted)}.cli-demo-badge--error{color:#febc2e}.cli-demo-id{color:var(--muted)}.cli-demo-name{color:var(--fg)}.cli-demo-negative{letter-spacing:.5px;text-transform:uppercase;color:color-mix(in oklab, var(--accent), white 25%);border:1px solid color-mix(in oklab, var(--accent), transparent 45%);padding:1px 7px;font-size:9.5px;font-weight:600;line-height:1.5}.cli-demo-detail{color:var(--muted);overflow-wrap:anywhere}.cli-demo-blank{height:11px}.cli-demo-summary{color:var(--fg);padding-top:2px;font-weight:600}
.mcp-session{border:1px solid var(--border-strong);background:var(--surface);font-size:14.5px;box-shadow:0 30px 80px -40px #000000e6}.mcp-body{flex-direction:column;gap:16px;min-height:360px;padding:20px 20px 24px;display:flex}.mcp-prompt{border:1px solid var(--border);background:var(--bg);color:var(--fg);margin:0;padding:12px 14px;line-height:1.5}.mcp-prompt span{font-family:var(--font-code);color:var(--accent);margin-right:6px}.thought-head{color:var(--muted);align-items:baseline;gap:8px;margin:0;display:flex}.thought-glyph{color:var(--accent)}.thought-label{color:var(--fg);font-weight:600}.thought-time{font-family:var(--font-code);color:var(--muted);font-size:12.5px}.thought--live .thought-glyph{animation:1.6s ease-in-out infinite thought-breathe}.thought--live .thought-label{color:#0000;background:linear-gradient(90deg, var(--muted) 0%, var(--fg) 45%, var(--accent) 50%, var(--fg) 55%, var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite thought-shimmer}@keyframes thought-breathe{50%{opacity:.35;transform:scale(.82)}}@keyframes thought-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.thought-steps{flex-direction:column;gap:6px;margin:8px 0 0;padding:0 0 0 22px;list-style:none;display:flex}.thought-steps li{color:var(--muted);align-items:center;gap:10px;animation:.36s cubic-bezier(.22,1,.36,1) both thought-in;display:flex}.thought-steps li.is-live{color:var(--fg)}.thought-tick{flex:none;width:12px;height:12px;position:relative}.thought-tick:before{content:"";background:var(--accent);position:absolute;inset:3px}.is-live .thought-tick:before{animation:1.2s ease-in-out infinite thought-breathe}.is-done .thought-tick:before{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);background:0 0;width:5px;height:9px;inset:0 3px 3px;transform:rotate(40deg)}@keyframes thought-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mcp-call{border:1px solid color-mix(in oklab, var(--accent), transparent 45%);animation:.36s cubic-bezier(.22,1,.36,1) both thought-in}.mcp-call-head{background:color-mix(in oklab, var(--accent), transparent 86%);font-family:var(--font-code);align-items:baseline;gap:10px;padding:8px 12px;font-size:12px;display:flex}.mcp-call-head span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.mcp-call-head b{color:var(--accent)}.mcp-call pre{font-family:var(--font-code);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px;font-size:12.5px}.mcp-answer{color:var(--fg);margin:0;line-height:1.6;animation:.36s cubic-bezier(.22,1,.36,1) both thought-in}.mcp-ok{font-family:var(--font-code);color:#28c840;margin-right:4px;font-weight:700}@media (prefers-reduced-motion:reduce){.thought--live .thought-glyph,.thought--live .thought-label,.is-live .thought-tick:before,.thought-steps li,.mcp-call,.mcp-answer{animation:none}}
.seq{background:var(--bg);color:var(--fg);border:1px solid var(--on-accent);box-shadow:10px 10px 0 var(--accent-ink);margin:8px 0 28px}.seq-cols{border-bottom:1px solid var(--border-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.seq-col{border-right:1px solid var(--border-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 12px;display:flex}.seq-col:last-child{border-right:none}.seq-col-name{font-family:var(--font-code);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.seq-col small{font-family:var(--font-code);color:var(--muted);letter-spacing:.04em;font-size:11px}.seq-col--wasit{background:var(--accent);color:var(--on-accent)}.seq-col--wasit small{color:var(--on-accent)}.seq-logo{width:auto;height:26px;margin-bottom:4px;display:block}.seq-col--wasit .seq-logo{filter:invert()}.seq-logo--stellar{fill:var(--fg)}.seq-rows{--life:color-mix(in oklab, var(--accent), transparent 60%);background-image:linear-gradient(var(--life), var(--life)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--life), var(--life));background-position:16.6667% 0,50% 0,83.3333% 0;background-repeat:no-repeat;background-size:1px 100%;margin:0;padding:10px 0 18px;list-style:none;position:relative}.seq-row{height:64px;position:relative}.seq-arrow{background:var(--fg);height:1px;position:absolute;top:38px}.seq-row--left .seq-arrow{left:16.6667%;right:50%}.seq-row--right .seq-arrow{left:50%;right:16.6667%}.seq-arrow:after{content:"";border-top:4.5px solid #0000;border-bottom:4.5px solid #0000;position:absolute;top:-4px}.seq-row[data-head=right] .seq-arrow:after{border-left:8px solid var(--fg);right:-1px}.seq-row[data-head=left] .seq-arrow:after{border-right:8px solid var(--fg);left:-1px}.seq-row--rpc .seq-arrow{background:var(--accent);height:2px}.seq-row--rpc[data-head=right] .seq-arrow:after{border-left-color:var(--accent)}.seq-row--rpc[data-head=left] .seq-arrow:after{border-right-color:var(--accent)}.seq-packet{background:var(--accent-2);width:9px;height:9px;animation:2.4s cubic-bezier(.6,0,.4,1) infinite seq-run;position:absolute;top:-4px}.seq-row[data-head=right] .seq-packet{left:0}.seq-row[data-head=left] .seq-packet{animation-name:seq-run-back;right:0}@keyframes seq-run{0%{left:0}70%,to{left:calc(100% - 9px)}}@keyframes seq-run-back{0%{right:0}70%,to{right:calc(100% - 9px)}}.seq-label{font-family:var(--font-code);letter-spacing:.04em;white-space:nowrap;font-size:12.5px;position:absolute;top:12px}.seq-row--left .seq-label{margin-right:18px;right:50%}.seq-row--right .seq-label{margin-left:18px;left:50%}.seq-label b{color:var(--accent);margin-right:8px}.seq-label em{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:10px;font-size:10.5px;font-style:normal}.seq-row--rpc .seq-label{color:var(--accent-2)}.seq-route{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.seq-foot{border-top:1px solid var(--border-strong);font-family:var(--font-code);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px;display:grid}.seq-foot div{color:var(--muted);padding:14px 20px}.seq-foot div+div{border-left:1px solid var(--border-strong);color:var(--accent-2)}@media (prefers-reduced-motion:reduce){.seq-packet{animation:none}}@media (max-width:760px){.seq-col{padding:14px 6px}.seq-col small{display:none}.seq-col-name{letter-spacing:.1em;font-size:10.5px}.seq-rows{background:0 0;padding:0}.seq-row{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;height:auto;padding:14px 16px;display:flex}.seq-row:last-child{border-bottom:none}.seq-label,.seq-row--left .seq-label,.seq-row--right .seq-label{white-space:normal;margin:0;position:static}.seq-label em{margin:4px 0 0;display:block}.seq-route{clip-path:none;width:auto;height:auto;font-family:var(--font-code);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px;position:static;overflow:visible}.seq-arrow{display:none}.seq-foot{grid-template-columns:minmax(0,1fr)}.seq-foot div+div{border-left:none;border-top:1px solid var(--border-strong)}}