.cp-frame{width:100%}.cp-stage{--vx1: #f97316;--vx2: #fb923c;--vx3: #fdba74;--vx4: #ffedd5;--edge: linear-gradient(140deg, #ffedd5, #ea580c 48%, rgba(234, 88, 12, 0) 78%);position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:4.2%;clip-path:inset(0 round 4.2%);container:cp / size;isolation:isolate;background:radial-gradient(120% 95% at 88% -12%,rgba(249,115,22,.22),rgba(249,115,22,.05) 38%,transparent 62%),radial-gradient(95% 95% at -12% 108%,rgba(234,88,12,.12),transparent 56%),linear-gradient(158deg,#1f10048c,#10080273,#170c038c);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 48px 140px -36px #7c2d1280,inset 0 0 0 1px #fdba742e,inset 0 1px #ffffff14}.cp-stage:before{content:"";position:absolute;inset:0;z-index:0;opacity:.45;pointer-events:none;background-image:radial-gradient(rgba(255,237,213,.05) 1px,transparent 1px);background-size:2.7cqw 2.7cqw;-webkit-mask-image:radial-gradient(85% 85% at 50% 44%,#000 22%,transparent 78%);mask-image:radial-gradient(85% 85% at 50% 44%,#000 22%,transparent 78%)}.cp-stage .cp-wash{position:absolute;width:95cqw;height:95cqw;left:38%;top:-34%;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(249,115,22,.16),transparent 62%);filter:blur(2px);animation:cpWash 24s ease-in-out infinite}@keyframes cpWash{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7cqw,5cqw) scale(1.1)}}.cp-stage .hdr{position:absolute;z-index:20;left:50%;top:3.6cqw;transform:translate(-50%);display:flex;align-items:center;gap:1.2cqw;white-space:nowrap;pointer-events:none;font:600 1.7cqw ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.16em;color:#ffedd599}.cp-stage .hdr svg{width:2.4cqw;height:2.4cqw;stroke:var(--vx3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cp-stage .hdr b{color:#fff8f1;letter-spacing:.04em;font-size:2cqw}.cp-stage .pane{position:absolute;z-index:8;top:13cqw;width:41.5cqw;height:50cqw;border-radius:2.2cqw;display:flex;flex-direction:column;background:linear-gradient(150deg,#ffedd51a,#fdba740a 46%,#14090380);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,237,213,.16);box-shadow:0 24px 54px -26px #000000e6,0 0 46px -20px #f9731680,inset 0 1px #ffffff38}.cp-stage .pane .ph{flex:0 0 auto;display:flex;align-items:center;gap:1cqw;padding:1.3cqw 1.5cqw;border-bottom:1px solid rgba(253,186,116,.15);font:700 1.35cqw ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.14em;color:#e9e0ffcc}.cp-stage .pane .ph i{width:1.05cqw;height:1.05cqw;border-radius:50%;font-style:normal}.cp-stage .pane.you .ph i{background:#4ade80;box-shadow:0 0 8px #4ade80e6}.cp-stage .pane.them .ph i{background:var(--vx2);box-shadow:0 0 8px #fb923ce6}.cp-stage .pane .ph em{margin-left:auto;font-style:normal;font-weight:600;font-size:1.15cqw;letter-spacing:.08em;color:#fdba7480}.cp-stage .pane .tb{flex:0 0 auto;display:flex;align-items:center;gap:.8cqw;padding:.9cqw 1.5cqw;border-bottom:1px solid rgba(253,186,116,.1)}.cp-stage .pane .tb span{width:.95cqw;height:.95cqw;border-radius:50%;background:#fdba7438}.cp-stage .pane .tb b{margin-left:.4cqw;font:600 1.3cqw ui-monospace,SF Mono,Menlo,monospace;color:#e9e0ffbf}.cp-stage .pane .lns{flex:1 1 auto;padding:1.3cqw 1.5cqw;overflow:hidden}.cp-stage .ln{display:flex;gap:1cqw;font:500 1.58cqw ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;line-height:2;white-space:nowrap;opacity:0;transform:translateY(.5cqw);transition:opacity .25s,transform .25s}.cp-stage .ln.show{opacity:1;transform:none}.cp-stage .ln .no{color:#fdba7452;min-width:1.5cqw;text-align:right}.cp-stage .ln code{color:#f3e2d0}.cp-stage .ln .kw{color:#fdba74}.cp-stage .ln .fn{color:#93c5fd}.cp-stage .ln .str{color:#fbbf24}.cp-stage .ln .cm{color:#fdba7466}.cp-stage .ln.ghost code{color:#fdba748c;font-style:italic}.cp-stage .ln.ciph code{color:#f5b173;text-shadow:0 0 8px rgba(249,115,22,.45);letter-spacing:.04em}.cp-stage .pane .ft{flex:0 0 auto;padding:1.1cqw 1.5cqw;border-top:1px solid rgba(253,186,116,.12);font:600 1.25cqw ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em;color:#fdba748c;display:flex;align-items:center;gap:.9cqw;white-space:nowrap}.cp-stage .pane.them .ft b{color:#fed7aa;font-weight:700}.cp-stage .pane.you .ft b{color:#a7f3d0;font-weight:700}.cp-stage .think{margin-top:.6cqw;height:2.6cqw;border-radius:.9cqw;opacity:0;transition:opacity .3s;background:linear-gradient(100deg,#f9731626 30%,#fdba7466,#f9731626 70%);background-size:220% 100%;animation:cpShim 1.1s linear infinite;display:flex;align-items:center;padding:0 1.1cqw;font:600 1.2cqw ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;color:#ffedd5}.cp-stage .think.on{opacity:1}@keyframes cpShim{to{background-position:-220% 0}}.cp-stage .tab{position:absolute;z-index:14;left:34.5cqw;top:46cqw;opacity:0;white-space:nowrap;padding:.6cqw 1.2cqw;border-radius:1cqw;font:800 1.3cqw ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em;color:#431407;background:linear-gradient(140deg,#ffedd5,#fb923c);box-shadow:0 0 20px -4px #fb923cf2;transform:translateY(.8cqw) scale(.9);transition:opacity .3s,transform .3s cubic-bezier(.2,1.3,.4,1)}.cp-stage .tab.show{opacity:1;transform:none}.cp-stage .mid{position:absolute;z-index:10;left:50cqw;top:13cqw;height:50cqw;width:0;pointer-events:none;border-left:2px dashed rgba(253,186,116,.28)}.cp-stage .mid .lk{position:absolute;left:0;top:23cqw;transform:translate(-50%,-50%);width:4.4cqw;height:4.4cqw;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffedd533,#261005e6);border:1px solid rgba(254,215,170,.5);box-shadow:0 0 24px -6px #f97316d9;transition:box-shadow .3s,border-color .3s}.cp-stage .mid .lk.hot{border-color:#ffedd5f2;box-shadow:0 0 34px -2px #fb923c}.cp-stage .mid .lk svg{width:2.1cqw;height:2.1cqw;stroke:#fff3e3;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cp-stage .mid .cap{position:absolute;left:50%;top:-2.6cqw;transform:translate(-50%);white-space:nowrap;font:700 1.2cqw ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.18em;color:#fdba7480}.cp-stage .pkt{position:absolute;z-index:12;left:0;top:0;opacity:0;white-space:nowrap;padding:.55cqw 1cqw;border-radius:1cqw;font:700 1.2cqw ui-monospace,SF Mono,Menlo,monospace;color:#fff3e3;background:linear-gradient(135deg,#9a3412f0,#431407f5);border:1px solid rgba(254,215,170,.6);box-shadow:0 8px 22px -8px #000c,0 0 18px -4px #f97316e6}.cp-stage .stats{position:absolute;z-index:20;left:50%;top:66cqw;transform:translate(-50%);display:flex;gap:1.6cqw;pointer-events:none;white-space:nowrap}.cp-stage .stats span{display:flex;align-items:center;gap:.9cqw;padding:.95cqw 1.6cqw;border-radius:10cqw;font:600 1.45cqw ui-monospace,SF Mono,Menlo,monospace;color:#fceedeb3;background:linear-gradient(135deg,#ffedd517,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(254,215,170,.18)}.cp-stage .stats b{color:#fed7aa;font-weight:700}.cp-stage .sum{position:absolute;z-index:20;left:50%;bottom:18cqw;transform:translate(-50%) translateY(1.2cqw) scale(.94);display:flex;align-items:center;gap:1cqw;padding:1cqw 1.8cqw;border-radius:1.4cqw;opacity:0;white-space:nowrap;font:700 1.6cqw ui-monospace,SF Mono,Menlo,monospace;color:#431407;background:linear-gradient(140deg,#ffedd5,#fb923c);box-shadow:0 0 30px -4px #fb923cf2;transition:opacity .4s,transform .4s cubic-bezier(.2,1.2,.3,1)}.cp-stage .sum.show{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.cp-stage .cp-key{position:absolute;z-index:20;display:flex;align-items:center;gap:1.3cqw;padding:1.1cqw 1.8cqw;border-radius:10cqw;left:50%;bottom:3.2cqw;transform:translate(-50%);background:linear-gradient(135deg,#ffedd51a,#ffffff06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(254,215,170,.18);box-shadow:0 14px 34px -20px #000c,inset 0 1px #ffffff38}.cp-stage .cp-key svg{width:2.2cqw;height:2.2cqw;stroke:var(--vx3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cp-stage .cp-key span{font-size:1.7cqw;color:#fceedec7;letter-spacing:.035em;white-space:nowrap}.cp-stage .cp-key em{font-style:normal;color:#fed7aa;font-weight:600}@media(prefers-reduced-motion:reduce){.cp-stage .cp-wash,.cp-stage .think{animation-duration:0s;animation-iteration-count:1}}:where(html:not(.dark)) .cp-stage{background:radial-gradient(120% 95% at 88% -12%,rgba(249,115,22,.25),rgba(249,115,22,.08) 38%,transparent 62%),radial-gradient(95% 95% at -12% 108%,rgba(234,88,12,.18),transparent 56%),linear-gradient(158deg,#fff7edeb,#ffedd5d9,#fee2c8eb);box-shadow:0 48px 140px -36px #7c2d1252,inset 0 0 0 1px #9a341238,inset 0 1px #fff9}:where(html:not(.dark)) .cp-stage:before{background-image:radial-gradient(rgba(124,45,18,.18) 1px,transparent 1px);opacity:.55}:where(html:not(.dark)) .cp-stage .hdr{color:#7c2d12b3}:where(html:not(.dark)) .cp-stage .hdr b{color:#431407}:where(html:not(.dark)) .cp-stage .hdr svg{stroke:#b45309}:where(html:not(.dark)) .cp-stage .pane{background:linear-gradient(150deg,#fff7edd9,#fed7aa8c 46%,#fee2c8b3);border-color:#9a341247;box-shadow:0 24px 54px -26px #7c2d1259,0 0 46px -20px #f9731659,inset 0 1px #ffffff8c}:where(html:not(.dark)) .cp-stage .pane .ph{color:#7c2d12c7;border-bottom-color:#9a34123d}:where(html:not(.dark)) .cp-stage .pane .ph em{color:#9a34129e}:where(html:not(.dark)) .cp-stage .pane .tb{border-bottom-color:#9a34122e}:where(html:not(.dark)) .cp-stage .pane .tb span{background:#9a341247}:where(html:not(.dark)) .cp-stage .pane .tb b{color:#7c2d12d1}:where(html:not(.dark)) .cp-stage .ln .no{color:#9a34128c}:where(html:not(.dark)) .cp-stage .ln code{color:#431407}:where(html:not(.dark)) .cp-stage .ln .kw{color:#9a3412}:where(html:not(.dark)) .cp-stage .ln .fn{color:#1d4ed8}:where(html:not(.dark)) .cp-stage .ln .str{color:#b45309}:where(html:not(.dark)) .cp-stage .ln .cm{color:#7c2d128c}:where(html:not(.dark)) .cp-stage .ln.ghost code{color:#9a3412b8}:where(html:not(.dark)) .cp-stage .ln.ciph code{color:#9a3412;text-shadow:0 0 8px rgba(249,115,22,.35)}:where(html:not(.dark)) .cp-stage .pane .ft{color:#7c2d12b3;border-top-color:#9a341233}:where(html:not(.dark)) .cp-stage .pane.them .ft b{color:#9a3412}:where(html:not(.dark)) .cp-stage .pane.you .ft b{color:#047857}:where(html:not(.dark)) .cp-stage .think{background:linear-gradient(100deg,#f9731647 30%,#f973168c,#f9731647 70%);background-size:220% 100%;color:#431407}:where(html:not(.dark)) .cp-stage .mid{border-left-color:#9a341266}:where(html:not(.dark)) .cp-stage .mid .cap{color:#7c2d12ad}:where(html:not(.dark)) .cp-stage .mid .lk{background:radial-gradient(circle at 35% 30%,#ffffffd9,#fed7aaf2);border-color:#9a34128c;box-shadow:0 0 24px -6px #f97316a6}:where(html:not(.dark)) .cp-stage .mid .lk.hot{border-color:#7c2d12e6;box-shadow:0 0 34px -2px #fb923cf2}:where(html:not(.dark)) .cp-stage .mid .lk svg{stroke:#431407}:where(html:not(.dark)) .cp-stage .pkt{border-color:#7c2d1299;box-shadow:0 8px 22px -8px #7c2d1280,0 0 18px -4px #f973168c}:where(html:not(.dark)) .cp-stage .stats span{color:#7c2d12c7;background:linear-gradient(135deg,#fff7edb3,#fed7aa66);border-color:#9a34124d}:where(html:not(.dark)) .cp-stage .stats b{color:#7c2d12}:where(html:not(.dark)) .cp-stage .cp-key{background:linear-gradient(135deg,#fff7edb8,#fee2c86b);border-color:#9a34124d;box-shadow:0 14px 34px -20px #7c2d1259,inset 0 1px #fff9}:where(html:not(.dark)) .cp-stage .cp-key svg{stroke:#b45309}:where(html:not(.dark)) .cp-stage .cp-key span{color:#7c2d12d9}:where(html:not(.dark)) .cp-stage .cp-key em{color:#7c2d12}.cp3-shell{position:relative;overflow-x:clip}html:has(.cp3-shell){scroll-behavior:smooth}.cp3-anchor{scroll-margin-top:88px}.cp3-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 0% 0%,color-mix(in srgb,var(--color-mirror-500) 16%,transparent),transparent 65%),radial-gradient(55% 45% at 100% 100%,color-mix(in srgb,#38bdf8 16%,transparent),transparent 65%)}:where(html.dark) .cp3-ambient{background:radial-gradient(55% 45% at 0% 0%,color-mix(in srgb,var(--color-mirror-500) 24%,transparent),transparent 65%),radial-gradient(55% 45% at 100% 100%,color-mix(in srgb,#38bdf8 18%,transparent),transparent 65%)}.cp3-midband{position:relative;width:100%;height:280px;overflow:hidden;pointer-events:none;z-index:0}.cp3-midband:before,.cp3-midband:after{content:"";position:absolute;left:0;right:0;height:140px;pointer-events:none}.cp3-midband:before{top:0;background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-surface) 60%,transparent))}.cp3-midband:after{bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 60%,transparent),var(--color-surface))}.cp3-band{position:relative;isolation:isolate}.cp3-flow-icon{display:inline-flex;height:44px;width:44px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;background:var(--color-mirror-50);color:var(--color-mirror-500)}html.dark .cp3-flow-icon{background:color-mix(in srgb,var(--color-mirror-50) 40%,transparent)}.gw-card-desc{display:flex;width:100%;text-align:left;height:auto;flex:1}.cp3-flow-step--sealed{border-color:color-mix(in srgb,var(--color-mirror-500) 45%,var(--color-outline-variant))}.cp3-flow-step--open .cp3-flow-icon{background:color-mix(in srgb,var(--color-success, #34d399) 16%,var(--color-surface-1));color:var(--color-success, #34d399)}.cp3-flow-step--open{border-color:color-mix(in srgb,var(--color-success, #34d399) 55%,var(--color-outline-variant))}.cp3-flow-step--here{border-style:dashed;border-color:color-mix(in srgb,var(--color-cyan-brand, #22d3ee) 60%,transparent)}.cp3-flow-here{position:absolute;right:8px;top:8px;padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-cyan-brand, #22d3ee) 45%,transparent);background:var(--color-surface);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-cyan-brand, #22d3ee) 85%,var(--color-outline));white-space:nowrap}.cp3-flow-connector{flex:0 0 auto;align-self:center;width:2px;height:22px;background:color-mix(in srgb,var(--color-mirror-500) 55%,transparent)}.cp3-flow-connector.is-to-open{background:linear-gradient(180deg,color-mix(in srgb,var(--color-mirror-500) 55%,transparent),var(--color-success, #34d399))}@media(min-width:768px){.cp3-flow-connector{width:28px;height:2px}.cp3-flow-connector.is-to-open{background:linear-gradient(90deg,color-mix(in srgb,var(--color-mirror-500) 55%,transparent),var(--color-success, #34d399))}}.cp3-term{border-radius:14px;overflow:hidden;border:1px solid var(--color-outline-variant);background:#0c0f18;box-shadow:0 40px 80px -50px #000000e6}.cp3-term-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#0e1119;border-bottom:1px solid var(--color-outline-variant)}.cp3-term-dot{width:11px;height:11px;border-radius:50%}.cp3-term-dot.is-r{background:#ff5f57}.cp3-term-dot.is-y{background:#febc2e}.cp3-term-dot.is-g{background:#28c840}.cp3-term-title{margin-left:10px;font-family:var(--font-mono);font-size:12px;color:var(--color-outline)}.cp3-term-body{margin:0;padding:20px 18px;font-family:var(--font-mono);font-size:12.5px;line-height:1.9;overflow-x:auto;color:var(--color-on-surface-variant)}.cp3-term-body .is-prompt{color:var(--color-mirror-500)}.cp3-term-body .is-cmd{color:#82aaff}.cp3-term-body .is-flag{color:#7e879c}.cp3-term-body .is-comment{color:#5b6478}.cp3-term-body .is-ok{color:#34d399}.cp3-term-body .is-seal{color:var(--color-mirror-500)}.cp3-plane{border:1px solid color-mix(in srgb,var(--color-mirror-500) 40%,var(--color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--color-mirror-500) 7%,var(--color-surface)),var(--color-surface))}.cp3-plane-tag{position:absolute;top:-12px;left:28px;padding:3px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-mirror-500) 45%,transparent);background:var(--color-surface-1);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-mirror-500)}.cp3-cap-icon{display:inline-flex;height:40px;width:40px;flex-shrink:0;align-items:center;justify-content:center;border-radius:11px;background:var(--color-mirror-50);color:var(--color-mirror-700)}html.dark .cp3-cap-icon{background:color-mix(in srgb,var(--color-mirror-50) 40%,transparent)}@media(prefers-reduced-motion:reduce){html:has(.cp3-shell){scroll-behavior:auto}}
