.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 30% 30%, #ffffffe6, var(--particle-color,#60a5fa) 40%, var(--particle-color,#60a5fa) 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 6px #fff6}.smart-particle:after{content:"";width:calc(var(--particle-size,8px) * 3);height:calc(var(--particle-size,8px) * 3);background:radial-gradient(circle, var(--particle-color,#60a5fa) 0%, transparent 70%);opacity:.6;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)}}