.mcp{--w-canvas:#131413;--w-surface:#1c1d1c;--w-fg:#ededec;--w-muted:#a3a4a2;--w-subtle:#6b6c6a;--w-hair:#ffffff12;--w-hair-2:#ffffff1f;--w-success:#4ccf5c;--w-ease:cubic-bezier(.22, 1, .36, 1)}.mcp-stage{perspective:1700px;perspective-origin:70% 30%;pointer-events:none;position:absolute;inset:0}.mcp-ui{transform-origin:0 0;width:980px;height:620px;transform:scale(var(--s,.7)) rotateY(-17deg) rotateX(6deg);opacity:.6;filter:blur(.6px)saturate(.85);transition:opacity 1.2s var(--w-ease), filter 1.2s var(--w-ease);position:absolute;top:7%;left:24%;-webkit-mask-image:linear-gradient(#000 35%,#0000 88%);mask-image:linear-gradient(#000 35%,#0000 88%)}.mcp-card{opacity:0;filter:blur(14px);transition:opacity .6s var(--w-ease), filter .9s var(--w-ease)}.mcp[data-ready] .mcp-card{opacity:1;filter:none}.mcp[data-done] .mcp-ui{opacity:.82;filter:none}.mcp-promise:before{content:"";z-index:-1;background:linear-gradient(to top, var(--w-surface) 45%, transparent);position:absolute;inset:-120px 0 0}.mcp .win{background:var(--w-canvas);width:980px;height:620px;box-shadow:0 0 0 1px var(--w-hair-2), 0 50px 100px -40px #000c;color:var(--w-fg);border-radius:14px;font-size:13px;position:relative;overflow:hidden}.mcp .rail{background:var(--w-surface);border-right:1px solid var(--w-hair);flex-direction:column;align-items:center;width:56px;display:flex;position:absolute;inset:0 auto 0 0}.mcp .rail .lg{border-bottom:1px solid var(--w-hair);width:56px;height:56px;color:var(--w-muted);place-items:center;display:grid}.mcp .rail .lg svg{width:20px;height:20px}.mcp .rail i{width:34px;height:34px;color:var(--w-subtle);border-radius:9px;place-items:center;margin-top:8px;display:grid}.mcp .rail i.on{color:var(--w-fg);background:#2c2d2c}.mcp .rail i svg{width:16px;height:16px}.mcp .rail .av{color:#fff;background:#d9532c;border-radius:99px;place-items:center;width:28px;height:28px;margin-top:auto;margin-bottom:14px;font-size:11px;font-weight:600;display:grid}.mcp .bar{border-bottom:1px solid var(--w-hair);background:#1314138c;align-items:center;gap:12px;height:56px;padding-right:14px;display:flex;position:absolute;top:0;left:56px;right:0}.mcp .bar .search{border-right:1px solid var(--w-hair);width:210px;height:56px;color:var(--w-subtle);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;display:flex}.mcp .bar .search svg{width:14px;height:14px}.mcp .bar .crumb{color:var(--w-muted);flex:1}.mcp .bar .crumb b{color:var(--w-fg);font-weight:500}.mcp .bar .pb{color:#d6d7d5;background:#212221;border:1px solid #ffffff14;border-radius:9px;align-items:center;height:32px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.mcp .content{flex-direction:column;gap:18px;padding:22px 26px;display:flex;position:absolute;inset:56px 0 0 56px}.mcp .content h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.mcp .content h2 span{color:var(--w-muted)}.mcp .kpis{border:1px solid var(--w-hair);background:var(--w-surface);grid-template-columns:repeat(3,1fr);display:grid}.mcp .kpi{border-left:1px solid var(--w-hair);padding:12px 14px 14px}.mcp .kpi:first-child{border-left:0}.mcp .kpi .l{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--w-muted);border-bottom:1px solid var(--w-hair);justify-content:space-between;padding-bottom:9px;font-size:10px;display:flex}.mcp .kpi .v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:26px}.mcp .kpi .c{color:var(--w-subtle);margin-top:2px;font-size:11.5px}.mcp .kpi .d{color:var(--w-success)}.mcp .list{flex-direction:column;gap:6px;display:flex}.mcp .list .lh{color:var(--w-muted);justify-content:space-between;margin-bottom:2px;font-size:12px;display:flex}.mcp .r{background:#ffffff06;border-radius:11px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:12px;height:46px;padding:0 12px;display:grid}.mcp .r .ic{width:26px;height:26px;color:var(--w-success);background:#4ccf5c26;border-radius:7px;place-items:center;display:grid}.mcp .r .ic.q{color:var(--w-muted);background:#ffffff0f}.mcp .r .ic svg{width:14px;height:14px}.mcp .r b{font-weight:500;display:block}.mcp .r span{color:var(--w-subtle);font-size:11.5px}.mcp .r .m{color:var(--w-muted);font-size:11.5px}.mcp .r .a{color:var(--w-fg);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}@media (max-width:1023px){.mcp-stage,.mcp-promise,.mcp[data-failed]{display:none}}@media (prefers-reduced-motion:reduce){.mcp-ui,.mcp-card{transition:none}}