.lcx{isolation:isolate;background:radial-gradient(60% 55% at 50% 52%,#4f46e529,#0000 75%),radial-gradient(30% 40% at 0 100%,#7c3aed1a,#0000 70%),linear-gradient(#070923,#04051a);border:1px solid #a5b4fc1f;border-radius:20px;padding:clamp(14px,2.6vw,34px) clamp(10px,2vw,26px);position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #1e1b6e99,0 24px 48px -28px #000000d9;container:lcx/inline-size}.lcx:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#94a3ff0d 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#94a3ff0d 1px,#0000 1px) 0 0/44px 44px;position:absolute;inset:0;-webkit-mask:radial-gradient(65% 75%,#000 30%,#0000);mask:radial-gradient(65% 75%,#000 30%,#0000)}.lcx:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#a78bfa80,#60a5fa73,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.lcx-stage{aspect-ratio:1200/400;--s:clamp(42px, 5.4cqw, 72px);position:relative}.lcx-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lcx-mobile{display:none}.lcx-svg path{fill:none;stroke-linecap:round}.lcx-track{stroke-width:1.25px}.lcx-trail-glow{stroke-width:6px;opacity:calc(var(--on,1) * .1)}.lcx-trail{stroke-width:1.7px;opacity:var(--on,1);filter:drop-shadow(0 0 2.5px #a78bfad9)drop-shadow(0 0 9px #6366f180)}.lcx-head{stroke:#fff;stroke-width:1.8px;opacity:0;filter:drop-shadow(0 0 3px #e0e7ff)drop-shadow(0 0 10px #818cf8f2)}.lcx-route{stroke:none}.lcx-pulse{display:none}.lcx-pulse-ring{fill:none;stroke:#c7d2fe;stroke-width:.9px;opacity:.6}.lcx.is-live .lcx-pulse{display:inline}.lcx-node{left:var(--x);top:var(--y);z-index:2;--t:.5s cubic-bezier(.22, 1, .36, 1);width:0;height:0;position:absolute}.lcx-orb{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);position:absolute}.lcx-orb>span{border-radius:50%;position:absolute}.lcx-orb:before{content:"";border:1px solid #a5b4fc17;border-radius:50%;position:absolute;inset:-6px}.lcx-halo{opacity:0;transition:opacity var(--t);background:radial-gradient(closest-side,#818cf852,#818cf814 55%,#0000);inset:-75%}.lcx-ring{opacity:0;transition:opacity var(--t);background:conic-gradient(#0000 0deg,#a78bfaf2 70deg,#60a5faf2 150deg,#0000 220deg 360deg);inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px))}.lcx-core{transition:border-color var(--t), box-shadow var(--t);background:radial-gradient(120% 90% at 50% 0,#1b2056 0%,#0d1031 55%,#090b25 100%);border:1px solid #a5b4fc57;place-items:center;display:grid;inset:0;box-shadow:0 12px 26px -14px #000000f2,inset 0 1px #ffffff12}.lcx-core:after{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;position:absolute;inset:4px}.lcx-ico{stroke-width:1.6px;color:#c3c9ef;width:43%;height:43%;transition:color var(--t), filter var(--t)}.lcx-ripple{opacity:0;pointer-events:none;border:1px solid #a5b4fcb3;inset:0}.lcx-label{white-space:nowrap;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:0;translate:-50%}.lcx-label>span{display:block}.lcx-node[data-side=up] .lcx-label{bottom:calc(var(--s) / 2 + 16px)}.lcx-node[data-side=down] .lcx-label{top:calc(var(--s) / 2 + 16px)}.lcx-num{font:500 9.5px/1 var(--font-data);letter-spacing:.2em;text-transform:uppercase;color:#a5b4fc99;transition:color var(--t)}.lcx-name{font:600 clamp(13px, 1.3cqw, 17px) / 1.2 var(--font-body);letter-spacing:-.012em;color:#ecf0ffdb;transition:color var(--t);font-feature-settings:"ss01"}.lcx-note{font:400 clamp(11px, .98cqw, 13px) / 1.3 var(--font-body);color:#a5afdc9e;transition:color var(--t)}.lcx.is-live .lcx-node .lcx-core{border-color:#a5b4fc29}.lcx.is-live .lcx-node .lcx-ico{color:#626b9c}.lcx.is-live .lcx-node .lcx-name{color:#e2e8ff80}.lcx.is-live .lcx-node .lcx-num{color:#a5b4fc59}.lcx.is-live .lcx-node .lcx-note{color:#a5afdc61}.lcx.is-live .lcx-node.is-visited .lcx-core{border-color:#a5b4fc5c}.lcx.is-live .lcx-node.is-visited .lcx-ico{color:#b9c0ea}.lcx.is-live .lcx-node.is-visited .lcx-name{color:#e2e8ffc7}.lcx.is-live .lcx-node.is-visited .lcx-num{color:#a5b4fc8c}.lcx.is-live .lcx-node.is-visited .lcx-note{color:#a5afdc94}.lcx.is-live .lcx-node.is-active .lcx-halo,.lcx.is-live .lcx-node.is-active .lcx-ring{opacity:1}.lcx.is-live .lcx-node.is-active .lcx-core{border-color:#c4b5fd8c;box-shadow:0 12px 26px -14px #000000f2,inset 0 1px #ffffff1a,inset 0 0 18px #818cf847}.lcx.is-live .lcx-node.is-active .lcx-ico{color:#fff;filter:drop-shadow(0 0 5px #a78bfad9)}.lcx.is-live .lcx-node.is-active .lcx-name{color:#fff}.lcx.is-live .lcx-node.is-active .lcx-num{color:#c4b5fd}.lcx.is-live .lcx-node.is-active .lcx-note{color:#c7d2fed9}@media (prefers-reduced-motion:no-preference){.lcx.is-live .lcx-node.is-active .lcx-ring{animation:2.4s linear infinite lcx-spin}.lcx.is-live .lcx-node.is-active .lcx-ripple{animation:1s cubic-bezier(.22,1,.36,1) lcx-ripple}@keyframes lcx-spin{to{transform:rotate(1turn)}}@keyframes lcx-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}}@container lcx (width<=1000px){.lcx-node[data-edge=start] .lcx-label{translate:calc(var(--s) / -2) 0;text-align:left;align-items:flex-start}.lcx-node[data-edge=end] .lcx-label{translate:calc(-100% + var(--s) / 2) 0;text-align:right;align-items:flex-end}}@container lcx (width<=600px){.lcx-stage{aspect-ratio:360/600;--s:clamp(40px, 12.5cqw, 50px);width:min(100%,284px);margin-inline:auto}.lcx-wide{display:none}.lcx-mobile{display:block}.lcx-node{left:var(--mx);top:var(--my)}.lcx-node[data-side] .lcx-label,.lcx-node[data-edge] .lcx-label{top:50%;bottom:auto;left:calc(var(--s) / 2 + 18px);text-align:left;align-items:flex-start;translate:0 -50%}.lcx-name{font-size:14.5px}.lcx-note{font-size:12px}.lcx-label{gap:3px}.lcx-trail-glow{stroke-width:6px}}.dp-scene{isolation:isolate;border:1px solid var(--line);box-shadow:var(--shadow-xl);background:radial-gradient(60% 70% at 50% 45%,#1d4ed847,#0000 70%),radial-gradient(40% 50% at 15% 80%,#7c5cff2e,#0000 70%),linear-gradient(#070a2e,#04051a);border-radius:20px;position:relative;overflow:hidden;container-type:inline-size}.dp-beams{z-index:0;width:100%;height:100%;position:absolute;inset:0}.dp-opt{left:var(--x);top:var(--y);z-index:2;width:0;height:0;position:absolute}.lc-pad{background:radial-gradient(closest-side,#1e1b6ee6,#0a0c32f2);border:2px solid #c4b5fd;border-radius:50%;width:11.2cqw;height:3cqw;position:absolute;top:-1.5cqw;left:-5.6cqw;box-shadow:0 .5cqw #2b2f9a,0 0 1.2cqw #a78bfabf,inset 0 0 1cqw #a78bfa73}.lc-ico{z-index:1;width:7.2cqw;height:7.2cqw;position:absolute;top:-10.6cqw;left:-3.6cqw}.lc-ico:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent);opacity:.75;border-radius:50%;position:absolute;inset:-45%}.lc-face{background:var(--face);width:100%;height:100%;box-shadow:inset 0 .25cqw 0 #ffffffbf, inset 0 -.7cqw 1.2cqw #1e1b4b59, 0 .55cqw 0 var(--edge), 0 1.6cqw 3cqw -.8cqw var(--glow);border-radius:24%;place-items:center;transition:filter .3s;display:grid}.lc-face svg{color:#1e1b4b;stroke-width:2.1px;width:56%;height:56%}.pink{--face:linear-gradient(160deg, #fbe7ff 0%, #e9b8ff 40%, #b794f6 100%);--edge:#8b6fd9;--glow:#d98cffd9}.blue{--face:linear-gradient(160deg, #e3edff 0%, #a9c4ff 40%, #7d8cf5 100%);--edge:#5b62d6;--glow:#608cffd9}.violet{--face:linear-gradient(160deg, #f1e4ff 0%, #c9a2ff 40%, #9a6cf2 100%);--edge:#7448cf;--glow:#a86effd9}.lc-label{white-space:nowrap;font:600 max(11px, 1.25cqw)/1 var(--font-body);color:#fff;letter-spacing:.01em;background:#0a0c30d9;border:1.5px solid #c4b5fdbf;border-radius:999px;padding:.45em 1em;position:absolute;top:4cqw;left:0;translate:-50%;box-shadow:0 0 1cqw #a78bfa59}@media (prefers-reduced-motion:no-preference){@keyframes lc-float{0%,to{translate:0}50%{translate:0 -.8cqw}}}.dp-scene{aspect-ratio:800/520;height:100%;box-shadow:none;border:0;border-radius:14px}.dp-flow{stroke-dasharray:6 94;filter:drop-shadow(0 0 5px #fff)}.dp-hub{left:var(--x);top:var(--y);z-index:2;background:radial-gradient(circle at 35% 30%,#1c1a66,#0a0b33);border:2px solid #c4b5fdcc;border-radius:50%;place-items:center;width:11cqw;height:11cqw;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 0 2.5cqw #7c5cffb3,inset 0 0 1.5cqw #7c5cff80}.dp-hub img{object-fit:contain;width:64%;height:64%}.dp-hub-ring{opacity:0;border:2px solid #a78bfab3;border-radius:50%;position:absolute;inset:-2px}.dp-opt{top:66%}.dp-opt .lc-pad{width:18cqw;height:4.8cqw;top:-2.4cqw;left:-9cqw}.dp-opt .lc-ico{width:12cqw;height:12cqw;top:-17cqw;left:-6cqw}.dp-opt .lc-label{font-size:max(11px,2cqw);top:6cqw}@media (prefers-reduced-motion:no-preference){.dp-flow{animation:dp-stream 2.4s linear calc(var(--i) * .5s) infinite}@keyframes dp-stream{0%{stroke-dashoffset:6px}to{stroke-dashoffset:-94px}}.dp-hub-ring{animation:2.8s ease-out infinite dp-ring}.dp-hub-ring.r2{animation-delay:1.4s}@keyframes dp-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.dp-hub img{animation:16s linear infinite mark-turn}.dp-opt .lc-ico{animation:lc-float 5s ease-in-out calc(var(--i) * -1.2s) infinite}.dp-opt .lc-face,.dp-opt .lc-pad{animation:dp-lit 2.4s ease-in-out calc(var(--i) * .5s + 1.6s) infinite}@keyframes dp-lit{0%,to{filter:none}15%{filter:brightness(1.3)saturate(1.2)}40%{filter:none}}@keyframes mark-turn{to{rotate:360deg}}}.deploy .window .dp-scene{width:100%}@container (width<=520px){.dp-opt .lc-label{padding:.45em .7em;font-size:10px}}