.smart-particles-container{position:relative;overflow:visible}.smart-particles-layer{pointer-events:none;z-index:10;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.smart-particles-content{z-index:1;position:relative}.smart-particle{width:var(--particle-size,8px);height:var(--particle-size,8px);pointer-events:none;will-change:transform, opacity;z-index:4;position:absolute}.smart-particle:before{content:"";background:radial-gradient(circle at 32% 28%, #fff 0%, #fffffff2 25%, var(--particle-color,#60a5fa) 65%, var(--particle-color,#60a5fa) 100%);box-shadow:0 0 10px var(--particle-color,#60a5fa), inset 0 0 4px #fffc;filter:drop-shadow(0 2px 4px #00000040);border-radius:50%;position:absolute;inset:0}.smart-particle:after{content:"";width:calc(var(--particle-size,8px) * 3.8);height:calc(var(--particle-size,8px) * 3.8);background:radial-gradient(circle, var(--particle-color,#60a5fa) 0%, #fff3 30%, transparent 72%);opacity:.75;filter:blur(1px);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.smart-particle-ambient{animation:ambientFloat var(--particle-duration,4s) ease-in-out infinite var(--particle-delay,0s)}@keyframes ambientFloat{0%,to{opacity:.4;transform:translateY(0)scale(.9)}50%{opacity:.9;transform:translateY(-8px)scale(1.15)}}.smart-particle-interactive{animation:interactivePulse var(--particle-duration,3.5s) ease-in-out infinite var(--particle-delay,0s)}@keyframes interactivePulse{0%,to{opacity:.5;transform:translate(0)scale(.85)}33%{opacity:.95;transform:translate(4px,-6px)scale(1.1)}66%{opacity:.7;transform:translate(-4px,4px)scale(.95)}}.smart-particle-static{animation:staticGlow var(--particle-duration,5s) ease-in-out infinite var(--particle-delay,0s)}@keyframes staticGlow{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:.8;transform:scale(1.05)}}