.wf{--wf-ink:#1c3054;--wf-blue:#067df4;--wf-sky:#48aee5;--flow-step:1.25s;position:relative;isolation:isolate;background:#fff;display:flex;justify-content:center;color:#111827;width:100%;overflow:hidden;padding-block:12px}.wf-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 50% 38%,rgba(6,125,244,.07),transparent 70%),radial-gradient(42% 42% at 82% 86%,rgba(72,174,229,.06),transparent 70%),radial-gradient(38% 38% at 18% 84%,rgba(6,125,244,.05),transparent 70%)}.wf-bg:before{content:"";position:absolute;inset:-40px;background-image:linear-gradient(rgba(28,48,84,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(28,48,84,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(70% 62% at 50% 46%,#000,transparent 82%);mask-image:radial-gradient(70% 62% at 50% 46%,#000,transparent 82%);animation:wfGridDrift 22s linear infinite}@keyframes wfGridDrift{to{background-position:34px 34px}}.wf .conn-base{fill:none;stroke:#9fb0c6;stroke-width:1.25;opacity:.3;stroke-linecap:round}.wf .conn-flow{fill:none;stroke:var(--c,var(--wf-blue));stroke-width:3;stroke-linecap:round;stroke-dasharray:16 100;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 5px var(--c,var(--wf-blue))) drop-shadow(0 0 2px var(--c,var(--wf-blue)))}.wf .conn-flow.is-flowing{opacity:1;animation:wfConnFlow var(--flow-step) linear forwards}@keyframes wfConnFlow{to{stroke-dashoffset:-116}}.wf .f-blue{--c:var(--wf-blue)}.wf .f-cyan{--c:var(--wf-sky)}.wf .arrow{opacity:.2}.wf .arrow path{fill:var(--c,var(--wf-sky));stroke:var(--c,var(--wf-sky))}.wf .arrow.is-flowing{animation:wfArrowPulse var(--flow-step) ease-in-out forwards}.wf .arrow-fill{fill:var(--c,var(--wf-sky));opacity:.2;transform-box:fill-box;transform-origin:center}.wf .arrow-fill.is-flowing{animation:wfArrowPulse var(--flow-step) ease-in-out forwards}@keyframes wfArrowPulse{0%,to{opacity:.5}50%{opacity:1}}.wf .float{animation:wfFloatY var(--dur,5s) ease-in-out infinite}@keyframes wfFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wf .breathe{animation:wfBreathe 4s ease-in-out infinite}@keyframes wfBreathe{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.wf .node-navy{color:#fff;background:linear-gradient(135deg,#2b4a7d,#1c3054 55%,#14223d);border:1px solid rgba(112,176,240,.4);border-radius:10px;box-shadow:0 10px 26px -12px #1c3054b3,inset 0 1px #ffffff29;transition:transform .35s ease,box-shadow .35s ease}.wf .node-navy:hover{box-shadow:0 16px 34px -12px #1c3054d9,0 0 0 1px #70b0f08c}.wf .node-data{align-items:center;color:#16314f;background:linear-gradient(160deg,#e7f4ffeb,#d6ebffdb);border:1px solid rgba(112,176,240,.5);border-radius:14px;backdrop-filter:blur(4px);box-shadow:0 8px 22px -14px #1c305480,inset 0 1px #fff9}.wf .node-out{background:#fffc;border:1px solid rgba(28,48,84,.12);border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 8px 22px -16px #1c30548c,inset 0 1px #fffc;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.wf .node-out:hover{border-color:#067df473;box-shadow:0 14px 30px -16px #067df459,inset 0 1px #ffffffe6}.wf .out-icon{color:var(--wf-blue);filter:drop-shadow(0 0 4px rgba(6,125,244,.4))}.wf .ehr-chip{color:#1f3a5c;background:linear-gradient(180deg,#f8fbfff2,#eef5fceb);border:1px solid rgba(28,48,84,.12);border-radius:10px;box-shadow:inset 0 1px #fffc,0 4px 12px -10px #1c305480}.wf .ehr-boundary{border:1.5px solid rgba(112,176,240,.55);background:radial-gradient(120% 90% at 50% 0%,#e7f4ff80,#ffffff2e 60%);backdrop-filter:blur(2px);box-shadow:0 30px 80px -50px #1c30548c,inset 0 1px #fff9}.wf .ehr-dot{width:8px;height:8px;border-radius:9999px;background:var(--wf-sky);box-shadow:0 0 0 3px #48aee52e;animation:wfBlink 2.2s ease-in-out infinite;display:inline-block}@keyframes wfBlink{0%,to{opacity:1;box-shadow:0 0 0 3px #48aee52e}50%{opacity:.6;box-shadow:0 0 0 6px #48aee50d}}.wf .badge-embed{display:inline-flex;align-items:center;gap:6px;color:#2864a4;background:#ffffffd9;border:1px solid rgba(112,176,240,.5);border-radius:9999px;backdrop-filter:blur(6px);box-shadow:0 6px 18px -12px #1c305480}.wf .badge-dot{width:6px;height:6px;border-radius:9999px;background:var(--wf-sky);box-shadow:0 0 6px 1px #48aee5d9}.wf .core-aura{position:absolute;inset:-30%;z-index:0;background:conic-gradient(from 0deg,var(--wf-blue),var(--wf-sky),#1fb0fe,var(--wf-blue));filter:blur(13px);opacity:.55;border-radius:42% 58% 56% 44%/50% 46% 54% 50%;animation:wfMorph 8s ease-in-out infinite,wfSpin 12s linear infinite}@keyframes wfMorph{0%,to{border-radius:42% 58% 56% 44%/50% 46% 54% 50%}50%{border-radius:58% 42% 44% 56%/46% 54%}}@keyframes wfSpin{to{transform:rotate(360deg)}}.wf .core-ring{position:absolute;inset:0;margin:auto;width:92%;height:92%;border-radius:9999px;border:1.5px solid rgba(6,125,244,.5);z-index:1;animation:wfCoreRing 2.8s ease-out infinite}@keyframes wfCoreRing{0%{transform:scale(.72);opacity:.7}to{transform:scale(1.95);opacity:0}}.wf .core-orbit{position:absolute;inset:-9px;border-radius:9999px;border:1.25px dashed rgba(28,48,84,.3);z-index:1;animation:wfSpin 18s linear infinite}.wf .core-orbit-dot{position:absolute;inset:-9px;border-radius:9999px;z-index:2;animation:wfSpin 6.5s linear infinite}.wf .core-orbit-dot:after{content:"";position:absolute;top:-3.5px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:9999px;background:var(--wf-sky);box-shadow:0 0 9px 1.5px #48aee5e6}.wf .core-node{background:radial-gradient(circle at 50% 32%,#fff,#eaf4ff);border:2px solid var(--wf-ink);box-shadow:0 10px 28px -10px #1c30548c,inset 0 1px #ffffffe6;animation:wfCoreBob 5s ease-in-out infinite}@keyframes wfCoreBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.03)}}.wf.wf-paused *,.wf.wf-paused *:before,.wf.wf-paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.wf .float,.wf .breathe,.wf .core-aura,.wf .core-ring,.wf .core-orbit,.wf .core-orbit-dot,.wf .core-node,.wf .ehr-dot,.wf-bg:before{animation:none!important}}