@property --guide-orb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.guide-orb{isolation:isolate;--orb-duration:20s;border-radius:50%;grid-template-areas:"stack";display:grid;position:relative}.guide-orb-inner{width:100%;height:100%;transform:scale(calc(1 + var(--orb-amp,0) * .08));filter:brightness(calc(1 + var(--orb-amp,0) * .2));border-radius:50%;grid-area:stack;transition:transform 80ms linear,filter 80ms linear;position:relative;overflow:hidden}.guide-orb-inner:before,.guide-orb-inner:after{content:"";border-radius:50%;display:block;position:absolute;inset:0}.guide-orb-inner:before{background:conic-gradient(from calc(var(--guide-orb-angle) * 2) at 25% 70%, var(--orb-c3), transparent 20% 80%, var(--orb-c3)), conic-gradient(from calc(var(--guide-orb-angle) * 2) at 45% 75%, var(--orb-c2), transparent 30% 60%, var(--orb-c2)), conic-gradient(from calc(var(--guide-orb-angle) * -3) at 80% 20%, var(--orb-c1), transparent 40% 60%, var(--orb-c1)), conic-gradient(from calc(var(--guide-orb-angle) * 2) at 15% 5%, var(--orb-c2), transparent 10% 90%, var(--orb-c2)), conic-gradient(from calc(var(--guide-orb-angle) * 1) at 20% 80%, var(--orb-c1), transparent 10% 90%, var(--orb-c1)), conic-gradient(from calc(var(--guide-orb-angle) * -2) at 85% 10%, var(--orb-c3), transparent 20% 80%, var(--orb-c3));box-shadow:inset var(--orb-bg) 0 0 var(--orb-shadow) calc(var(--orb-shadow) * .2);filter:blur(var(--orb-blur)) contrast(var(--orb-contrast));animation:guide-orb-rotate var(--orb-duration) linear infinite}.guide-orb-inner:after{background-image:radial-gradient(circle at center, var(--orb-bg) var(--orb-dot), transparent var(--orb-dot));background-size:calc(var(--orb-dot) * 2) calc(var(--orb-dot) * 2);-webkit-backdrop-filter:blur(calc(var(--orb-blur) * 2)) contrast(calc(var(--orb-contrast) * 2));backdrop-filter:blur(calc(var(--orb-blur) * 2)) contrast(calc(var(--orb-contrast) * 2));mix-blend-mode:overlay}.guide-orb:not([data-mask-none=true]) .guide-orb-inner:after{-webkit-mask-image:radial-gradient(black var(--orb-mask), transparent 75%);mask-image:radial-gradient(black var(--orb-mask), transparent 75%)}.guide-orb[data-state=idle]{--orb-duration:20s}.guide-orb[data-state=listening]{--orb-duration:30s;animation:1.4s ease-in-out infinite guide-orb-breathe}.guide-orb[data-state=thinking]{--orb-duration:5s}.guide-orb[data-state=thinking] .guide-orb-inner:before{filter:blur(var(--orb-blur)) contrast(calc(var(--orb-contrast) * 1.15)) saturate(1.2)}.guide-orb[data-state=responding]{--orb-duration:10s}.guide-orb[data-state=responding] .guide-orb-inner:after{background:radial-gradient(circle at center, var(--orb-bg) var(--orb-dot), transparent var(--orb-dot)), linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--orb-c1) 40%, transparent) 50%, transparent 100%);background-size:calc(var(--orb-dot) * 2) calc(var(--orb-dot) * 2), 200% 100%;background-repeat:repeat,no-repeat;animation:2.2s linear infinite guide-orb-shimmer}.guide-orb[data-state=error]{--orb-duration:25s}.guide-orb[data-state=success]{--orb-duration:12s}.guide-orb-ping{pointer-events:none;z-index:-1;border-radius:50%;position:absolute;inset:-12%}@keyframes guide-orb-rotate{to{--guide-orb-angle:360deg}}@keyframes guide-orb-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.03)}}@keyframes guide-orb-shimmer{0%{background-position:0 0,-100% 0}to{background-position:0 0,200% 0}}@media (prefers-reduced-motion:reduce){.guide-orb,.guide-orb-inner:before,.guide-orb-inner:after{animation:none!important}}