@property --glass-from{syntax: "<color>"; inherits: true; initial-value: #a78bfa;}@property --glass-to{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --glass-breathe{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glass-halo-base{syntax: "<number>"; inherits: true; initial-value: .72;}@property --glass-halo-gain{syntax: "<number>"; inherits: true; initial-value: .28;}@property --glass-halo-swell{syntax: "<number>"; inherits: true; initial-value: .14;}@property --glass-rim-base{syntax: "<number>"; inherits: true; initial-value: .85;}@property --glass-rim-gain{syntax: "<number>"; inherits: true; initial-value: 0;}.a{--orb-size: 160px;--orb-speed: 1;--orb-color-from: #a78bfa;--orb-color-to: #38bdf8;--orb-level: 0;--glass-from: var(--orb-color-from);--glass-to: var(--orb-color-to);--glass-breathe: 0;--glass-halo-base: .72;--glass-halo-gain: .28;--glass-halo-swell: .14;--glass-rim-base: .85;--glass-rim-gain: 0;--glass-blend: color-mix(in oklab, var(--glass-from), var(--glass-to) 50%);--glass-fill: light-dark( color-mix(in oklab, var(--glass-blend), transparent 62%), color-mix(in oklab, var(--glass-blend), transparent 86%) );--glass-edge: light-dark( color-mix(in oklab, color-mix(in oklab, var(--glass-from), #171a2b 55%), transparent 35%), color-mix(in oklab, #ffffff, transparent 66%) );--glass-depth: light-dark( color-mix(in oklab, color-mix(in oklab, var(--glass-from), #10131f 42%), transparent 46%), color-mix(in oklab, color-mix(in oklab, var(--glass-from), #05060c 52%), transparent 36%) );--glass-contact: light-dark( color-mix(in oklab, color-mix(in oklab, var(--glass-from), #10131f 55%), transparent 50%), color-mix(in oklab, color-mix(in oklab, var(--glass-blend), #000000 40%), transparent 42%) );--glass-halo-tight: light-dark(color-mix(in oklab, var(--glass-blend), transparent 32%), transparent);--glass-halo-wide: light-dark(transparent, color-mix(in oklab, var(--glass-blend), transparent 42%));--glass-caustic: color-mix(in oklab, color-mix(in oklab, var(--glass-to), #ffffff 55%), transparent 28%);--glass-spec-counter: color-mix(in oklab, color-mix(in oklab, var(--glass-to), #ffffff 42%), transparent 70%);position:relative;display:grid;place-items:center;width:var(--orb-size);height:var(--orb-size);isolation:isolate;--orb-dur: .2s;--orb-ease: cubic-bezier(.16, 1, .3, 1);transition-property:--glass-from,--glass-to,--glass-breathe,--glass-halo-base,--glass-halo-gain,--glass-halo-swell,--glass-rim-base,--glass-rim-gain,opacity,filter;transition-duration:var(--orb-dur);transition-timing-function:var(--orb-ease)}.a:is([data-state=idle],[data-state=disabled]){--orb-dur: .6s;--orb-ease: cubic-bezier(.65, 0, .35, 1)}.b{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(closest-side,var(--glass-halo-tight) 18%,transparent 66%),radial-gradient(closest-side,var(--glass-halo-wide) 10%,transparent 96%);opacity:calc(var(--glass-halo-base) + var(--glass-halo-gain) * var(--orb-level));transform:scale(calc(1 + var(--glass-halo-swell) * var(--orb-level)))}.e{position:absolute;inset:2.5%;border-radius:50%;background:conic-gradient(from 20deg,var(--glass-from),color-mix(in oklch,var(--glass-from),#ff3ea5 34%) 18%,var(--glass-to) 42%,color-mix(in oklch,var(--glass-to),#ffb54d 30%) 64%,color-mix(in oklch,var(--glass-from),#ffffff 24%) 82%,var(--glass-from));filter:blur(14px);opacity:calc(.62 + .38 * var(--orb-level));animation:r calc(9s / var(--orb-speed)) linear infinite,l calc(16s / var(--orb-speed)) ease-in-out infinite alternate}.o{position:absolute;inset:10%;border-radius:50%;background-color:var(--glass-fill);background-image:radial-gradient(60% 30% at 50% 96%,var(--glass-caustic),transparent 70%),radial-gradient(85% 60% at 50% 112%,var(--glass-depth),transparent 74%),linear-gradient(148deg,color-mix(in oklab,var(--glass-from),transparent 74%),color-mix(in oklab,var(--glass-to),transparent 68%) 90%);-webkit-backdrop-filter:blur(10px) saturate(1.5) brightness(1.05);backdrop-filter:blur(10px) saturate(1.5) brightness(1.05);box-shadow:inset 0 0 0 1px var(--glass-edge),inset 0 2px 10px color-mix(in oklab,#ffffff,transparent 62%),inset 0 -12px 26px var(--glass-depth),0 16px 36px -14px var(--glass-contact);transform:scale(calc(1 + .045 * var(--orb-level)));animation:i calc(3.2s / var(--orb-speed)) ease-in-out infinite}.n{position:absolute;inset:10%;border-radius:50%;background:conic-gradient(from 40deg,transparent 0deg 60deg,rgba(255,255,255,.85) 102deg,transparent 148deg 236deg,color-mix(in oklab,#ffffff,transparent 55%) 268deg,transparent 306deg);opacity:.12;-webkit-mask:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.35) 78%,transparent 97%);mask:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.35) 78%,transparent 97%);animation:r calc(14s / var(--orb-speed)) linear infinite}.p{position:absolute;inset:10%;border-radius:50%;background:conic-gradient(from -70deg,transparent 0deg,rgba(255,255,255,.9) 42deg,color-mix(in oklab,var(--glass-to),#ffffff 55%) 78deg,transparent 148deg,color-mix(in oklab,color-mix(in oklab,var(--glass-from),#ffffff 45%),transparent 45%) 208deg,transparent 268deg);opacity:calc(var(--glass-rim-base) + var(--glass-rim-gain) * var(--orb-level));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 5px),#000 calc(100% - 1.5px),transparent);mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 5px),#000 calc(100% - 1.5px),transparent)}.g{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(10% 7% at 31% 25%,rgba(255,255,255,.95) 88%,transparent 92%),radial-gradient(20% 14% at 33% 28%,rgba(255,255,255,.45),transparent 74%),radial-gradient(15% 10% at 69% 79%,var(--glass-spec-counter),transparent 78%);animation:c calc(7s / var(--orb-speed)) ease-in-out infinite alternate}.t,.s{position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in oklab,var(--glass-to),#ffffff 35%) 14deg,color-mix(in oklab,var(--glass-from),#ffffff 20%) 46deg,transparent 60deg 360deg);opacity:0;transition:opacity var(--orb-dur) var(--orb-ease);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 8px),#000 calc(100% - 6px),#000 calc(100% - 2px),transparent);mask:radial-gradient(closest-side,transparent calc(100% - 8px),#000 calc(100% - 6px),#000 calc(100% - 2px),transparent)}.t{animation:r calc(4.5s / var(--orb-speed)) linear infinite reverse}.s{animation:r calc(2.6s / var(--orb-speed)) linear infinite reverse}.f{position:absolute;inset:-8%;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:120px 120px;mix-blend-mode:overlay;opacity:.05;-webkit-mask:radial-gradient(closest-side,#000 55%,transparent 100%);mask:radial-gradient(closest-side,#000 55%,transparent 100%)}.a[data-state=connecting]{--glass-breathe: 1}.a[data-state=connecting] .t{opacity:.55}.a[data-state=thinking] .s{opacity:1}.a[data-state=listening]{--glass-halo-base: .6;--glass-halo-gain: .4;--glass-halo-swell: .2}.a[data-state=speaking]{--glass-rim-base: .7;--glass-rim-gain: .45}.a[data-state=error]{--glass-from: #fb7185;--glass-to: #f43f5e;animation:d .32s cubic-bezier(.36,.07,.19,.97) 1}.a[data-state=disabled]{filter:grayscale(.85);opacity:.5}@keyframes r{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes l{0%{filter:blur(14px) hue-rotate(-8deg)}to{filter:blur(14px) hue-rotate(8deg)}}@keyframes c{0%{opacity:.72;transform:translate3d(-.6%,.4%,0)}to{opacity:1;transform:translate3d(.6%,-.4%,0)}}@keyframes i{0%,to{scale:1}50%{scale:calc(1 + .035 * var(--glass-breathe))}}@keyframes d{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(1.5px)}}@media(prefers-reduced-motion:reduce){.a,.a[data-state=error],.e,.o,.n,.g,.t,.s{animation:none}.s{transform:rotate(180deg)}}@supports not (color: light-dark(#000,#fff)){.a{--glass-fill: color-mix(in oklab, var(--glass-blend), transparent 86%);--glass-edge: color-mix(in oklab, #ffffff, transparent 66%);--glass-depth: color-mix(in oklab, color-mix(in oklab, var(--glass-from), #05060c 52%), transparent 36%);--glass-contact: color-mix(in oklab, color-mix(in oklab, var(--glass-blend), #000000 40%), transparent 42%);--glass-halo-tight: transparent;--glass-halo-wide: color-mix(in oklab, var(--glass-blend), transparent 42%)}@media(prefers-color-scheme:light){.a{--glass-fill: color-mix(in oklab, var(--glass-blend), transparent 62%);--glass-edge: color-mix(in oklab, color-mix(in oklab, var(--glass-from), #171a2b 55%), transparent 35%);--glass-depth: color-mix(in oklab, color-mix(in oklab, var(--glass-from), #10131f 42%), transparent 46%);--glass-contact: color-mix(in oklab, color-mix(in oklab, var(--glass-from), #10131f 55%), transparent 50%);--glass-halo-tight: color-mix(in oklab, var(--glass-blend), transparent 32%);--glass-halo-wide: transparent}}}@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))){.a{--glass-fill: light-dark( color-mix(in oklab, var(--glass-blend), transparent 40%), color-mix(in oklab, var(--glass-blend), transparent 64%) )}}