.mcp-page{--mcp-blue:hsl(var(--primary));--mcp-blue-bright:hsl(from hsl(var(--primary)) h s calc(l + 15));--mcp-blue-glow:hsl(from hsl(var(--primary)) h s calc(l + 30));--mcp-tint:color-mix(in oklab, hsl(var(--primary)) 7%, white);--mcp-tint-2:color-mix(in oklab, hsl(var(--primary)) 14%, white);--mcp-line:color-mix(in oklab, hsl(var(--primary)) 12%, hsl(var(--border)));--mcp-panel:color-mix(in oklab, hsl(var(--primary)) 30%, #050b16);--mcp-panel-2:color-mix(in oklab, hsl(var(--primary)) 38%, #0a1426);--mcp-ease:cubic-bezier(.2, .8, .2, 1)}.mcp-soft-panel{background:linear-gradient(160deg, var(--mcp-tint) 0%, hsl(var(--card)) 55%, var(--mcp-tint-2) 100%);border:1px solid var(--mcp-line)}.mcp-field{background:radial-gradient(120% 95% at 15% 8%, var(--mcp-blue-glow) 0%, var(--mcp-blue-bright) 38%, var(--mcp-blue) 100%)}.mcp-field-alt{background:radial-gradient(120% 100% at 85% 0%, var(--mcp-blue-glow) 0%, var(--mcp-blue-bright) 40%, var(--mcp-blue) 100%)}.mcp-dark{background:var(--mcp-panel);box-shadow:0 40px 90px color-mix(in oklab, var(--mcp-panel) 55%, transparent), 0 0 0 1px #ffffff0f}.mcp-dark-line{border-color:#ffffff17}.mcp-dark-cell:hover{background:var(--mcp-panel-2)}.mcp-user-bubble{background:var(--mcp-blue-bright);box-shadow:0 8px 20px color-mix(in oklab, hsl(var(--primary)) 25%, transparent)}.mcp-caret{vertical-align:-.15em;background:currentColor;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite mcp-blink;display:inline-block}.mcp-thinking{color:hsl(var(--muted-foreground));animation:1.4s ease-in-out infinite mcp-pulse}.mcp-spin{border:2px solid var(--mcp-tint-2);border-top-color:var(--mcp-blue-bright);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite mcp-spin}.mcp-step-in{animation:mcp-step-in .45s var(--mcp-ease) both;animation-delay:var(--mcp-delay,0s)}.mcp-bar-fill{transform-origin:0;animation:mcp-grow .8s var(--mcp-ease) both;animation-delay:.15s}.mcp-band-on{box-shadow:0 6px 14px color-mix(in oklab, hsl(var(--primary)) 30%, transparent);transform:scale(1.06)}.mcp-flow-line{background:linear-gradient(var(--mcp-blue-bright), var(--mcp-tint-2))}.mcp-press{transition:transform .15s var(--mcp-ease), background-color .2s, color .2s, border-color .2s, box-shadow .2s}.mcp-press:active{transform:scale(.97)}.mcp-nudge{transition:transform .2s var(--mcp-ease)}.mcp-press:hover .mcp-nudge{transform:translate(2px)}.mcp-swap{transition:opacity .25s var(--mcp-ease)}.mcp-tip{transition:opacity .2s, transform .2s var(--mcp-ease)}.mcp-logo-rise{animation:mcp-step-in .5s var(--mcp-ease) both;animation-delay:var(--mcp-delay,0s)}@keyframes mcp-blink{50%{opacity:0}}@keyframes mcp-pulse{50%{opacity:.45}}@keyframes mcp-spin{to{transform:rotate(360deg)}}@keyframes mcp-step-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes mcp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.mcp-caret,.mcp-thinking,.mcp-spin,.mcp-step-in,.mcp-bar-fill,.mcp-logo-rise{animation:none}.mcp-press,.mcp-nudge,.mcp-swap,.mcp-tip{transition:none}}