.background-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.animated-gradient{z-index:2;pointer-events:none;width:100%;height:100%;transition:background .5s;position:absolute;top:0;left:0}.particles-container{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:radial-gradient(circle,rgba(76,175,80,.4) 0%,rgba(76,175,80,0) 70%);border-radius:50%;animation:ease-in-out infinite float,3s ease-in-out infinite pulse;position:absolute}@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-30px)translate(20px)}50%{transform:translateY(-15px)translate(-15px)}75%{transform:translateY(-40px)translate(10px)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.flying-icons{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.flying-icon{animation:ease-in-out infinite flyPath;position:absolute}.icon-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.7;background:rgba(255,255,255,.95);border:1px solid rgba(76,175,80,.25);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:2s ease-in-out infinite iconPulse;display:flex;box-shadow:0 4px 20px rgba(76,175,80,.15)}.direction-toAI .icon-wrapper{border-color:rgba(33,150,243,.2);box-shadow:0 4px 20px rgba(33,150,243,.1)}.direction-fromAI .icon-wrapper{border-color:rgba(76,175,80,.2);box-shadow:0 4px 20px rgba(76,175,80,.1)}@keyframes flyPath{0%{opacity:0;transform:translate(0)scale(.5)}10%{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.6;transform:translate(calc(var(--move-x)*.5),calc(var(--move-y)*.5))scale(1)}90%{opacity:.6;transform:translate(var(--move-x),var(--move-y))scale(1)}to{opacity:0;transform:translate(var(--move-x),var(--move-y))scale(.5)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}