#cinematic-mcp{position:fixed;inset:0;z-index:2;pointer-events:none;color:#e4e5e3;--mcp-enter:0;--mcp-identity:0;--mcp-complete:0;--mcp-pulse:0}#cinematic-mcp[hidden]{display:none}.mcp-atmosphere{position:absolute;inset:0;opacity:var(--mcp-enter);background:radial-gradient(ellipse at 76% 45%,#242b2a55 0%,#13181922 38%,transparent 72%)}.mcp-stage{position:absolute;top:var(--mcp-top);bottom:var(--mcp-bottom);left:46%;right:6%;max-width:760px;margin:auto;display:flex;flex-direction:column;justify-content:center;transform-origin:center;opacity:var(--mcp-enter)}.mcp-client{display:flex;align-items:center;gap:14px;margin:0 3px 27px;color:#dddeda;font-size:18px;letter-spacing:-.35px;opacity:var(--mcp-identity)}.mcp-terminal-mark{font-family:ui-monospace,monospace;letter-spacing:-3px;font-size:24px;color:#c1c8c4;margin-right:5px}.mcp-client-rule{height:17px;width:1px;background:#c1c8c42b;margin:0 6px}.mcp-connection{display:flex;align-items:center;gap:10px;color:#929e97;font-size:11px;letter-spacing:.25px}.mcp-connection i{width:5px;height:5px;border-radius:50%;background:#c4d7ca;box-shadow:0 0 calc(3px + 11px * var(--mcp-pulse)) #c5dfc980}.mcp-composer{position:relative;padding:clamp(24px,2.5vw,38px);background:linear-gradient(125deg,#1c2221bf,#101413db 65%);border-radius:17px;box-shadow:0 28px 90px #0004,inset 0 1px #eef3e908}.mcp-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mcp-outline rect{fill:none;stroke:#b8c0b761;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mcp-enter))}.mcp-request{position:relative;font-size:clamp(18px,1.7vw,26px);line-height:1.55;letter-spacing:-.35px;font-weight:400}.mcp-request p{margin:0}.mcp-reserved{visibility:hidden}.mcp-typed{position:absolute;inset:0;color:#d9ded8}.mcp-caret{display:inline-block;width:1.5px;height:.95em;background:#c7d3c8;margin-left:3px;vertical-align:-.08em;opacity:calc(1 - var(--mcp-complete))}.mcp-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mcp-composer-footer{display:flex;gap:18px;align-items:center;margin-top:35px;opacity:var(--mcp-identity)}.mcp-add{font-size:24px;font-weight:300;color:#89958e}.mcp-tool{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.3px;color:#9ba99f}.mcp-tool svg{width:17px;height:17px;stroke:currentColor;stroke-width:1}.mcp-send{display:grid;place-items:center;margin-left:auto;width:38px;height:38px;border:1px solid #a8b3ab33;border-radius:50%;background:rgb(203 214 202 / calc(.05 + .85 * var(--mcp-complete)));color:color-mix(in srgb,#8b998f calc(100% - 100% * var(--mcp-complete)),#142019)}.mcp-send svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.mcp-stage{left:6%;right:6%;max-width:600px;justify-content:flex-end;padding-bottom:12px}.mcp-client{gap:10px;margin-bottom:20px;font-size:17px;flex-wrap:wrap}.mcp-client-rule{display:none}.mcp-terminal-mark{font-size:21px}.mcp-connection{flex-basis:100%;font-size:10px;padding-top:5px}.mcp-composer{padding:25px 23px;border-radius:12px}.mcp-request{font-size:18px;line-height:1.5;letter-spacing:-.35px}.mcp-composer-footer{margin-top:24px}.mcp-send{width:32px;height:32px}}@media(max-height:700px){.mcp-client{margin-bottom:15px}.mcp-composer{padding:22px 26px}.mcp-request{font-size:clamp(17px,1.7vw,22px);line-height:1.45}.mcp-composer-footer{margin-top:18px}}@media(max-width:360px){.mcp-stage{left:19px;right:19px}.mcp-composer{padding:20px}.mcp-request{font-size:18px}}@media(min-width:901px)and (max-width:1100px){.mcp-client{gap:9px;font-size:16px}.mcp-client-rule{margin:0 2px}.mcp-connection{font-size:10px;gap:7px}}.mcp-layout{position:absolute;top:var(--mcp-top);bottom:var(--mcp-bottom);left:6%;right:6%;overflow:hidden}.mcp-content{min-height:100%;display:grid;grid-template-columns:40% minmax(0,1fr);gap:5.45%;align-items:center}.mcp-layout .mcp-stage{position:relative;inset:auto;width:100%;max-width:760px;margin:0;min-width:0;padding:0}.mcp-section-copy{min-width:0;color:#dce1db;padding:20px 0}.mcp-copy-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#a4b0a7;margin:0 0 21px}.mcp-section-copy h2{font-size:clamp(26px,2.8vw,42px);font-weight:400;letter-spacing:-1.2px;line-height:1.14;margin:0 0 24px;max-width:510px}.mcp-copy-body{max-width:490px;font-size:clamp(12px,1vw,14px);line-height:1.7;color:#9daaa1}.mcp-copy-body p{margin:0 0 13px}.mcp-copy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 23px;margin-top:25px;pointer-events:auto}.mcp-copy-actions a{font-size:11px;text-decoration:none;color:#bec7bf;padding:12px 0}.mcp-copy-actions a:first-child{padding:13px 19px;background:#d7ddd5;color:#141a16;border:1px solid #d7ddd5}.mcp-copy-actions a:hover{filter:brightness(1.16)}@media(max-width:900px){.mcp-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:32px;max-width:600px;margin:auto;padding-bottom:12px}.mcp-section-copy{padding:5px 0 0}.mcp-section-copy h2{font-size:29px;letter-spacing:-.8px;max-width:490px;margin-bottom:19px}.mcp-copy-kicker{font-size:9px;margin-bottom:16px}.mcp-copy-body{font-size:13px;line-height:1.65;max-width:none}.mcp-copy-body p{margin-bottom:12px}.mcp-copy-actions{margin-top:20px}.mcp-layout .mcp-stage{flex-shrink:0}}@media(max-height:700px)and (min-width:901px){.mcp-section-copy h2{font-size:27px;margin-bottom:18px}.mcp-copy-kicker{margin-bottom:15px}.mcp-copy-body{font-size:12px;line-height:1.55}.mcp-copy-body p{margin-bottom:10px}.mcp-copy-actions{margin-top:16px}}.mcp-send{position:relative;transform:scale(calc(1 - .16 * var(--mcp-click,0)))}.mcp-demo-cursor{position:absolute;width:21px;height:26px;left:55%;top:55%;opacity:0;filter:drop-shadow(0 2px 3px #0009)}.mcp-demo-cursor svg{width:21px;height:26px;fill:#e1e6e0;stroke:#111915;stroke-width:1.2}.mcp-thinking{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;opacity:var(--mcp-thinking,0);font-size:clamp(17px,1.5vw,23px);letter-spacing:-.4px;color:#d6dfda}.mcp-thinking-orbit{width:23px;height:23px;position:relative;display:block;border:1px solid #c5d4ca66;border-radius:50%}.mcp-thinking-orbit i{position:absolute;left:10px;top:3px;height:15px;width:1px;background:#c5d4ca99;transform:rotate(60deg)}.mcp-thinking-orbit i:nth-child(2){transform:rotate(-60deg)}.mcp-thinking-orbit i:nth-child(3){transform:rotate(0)}#cinematic-mcp .mcp-request,#cinematic-mcp .mcp-composer-footer{opacity:calc(1 - var(--mcp-submitted,0));transform:translateY(calc(-12px * var(--mcp-submitted,0)))}#cinematic-mcp .mcp-client{opacity:calc(var(--mcp-identity) * (1 - var(--mcp-submitted,0)))}#cinematic-mcp .mcp-composer{background:linear-gradient(125deg,rgb(28 34 33 / calc(.75 * (1 - var(--mcp-submitted,0) * .85))),rgb(16 20 19 / calc(.86 * (1 - var(--mcp-submitted,0) * .85))) 65%);box-shadow:0 28px 90px rgb(0 0 0 / calc(.26 * (1 - var(--mcp-submitted,0))))}#cinematic-mcp .mcp-outline{opacity:calc(1 - .9 * var(--mcp-submitted,0))}@keyframes mcp-thinking-turn{to{transform:rotate(360deg)}}#cinematic-mcp[data-thinking=true] .mcp-thinking-orbit{animation:mcp-thinking-turn 4s linear infinite}@media(prefers-reduced-motion:reduce){#cinematic-mcp[data-thinking=true] .mcp-thinking-orbit{animation:none}}