/* Motion is restricted to useful, visible UI; it is paused off screen. */
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.glow-surface{position:relative;isolation:isolate}
.glow-surface::after{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--edge-angle),transparent 15%,#b879f580 24%,#dac2fa 28%,#a44ce744 34%,transparent 45%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.55;animation:edge-orbit 12s linear infinite;animation-play-state:paused}
.glow-surface.motion-visible::after{animation-play-state:running}
@keyframes edge-orbit{to{--edge-angle:360deg}}
.light-follow{position:relative;isolation:isolate;--spot-x:-600px;--spot-y:-600px}
.light-follow::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(300px circle at var(--spot-x) var(--spot-y),#ae74ed1d,transparent 72%)}
.light-follow:focus-within{border-color:#af70d987}
.connect-teaser h2{font-size:clamp(32px,3.1vw,45px);line-height:1.14}
.teaser-system{position:relative;isolation:isolate;gap:28px 14px;padding:28px 20px 22px}
.teaser-node,.teaser-core,.teaser-result{position:relative;z-index:1}
.teaser-node:after{display:none}
.teaser-core{animation:none;margin:3px 0 7px;transition:box-shadow .6s}
.teaser-node{display:grid;gap:4px;padding:12px 6px;transition:background .5s,border-color .5s,box-shadow .5s}
.teaser-node>small{font-size:8px;color:#9b81af;letter-spacing:.8px}
.teaser-result{padding:14px 8px;min-height:86px;background:#a06aca08;border:1px solid #9d70bd26;border-radius:10px;align-content:center}
.teaser-result strong{font-size:14px;line-height:1.4}.teaser-result span{font-size:11px;line-height:1.5}
.teaser-node.is-flow-active{background:#8a38c52c;border-color:#c092e5;box-shadow:0 0 20px #a256db18}
.teaser-flow-lines,.system-map .map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;z-index:0;overflow:visible}
.flow-base{stroke:#a66edc44;stroke-width:1.3}
.flow-pulse{stroke:#be83f5;stroke-width:2;stroke-linecap:round;stroke-dasharray:11 89;stroke-dashoffset:100;animation:flow-data 4.8s linear infinite;animation-delay:var(--flow-delay,0s);animation-play-state:paused;filter:drop-shadow(0 0 3px #b268e869)}
.motion-visible .flow-pulse{animation-play-state:running}
@keyframes flow-data{to{stroke-dashoffset:-100}}
.operation-window{transform:none;animation:connect-window-drift 9s ease-in-out infinite;animation-play-state:paused}
.operation-scene.motion-visible .operation-window{animation-play-state:running}
@keyframes connect-window-drift{50%{transform:translateY(-7px)}}
.system-map{grid-template-columns:minmax(0,1fr) 94px minmax(0,1.18fr);gap:28px;padding:20px;height:230px}
.system-map .map-core{width:94px;height:94px;margin:0;z-index:1;justify-self:center;border-radius:24px}
.map-core img{width:48px}.map-core>span{font-size:5px;letter-spacing:.5px}
.map-sources>span{font-size:10px;padding:10px 8px;gap:6px;min-height:39px;white-space:nowrap;box-shadow:0 6px 16px #0001}
.map-destinations>span{font-size:11px;line-height:1.5;padding:12px 8px 12px 18px}
.map-destinations small{font-size:9px;white-space:normal;line-height:1.5;display:block}
.map-destinations i{left:8px;top:19px}.map-sources,.map-destinations{min-width:0}
.floating-signal{position:relative!important;bottom:auto!important;right:auto!important;left:auto!important;width:fit-content;max-width:100%;margin:-2px 18px 0 auto;z-index:3;transform:none;animation:none!important}
.operation-title strong{line-height:1.3}.operation-title .live-chip{flex-shrink:0}
.process-tab{color:var(--text)}
html[data-theme="light"] .process-tab{background:#fff;color:#4e365f;border-color:#c5acd83f}
html[data-theme="light"] .process-tab:hover{background:#f6effc}
html[data-theme="light"] .process-tab[aria-selected=true]{background:linear-gradient(110deg,#ede0fc,#f7f0fc);color:#532476;border-color:#b085d44d}
html[data-theme="light"] .process-tab .tab-icon{color:#8853a6}
html[data-theme="light"] .process-tab[aria-selected=true] .tab-icon{color:#7931b6}
html[data-theme="light"] .teaser-result{background:#fbf7ff;border-color:#9d70bd26}
html[data-theme="light"] .teaser-node.is-flow-active{background:#f0e2fc;border-color:#a366ce;box-shadow:0 0 20px #9a57c910}
html[data-theme="light"] .teaser-node>small{color:#7b5b90}
html[data-theme="light"] .flow-base{stroke:#b48dcc66}
html[data-theme="light"] .flow-pulse{stroke:#9a49d4;filter:drop-shadow(0 0 2px #a757cc35)}
.return-visual .return-path{stroke-dasharray:1;stroke-dashoffset:1;animation:chart-draw 2s cubic-bezier(.2,.8,.2,1) both;animation-play-state:paused}
.moment-return.motion-visible .return-path{animation-play-state:running}
.return-visual .chart-rung{stroke:#b987da;stroke-width:3;opacity:.2;transform:scaleY(.2);transform-origin:center 90px;animation:rung-grow 1.5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--rung-delay);animation-play-state:paused}
.moment-return.motion-visible .chart-rung{animation-play-state:running}
@keyframes chart-draw{to{stroke-dashoffset:0}}
@keyframes rung-grow{to{transform:scaleY(1);opacity:.3}}
@media(min-width:761px) and (max-width:1150px){.system-map{gap:18px;padding:16px;grid-template-columns:minmax(0,1fr) 74px minmax(0,1.1fr)}.system-map .map-core{width:74px;height:82px;border-radius:20px}.map-core img{width:40px}.map-sources>span{font-size:9px;gap:4px;padding-inline:5px}.map-sources .icon{width:12px}.map-destinations>span{font-size:9px}.map-destinations small{font-size:8px}.map-core>span{display:none}}
@media(max-width:760px){.system-map{height:220px;gap:18px;padding:15px;grid-template-columns:minmax(0,1fr) 70px minmax(0,1.15fr)}.system-map .map-core{width:70px;height:82px;border-radius:20px}.map-core img{width:39px}.map-core>span{display:none}.map-sources>span{font-size:9px;padding:9px 6px;gap:5px}.map-sources .icon{width:12px;height:12px}.map-destinations>span{font-size:9px;padding:10px 6px 10px 15px}.map-destinations small{font-size:8px}.map-destinations i{left:6px;top:15px}.floating-signal{margin:0 8px 0 auto;font-size:10px}.operation-title .live-chip{display:none}.operation-title strong{font-size:17px}.teaser-system{padding-inline:14px;gap:28px 9px}.teaser-node{font-size:10px}.teaser-node>small{font-size:7px}.connect-teaser h2{font-size:33px}}
@media(max-width:420px){.system-map{grid-template-columns:minmax(0,1fr) 58px minmax(0,1.04fr);gap:12px;padding:11px}.system-map .map-core{width:58px;height:70px;border-radius:17px}.map-core img{width:34px}.map-sources>span{font-size:8px;gap:4px;padding-inline:4px}.map-sources .icon{width:11px;height:11px}.map-destinations>span{font-size:9px;padding-left:13px}.map-destinations small{display:none}.map-destinations i{left:5px;width:3px;height:3px}.teaser-result strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.glow-surface::after,.operation-window,.flow-pulse,.return-visual .return-path,.return-visual .chart-rung{animation:none!important}.flow-pulse{stroke-dasharray:none;opacity:.35}.return-visual .return-path{stroke-dashoffset:0}.return-visual .chart-rung{transform:none}.teaser-node{transition:none}}