.cp-frame{width:100%}.cp-stage{--vx1:#f97316;--vx2:#fb923c;--vx3:#fdba74;--vx4:#ffedd5;--edge:linear-gradient(140deg, #ffedd5, #ea580c 48%, #ea580c00 78%);aspect-ratio:1;clip-path:inset(0 round 4.2%);isolation:isolate;-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:radial-gradient(120% 95% at 88% -12%,#f9731638,#f973160d 38%,#0000 62%),radial-gradient(95% 95% at -12% 108%,#ea580c1f,#0000 56%),linear-gradient(158deg,#1f10048c 0%,#10080273 50%,#170c038c 100%);border-radius:4.2%;width:100%;position:relative;overflow:hidden;box-shadow:0 48px 140px -36px #7c2d1280,inset 0 0 0 1px #fdba742e,inset 0 1px #ffffff14;container:cp/size}.cp-stage:before{content:"";z-index:0;opacity:.45;pointer-events:none;background-image:radial-gradient(#ffedd50d 1px,#0000 1px);background-size:2.7cqw 2.7cqw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 85% at 50% 44%,#000 22%,#0000 78%);mask-image:radial-gradient(85% 85% at 50% 44%,#000 22%,#0000 78%)}.cp-stage .cp-wash{pointer-events:none;z-index:0;filter:blur(2px);background:radial-gradient(circle,#f9731629,#0000 62%);border-radius:50%;width:95cqw;height:95cqw;animation:24s ease-in-out infinite cpWash;position:absolute;top:-34%;left:38%}@keyframes cpWash{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-7cqw,5cqw)scale(1.1)}}.cp-stage .hdr{z-index:20;white-space:nowrap;pointer-events:none;letter-spacing:.16em;color:#ffedd599;align-items:center;gap:1.2cqw;font:600 1.7cqw ui-monospace,SF Mono,Menlo,monospace;display:flex;position:absolute;top:3.6cqw;left:50%;transform:translate(-50%)}.cp-stage .hdr svg{width:2.4cqw;height:2.4cqw;stroke:var(--vx3);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cp-stage .hdr b{color:#fff8f1;letter-spacing:.04em;font-size:2cqw}.cp-stage .pane{z-index:8;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(150deg,#ffedd51a,#fdba740a 46%,#14090380);border:1px solid #ffedd529;border-radius:2.2cqw;flex-direction:column;width:41.5cqw;height:50cqw;display:flex;position:absolute;top:13cqw;box-shadow:0 24px 54px -26px #000000e6,0 0 46px -20px #f9731680,inset 0 1px #ffffff38}.cp-stage .pane .ph{letter-spacing:.14em;color:#e9e0ffcc;border-bottom:1px solid #fdba7426;flex:none;align-items:center;gap:1cqw;padding:1.3cqw 1.5cqw;font:700 1.35cqw ui-monospace,SF Mono,Menlo,monospace;display:flex}.cp-stage .pane .ph i{border-radius:50%;width:1.05cqw;height:1.05cqw;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{letter-spacing:.08em;color:#fdba7480;margin-left:auto;font-size:1.15cqw;font-style:normal;font-weight:600}.cp-stage .pane .tb{border-bottom:1px solid #fdba741a;flex:none;align-items:center;gap:.8cqw;padding:.9cqw 1.5cqw;display:flex}.cp-stage .pane .tb span{background:#fdba7438;border-radius:50%;width:.95cqw;height:.95cqw}.cp-stage .pane .tb b{color:#e9e0ffbf;margin-left:.4cqw;font:600 1.3cqw ui-monospace,SF Mono,Menlo,monospace}.cp-stage .pane .lns{flex:auto;padding:1.3cqw 1.5cqw;overflow:hidden}.cp-stage .ln{white-space:nowrap;opacity:0;gap:1cqw;font:500 1.58cqw/2 ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;transition:opacity .25s,transform .25s;display:flex;transform:translateY(.5cqw)}.cp-stage .ln.show{opacity:1;transform:none}.cp-stage .ln .no{color:#fdba7452;text-align:right;min-width:1.5cqw}.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 #f9731673;letter-spacing:.04em}.cp-stage .pane .ft{letter-spacing:.06em;color:#fdba748c;white-space:nowrap;border-top:1px solid #fdba741f;flex:none;align-items:center;gap:.9cqw;padding:1.1cqw 1.5cqw;font:600 1.25cqw ui-monospace,SF Mono,Menlo,monospace;display:flex}.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{opacity:0;letter-spacing:.12em;color:#ffedd5;background:linear-gradient(100deg,#f9731626 30%,#fdba7466 50%,#f9731626 70%) 0 0/220% 100%;border-radius:.9cqw;align-items:center;height:2.6cqw;margin-top:.6cqw;padding:0 1.1cqw;font:600 1.2cqw ui-monospace,SF Mono,Menlo,monospace;transition:opacity .3s;animation:1.1s linear infinite cpShim;display:flex}.cp-stage .think.on{opacity:1}@keyframes cpShim{to{background-position:-220% 0}}.cp-stage .tab{z-index:14;opacity:0;white-space:nowrap;letter-spacing:.1em;color:#431407;background:linear-gradient(140deg,#ffedd5,#fb923c);border-radius:1cqw;padding:.6cqw 1.2cqw;font:800 1.3cqw ui-monospace,SF Mono,Menlo,monospace;transition:opacity .3s,transform .3s cubic-bezier(.2,1.3,.4,1);position:absolute;top:46cqw;left:34.5cqw;transform:translateY(.8cqw)scale(.9);box-shadow:0 0 20px -4px #fb923cf2}.cp-stage .tab.show{opacity:1;transform:none}.cp-stage .mid{z-index:10;pointer-events:none;border-left:2px dashed #fdba7447;width:0;height:50cqw;position:absolute;top:13cqw;left:50cqw}.cp-stage .mid .lk{background:radial-gradient(circle at 35% 30%,#ffedd533,#261005e6);border:1px solid #fed7aa80;border-radius:50%;place-items:center;width:4.4cqw;height:4.4cqw;transition:box-shadow .3s,border-color .3s;display:grid;position:absolute;top:23cqw;left:0;transform:translate(-50%,-50%);box-shadow:0 0 24px -6px #f97316d9}.cp-stage .mid .lk.hot{border-color:#ffedd5f2;box-shadow:0 0 34px -2px #fb923c}.cp-stage .mid .lk svg{stroke:#fff3e3;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:2.1cqw;height:2.1cqw}.cp-stage .mid .cap{white-space:nowrap;letter-spacing:.18em;color:#fdba7480;font:700 1.2cqw ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:-2.6cqw;left:50%;transform:translate(-50%)}.cp-stage .pkt{z-index:12;opacity:0;white-space:nowrap;color:#fff3e3;background:linear-gradient(135deg,#9a3412f0,#431407f5);border:1px solid #fed7aa99;border-radius:1cqw;padding:.55cqw 1cqw;font:700 1.2cqw ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:0;left:0;box-shadow:0 8px 22px -8px #000c,0 0 18px -4px #f97316e6}.cp-stage .stats{z-index:20;pointer-events:none;white-space:nowrap;gap:1.6cqw;display:flex;position:absolute;top:66cqw;left:50%;transform:translate(-50%)}.cp-stage .stats span{color:#fceedeb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffedd517,#ffffff05);border:1px solid #fed7aa2e;border-radius:10cqw;align-items:center;gap:.9cqw;padding:.95cqw 1.6cqw;font:600 1.45cqw ui-monospace,SF Mono,Menlo,monospace;display:flex}.cp-stage .stats b{color:#fed7aa;font-weight:700}.cp-stage .sum{z-index:20;opacity:0;white-space:nowrap;color:#431407;background:linear-gradient(140deg,#ffedd5,#fb923c);border-radius:1.4cqw;align-items:center;gap:1cqw;padding:1cqw 1.8cqw;font:700 1.6cqw ui-monospace,SF Mono,Menlo,monospace;transition:opacity .4s,transform .4s cubic-bezier(.2,1.2,.3,1);display:flex;position:absolute;bottom:18cqw;left:50%;transform:translate(-50%)translateY(1.2cqw)scale(.94);box-shadow:0 0 30px -4px #fb923cf2}.cp-stage .sum.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.cp-stage .cp-key{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffedd51a,#ffffff06);border:1px solid #fed7aa2e;border-radius:10cqw;align-items:center;gap:1.3cqw;padding:1.1cqw 1.8cqw;display:flex;position:absolute;bottom:3.2cqw;left:50%;transform:translate(-50%);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.8px;stroke-linecap:round;stroke-linejoin:round}.cp-stage .cp-key span{color:#fceedec7;letter-spacing:.035em;white-space:nowrap;font-size:1.7cqw}.cp-stage .cp-key em{color:#fed7aa;font-style:normal;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%,#f9731640,#f9731614 38%,#0000 62%),radial-gradient(95% 95% at -12% 108%,#ea580c2e,#0000 56%),linear-gradient(158deg,#fff7edeb 0%,#ffedd5d9 50%,#fee2c8eb 100%);box-shadow:0 48px 140px -36px #7c2d1252,inset 0 0 0 1px #9a341238,inset 0 1px #fff9}:where(html:not(.dark)) .cp-stage:before{opacity:.55;background-image:radial-gradient(#7c2d122e 1px,#0000 1px)}: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 #f9731659}: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{color:#431407;background:linear-gradient(100deg,#f9731647 30%,#f973168c 50%,#f9731647 70%) 0 0/220% 100%}: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{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%, #38bdf829, transparent 65%);position:fixed;inset:0}: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%, #38bdf82e, transparent 65%)}.cp3-midband{pointer-events:none;z-index:0;width:100%;height:280px;position:relative;overflow:hidden}.cp3-midband:before,.cp3-midband:after{content:"";pointer-events:none;height:140px;position:absolute;left:0;right:0}.cp3-midband:before{background:linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 60%, transparent));top:0}.cp3-midband:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 60%, transparent), var(--color-surface));bottom:0}.cp3-band{isolation:isolate;position:relative}.cp3-flow-icon{background:var(--color-mirror-50);width:44px;height:44px;color:var(--color-mirror-500);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html.dark .cp3-flow-icon{background:color-mix(in srgb, var(--color-mirror-50) 40%, transparent)}.gw-card-desc{text-align:left;flex:1;width:100%;height:auto;display:flex}.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{border:1px solid color-mix(in srgb, var(--color-cyan-brand,#22d3ee) 45%, transparent);background:var(--color-surface);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-cyan-brand,#22d3ee) 85%, var(--color-outline));white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:9px;position:absolute;top:8px;right:8px}.cp3-flow-connector{background:color-mix(in srgb, var(--color-mirror-500) 55%, transparent);flex:none;align-self:center;width:2px;height:22px}.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 (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:1px solid var(--color-outline-variant);background:#0c0f18;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -50px #000000e6}.cp3-term-bar{border-bottom:1px solid var(--color-outline-variant);background:#0e1119;align-items:center;gap:8px;padding:11px 14px;display:flex}.cp3-term-dot{border-radius:50%;width:11px;height:11px}.cp3-term-dot.is-r{background:#ff5f57}.cp3-term-dot.is-y{background:#febc2e}.cp3-term-dot.is-g{background:#28c840}.cp3-term-title{font-family:var(--font-mono);color:var(--color-outline);margin-left:10px;font-size:12px}.cp3-term-body{font-family:var(--font-mono);color:var(--color-on-surface-variant);margin:0;padding:20px 18px;font-size:12.5px;line-height:1.9;overflow-x:auto}.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{border:1px solid color-mix(in srgb, var(--color-mirror-500) 45%, transparent);background:var(--color-surface-1);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-mirror-500);border-radius:999px;padding:3px 12px;font-size:10px;position:absolute;top:-12px;left:28px}.cp3-cap-icon{background:var(--color-mirror-50);width:40px;height:40px;color:var(--color-mirror-700);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}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}}