:root{--ai-accent: #6a5cff;--ai-accent-text: #4b3fd6;--ai-accent-surface: color-mix(in oklab, var(--ai-accent) 10%, transparent);--ai-accent-line: color-mix(in oklab, var(--ai-accent) 30%, transparent)}.dark{--ai-accent-text: #b3a8ff;--ai-accent-surface: color-mix(in oklab, var(--ai-accent) 18%, transparent);--ai-accent-line: color-mix(in oklab, var(--ai-accent) 40%, transparent)}.ai-orb{position:relative;border-radius:50%;overflow:hidden;isolation:isolate;background:#fdfdff;box-shadow:inset 0 0 0 1px #ffffffbf,0 calc(var(--ai-orb-size, 48px) * .12) calc(var(--ai-orb-size, 48px) * .5) calc(var(--ai-orb-size, 48px) * -.18) #7c5cff80}.dark .ai-orb{background:#0b0b0d;box-shadow:inset 0 0 0 1px #ffffff1f,0 calc(var(--ai-orb-size, 48px) * .12) calc(var(--ai-orb-size, 48px) * .5) calc(var(--ai-orb-size, 48px) * -.18) #9678ff73}.ai-orb__color{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;filter:blur(calc(var(--ai-orb-size, 48px) * .16));will-change:transform}.ai-orb__color--a{background:radial-gradient(38% 38% at 32% 30%,#6a5cff,#6a5cff00 62%),radial-gradient(34% 34% at 70% 32%,#c44bf0,#c44bf000 60%),radial-gradient(40% 40% at 64% 72%,#ff79b0,#ff79b000 62%),radial-gradient(40% 40% at 30% 70%,#58c7ff,#58c7ff00 62%);animation:ai-orb-spin var(--ai-orb-dur, 20s) linear infinite}.ai-orb__color--b{background:radial-gradient(36% 36% at 60% 28%,#8b6bff,#8b6bff00 60%),radial-gradient(34% 34% at 30% 60%,#5ec8ff,#5ec8ff00 60%),radial-gradient(42% 42% at 70% 70%,#ff9d7a,#ff9d7a00 62%),radial-gradient(32% 32% at 50% 82%,#ff6ea8,#ff6ea800 60%);opacity:.8;animation:ai-orb-spin-rev calc(var(--ai-orb-dur, 20s) * 1.5) linear infinite}.ai-orb__frost{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffffff29,#fff0 36%,#fff6 74%,#fffc)}.dark .ai-orb__frost{background:radial-gradient(circle at 50% 45%,#ffffff0f,#fff0 42%,#0b0b0d73 80%,#0b0b0dd9)}.ai-orb__spark{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:42%;height:42%;color:#fff;filter:drop-shadow(0 1px 2px rgba(70,50,140,.35));pointer-events:none}@keyframes ai-orb-spin{to{transform:rotate(360deg)}}@keyframes ai-orb-spin-rev{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.ai-orb__color{animation:none}}
