@layer components{:root{--ai-drift-duration:45s;--ai-border-width:1px;--ai-border-radius:16px}@keyframes ai-canvas-drift{0%{background-position:10% 15%}14%{background-position:45% 10%}28%{background-position:75% 25%}42%{background-position:65% 55%}56%{background-position:35% 72%}70%{background-position:12% 55%}85%{background-position:28% 30%}to{background-position:10% 15%}}.ai-drift,.ai-fill,.ai-icon,.ai-text{background:radial-gradient(circle 80px at 8% 12%,#2c9199 0,transparent 100%),radial-gradient(circle 60px at 15% 5%,#4ecdc4 0,transparent 100%),radial-gradient(circle 70px at 78% 82%,#2c9199 0,transparent 100%),radial-gradient(circle 50px at 85% 90%,#3ba8b8 0,transparent 100%),radial-gradient(circle 75px at 72% 8%,#f06292 0,transparent 100%),radial-gradient(circle 55px at 82% 18%,#e879af 0,transparent 100%),radial-gradient(circle 65px at 65% 22%,rgba(240,98,146,.7) 0,transparent 100%),radial-gradient(circle 50px at 88% 45%,rgba(232,212,77,.5) 0,transparent 100%),radial-gradient(circle 40px at 78% 38%,rgba(232,212,77,.4) 0,transparent 100%),radial-gradient(circle 75px at 18% 78%,#b07cd8 0,transparent 100%),radial-gradient(circle 55px at 28% 88%,rgba(176,124,216,.8) 0,transparent 100%),radial-gradient(circle 60px at 10% 68%,rgba(156,111,223,.7) 0,transparent 100%),radial-gradient(circle 40px at 45% 15%,rgba(232,212,77,.3) 0,transparent 100%),radial-gradient(circle 45px at 50% 50%,rgba(240,98,146,.4) 0,transparent 100%),radial-gradient(circle 50px at 55% 80%,rgba(44,145,153,.5) 0,transparent 100%),radial-gradient(circle 40px at 40% 60%,rgba(176,124,216,.4) 0,transparent 100%),linear-gradient(135deg,#2c9199,#4ecdc4 18%,rgba(232,212,77,.6) 32%,#f06292 50%,#b07cd8 68%,#4ecdc4 85%,#2c9199);background-size:400% 400%;animation:ai-canvas-drift var(--ai-drift-duration) ease-in-out infinite}.ai-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ai-fill{color:white}.ai-icon{display:inline-block;background-size:var(--ai-canvas-scale,400% 400%);-webkit-mask-image:var(--ai-icon-src);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:var(--ai-icon-src);mask-size:contain;mask-repeat:no-repeat}.ai-border{position:relative;z-index:0}.ai-border:before{content:"";position:absolute;inset:calc(-1 * var(--ai-border-width));border-radius:var(--ai-border-radius);padding:var(--ai-border-width);background:radial-gradient(circle 80px at 8% 12%,#2c9199 0,transparent 100%),radial-gradient(circle 60px at 15% 5%,#4ecdc4 0,transparent 100%),radial-gradient(circle 70px at 78% 82%,#2c9199 0,transparent 100%),radial-gradient(circle 50px at 85% 90%,#3ba8b8 0,transparent 100%),radial-gradient(circle 75px at 72% 8%,#f06292 0,transparent 100%),radial-gradient(circle 55px at 82% 18%,#e879af 0,transparent 100%),radial-gradient(circle 65px at 65% 22%,rgba(240,98,146,.7) 0,transparent 100%),radial-gradient(circle 50px at 88% 45%,rgba(232,212,77,.5) 0,transparent 100%),radial-gradient(circle 40px at 78% 38%,rgba(232,212,77,.4) 0,transparent 100%),radial-gradient(circle 75px at 18% 78%,#b07cd8 0,transparent 100%),radial-gradient(circle 55px at 28% 88%,rgba(176,124,216,.8) 0,transparent 100%),radial-gradient(circle 60px at 10% 68%,rgba(156,111,223,.7) 0,transparent 100%),radial-gradient(circle 40px at 45% 15%,rgba(232,212,77,.3) 0,transparent 100%),radial-gradient(circle 45px at 50% 50%,rgba(240,98,146,.4) 0,transparent 100%),radial-gradient(circle 50px at 55% 80%,rgba(44,145,153,.5) 0,transparent 100%),radial-gradient(circle 40px at 40% 60%,rgba(176,124,216,.4) 0,transparent 100%),linear-gradient(135deg,#2c9199,#4ecdc4 18%,rgba(232,212,77,.6) 32%,#f06292 50%,#b07cd8 68%,#4ecdc4 85%,#2c9199);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ai-canvas-drift var(--ai-drift-duration) ease-in-out infinite;z-index:-1;pointer-events:none}}