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