.mcpx{--volt:var(--color-primary);--volt-soft:color-mix(in oklch, var(--color-primary) 8%, transparent);--volt-glow:color-mix(in oklch, var(--color-primary) 22%, transparent);--ink:var(--color-base-content);--mute:color-mix(in oklch, var(--color-base-content) 55%, transparent);--line:var(--surface-border);--mono:var(--font-mono-stack);--display:var(--font-display-stack)}.mcpx-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:.6875rem;font-weight:500}.mcpx-hero{border:1px solid var(--line);border-radius:var(--surface-radius);background:var(--color-base-100);isolation:isolate;position:relative;overflow:hidden}.mcpx-hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:26px 26px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(90% 90% at 70% 10%,#000 0%,#0000 70%);mask-image:radial-gradient(90% 90% at 70% 10%,#000 0%,#0000 70%)}.mcpx-hero:after{content:"";z-index:-1;background:radial-gradient(circle, var(--volt-glow) 0%, transparent 65%);pointer-events:none;border-radius:100%;width:34rem;height:34rem;position:absolute;top:-30%;right:-10%}.mcpx-title{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.1}.mcpx-title em{color:var(--volt);font-style:normal}.mcpx-term{border:1px solid var(--line);border-radius:var(--surface-radius-sm);background:var(--color-base-200);box-shadow:0 18px 50px -24px var(--volt-glow);overflow:hidden}.mcpx-term-bar{border-bottom:1px solid var(--line);background:var(--color-base-100);align-items:center;gap:.5rem;padding:.55rem .9rem;display:flex}.mcpx-term-bar .dot{background:color-mix(in oklch, var(--color-base-content) 18%, transparent);border-radius:100%;width:.6rem;height:.6rem}.mcpx-term-bar .dot:first-child{background:var(--volt)}.mcpx-term-body{font-family:var(--mono);font-variant-numeric:tabular-nums;padding:1rem 1.1rem 1.2rem;font-size:.75rem;line-height:1.8;overflow-x:auto}.mcpx-term-body pre{white-space:pre;margin:0;font-family:inherit}.mcpx-term-body pre.shiki{background:0 0!important}.mcpx{--shiki-foreground:var(--ink);--shiki-background:transparent;--shiki-token-string:var(--color-success);--shiki-token-string-expression:var(--color-success);--shiki-token-keyword:var(--volt);--shiki-token-constant:var(--color-warning);--shiki-token-comment:var(--mute);--shiki-token-punctuation:var(--mute);--shiki-token-function:var(--color-info);--shiki-token-parameter:var(--color-info);--shiki-token-link:var(--color-info)}.mcpx-line{white-space:pre-wrap;word-break:break-word;opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards mcpx-reveal;animation-delay:calc(var(--i) * .45s);transform:translateY(4px)}.mcpx-line .p{color:var(--volt)}.mcpx-line .ok{color:var(--color-success)}.mcpx-line .dim{color:var(--mute)}.mcpx-cursor{vertical-align:text-bottom;background:var(--volt);width:.55em;height:1em;margin-left:.15em;animation:1.1s step-end infinite mcpx-blink;display:inline-block}@keyframes mcpx-reveal{to{opacity:1;transform:none}}@keyframes mcpx-blink{50%{opacity:0}}.mcpx-stat b{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.mcpx-step{border:1px solid var(--line);border-radius:var(--surface-radius-sm);background:var(--color-base-100);padding:1.1rem 1.25rem;position:relative;overflow:hidden}.mcpx-step .num{font-family:var(--display);color:#0000;-webkit-text-stroke:1px color-mix(in oklch, var(--color-base-content) 16%, transparent);pointer-events:none;font-size:4rem;font-weight:700;line-height:1;position:absolute;top:-.9rem;right:.4rem}.mcpx-chip{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line);background:var(--color-base-100);color:var(--mute);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:.75rem;transition:color .18s ease-out,border-color .18s ease-out,background .18s ease-out,transform .18s ease-out}.mcpx-chip:hover{color:var(--ink);border-color:color-mix(in oklch, var(--color-base-content) 30%, transparent);transform:translateY(-1px)}.mcpx-chip[aria-selected=true]{color:var(--volt);border-color:var(--volt);background:var(--volt-soft)}.mcpx-chip svg{color:color-mix(in oklch, var(--color-base-content) 85%, transparent)}.mcpx-chip[aria-selected=true] svg{color:var(--volt)}.mcpx-tool{border:1px solid var(--line);border-radius:var(--surface-radius-sm);background:var(--color-base-100);padding:.7rem .9rem;transition:border-color .2s ease-out,transform .2s ease-out,box-shadow .2s ease-out}.mcpx-tool:hover{border-color:var(--volt);box-shadow:0 10px 28px -16px var(--volt-glow);transform:translateY(-2px)}.mcpx-tool code{font-family:var(--mono);font-size:.75rem;font-weight:600}.mcpx-prompt{border:1px solid var(--line);border-radius:var(--surface-radius-sm);background:var(--color-base-100);cursor:pointer;align-items:baseline;gap:.6rem;padding:.7rem .95rem;transition:border-color .2s ease-out,background .2s ease-out;display:flex}.mcpx-prompt:hover{border-color:var(--volt);background:var(--volt-soft)}.mcpx-prompt .p{font-family:var(--mono);color:var(--volt);font-weight:700}@media (prefers-reduced-motion:reduce){.mcpx-line{opacity:1;animation:none;transform:none}.mcpx-cursor{animation:none}.mcpx-chip,.mcpx-tool,.mcpx-prompt{transition:none}}