.pflow-orb{position:relative;width:190px;height:190px;border-radius:50%;clip-path:circle(50% at 50% 50%);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 65% 28%,#f5d0fe,#e879f9 18%,#c026d3 42%,#9333ea 70%,#6b21a8);box-shadow:0 0 0 1px #ffffff14 inset,0 24px 60px -12px #7c3aed73}.pflow-orb--error{background:radial-gradient(circle at 65% 28%,#fbcfe8,#f472b6 18%,#be185d 42%,#7e22ce 72%,#4c1d95);box-shadow:0 0 0 1px #ffffff14 inset,0 24px 60px -12px #4c1d958c,0 8px 24px -8px #be185d59}.pflow-orb-canvas{position:absolute;inset:-18%;z-index:1;width:136%;height:136%;object-fit:cover;filter:blur(22px) saturate(1.05);pointer-events:none}.pflow-orb--error .pflow-orb-canvas{filter:blur(22px) saturate(1.1) hue-rotate(-30deg)}.pflow-orb-icon{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:#fff}.pflow-orb-icon svg{width:100px;height:100px;display:block}.dark .pflow-orb{box-shadow:0 0 0 1px #ffffff0f inset,0 24px 56px -14px #7c3aed47}.dark .pflow-orb--error{box-shadow:0 0 0 1px #ffffff0f inset,0 24px 56px -14px #4c1d9561,0 8px 24px -8px #be185d40}.pflow-orb-slot{position:relative;width:100px;height:100px}.pflow-orb-slot>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center;will-change:transform,opacity}.pflow-orb-slot-in{animation:pflow-orb-slot-in .36s cubic-bezier(.32,.72,0,1) both}.pflow-orb-slot-out{animation:pflow-orb-slot-out .28s cubic-bezier(.32,.72,0,1) both}@keyframes pflow-orb-slot-in{0%{transform:translateY(28%) scale(.82);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pflow-orb-slot-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-22%) scale(.92);opacity:0}}@media(prefers-reduced-motion:reduce){.pflow-orb-slot-in,.pflow-orb-slot-out{animation:none}}