.orb-container{position:relative}.orb-svg{width:100%;height:100%;position:absolute;inset:0}.orb-state-layer{transition:opacity .8s cubic-bezier(.4,0,.2,1)}.orb-display-content{animation:.6s cubic-bezier(.16,1,.3,1) both orb-display-enter}@keyframes orb-display-enter{0%{opacity:0;filter:blur(4px);transform:scale(.7)}to{opacity:1;filter:blur();transform:scale(1)}}.orb-blob{transform-origin:50%;animation:6s ease-in-out infinite alternate orb-blob-morph}@keyframes orb-blob-morph{0%{rx:90;ry:85;cx:145;cy:148}25%{rx:80;ry:95;cx:155;cy:145}50%{rx:92;ry:82;cx:148;cy:155}75%{rx:85;ry:90;cx:142;cy:150}to{rx:88;ry:87;cx:150;cy:146}}.orb-particle{animation:linear infinite orb-particle-drift}@keyframes orb-particle-drift{0%{transform:translate(0)}25%{transform:translate(var(--dx1),var(--dy1))}50%{transform:translate(var(--dx2),var(--dy2))}75%{transform:translate(var(--dx3),var(--dy3))}to{transform:translate(0)}}.orb-cube-3d{width:70px;height:70px;transform-style:preserve-3d;animation:4s linear infinite orb-cube-spin;position:relative}.orb-cube-face{background:var(--cube-color);opacity:.85;border:1px solid #ffffff26;width:70px;height:70px;position:absolute}.orb-cube-front{transform:translateZ(35px)}.orb-cube-back{transform:rotateY(180deg)translateZ(35px)}.orb-cube-left{transform:rotateY(-90deg)translateZ(35px)}.orb-cube-right{transform:rotateY(90deg)translateZ(35px)}.orb-cube-top{background:color-mix(in srgb,var(--cube-color),white 20%);transform:rotateX(90deg)translateZ(35px)}.orb-cube-bottom{background:color-mix(in srgb,var(--cube-color),black 30%);transform:rotateX(-90deg)translateZ(35px)}@keyframes orb-cube-spin{0%{transform:rotateX(-15deg)rotateY(0)}to{transform:rotateX(-15deg)rotateY(360deg)}}.orb-glow{transition:fill .6s ease-in-out,opacity .6s ease-in-out}.orb-border{transition:opacity .6s ease-in-out}.orb-container[data-state=processing] .orb-svg{animation:2s ease-in-out infinite orb-processing-pulse}@keyframes orb-processing-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.orb-container[data-state=error] .orb-svg{animation:.4s ease-in-out orb-error-shake}@keyframes orb-error-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.orb-orbital{transform-origin:150px 150px;animation:linear infinite orb-orbit}@keyframes orb-orbit{0%{transform:rotate(var(--orbit-start))translateX(var(--orbit-radius))rotate(calc(-1*var(--orbit-start)))}to{transform:rotate(calc(var(--orbit-start) - 360deg))translateX(var(--orbit-radius))rotate(calc(-1*(var(--orbit-start) - 360deg)))}}