.clay{pointer-events:none;filter:drop-shadow(0 5px 7px #ff5a2647);display:block;overflow:visible}.clay__teal{transition:opacity .6s}.clay__grain{opacity:.16;mix-blend-mode:soft-light}@media (prefers-reduced-motion:reduce){.clay__teal{transition:opacity .2s}}
.sg{--sg-level:0;--sg-angle:0deg;z-index:30;border-radius:var(--sg-radius,36px);opacity:0;pointer-events:none;contain:strict;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.sg[data-state=listening],.sg[data-state=hearing],.sg[data-state=thinking]{opacity:1;transition:opacity .4s cubic-bezier(.2,.8,.2,1)}.sg[data-state=done]{opacity:0;transition:opacity .6s .7s}.sg__bloom,.sg__reach,.sg__corners,.sg__band,.sg__sweep{border-radius:inherit;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;inset:0}.sg__ring{box-sizing:border-box;border-radius:inherit;padding:var(--w);-webkit-mask-composite:xor;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sg__ring--band{--w:3px}.sg__ring--bloom{--w:22px}.sg__ring--reach{--w:30px}.sg__ring--corner{--w:34px}.sg__ring--sweep{--w:6px}.sg__spin{aspect-ratio:1;width:150%;translate:-50% -50%;rotate:var(--sg-angle);background:conic-gradient(#ff5aa8,#ff8a3d 60deg,#ffd25a 110deg,#3fbfbd 175deg,#6a7bff 235deg,#a35cff 295deg,#ff5aa8);position:absolute;top:50%;left:50%}.sg__bloom{filter:blur(14px)saturate(1.1);opacity:.6}.sg__reach{filter:blur(22px)saturate(1.15);opacity:calc(var(--sg-level) * .6);transform:scale(calc(1 - .05 * var(--sg-level)));transition:none}.sg__corners{filter:blur(12px)saturate(1.15);opacity:.6}.sg__cmask{position:absolute;inset:0;-webkit-mask:radial-gradient(150px at 0 0,#000,#0000),radial-gradient(150px at 100% 0,#000,#0000),radial-gradient(150px at 0 100%,#000,#0000),radial-gradient(150px at 100% 100%,#000,#0000);mask:radial-gradient(150px at 0 0,#000,#0000),radial-gradient(150px at 100% 0,#000,#0000),radial-gradient(150px at 0 100%,#000,#0000),radial-gradient(150px at 100% 100%,#000,#0000)}.sg__band{filter:saturate(1.25)brightness(1.05)}.sg__sweep{filter:blur(5px);opacity:0}.sg__spin--sweep{background:conic-gradient(transparent 0 290deg, #ffffffe6 345deg, transparent 360deg);rotate:0deg}.sg[data-state=idle] .sg__bloom,.sg[data-state=idle] .sg__corners{transform:scale(1.08)}.sg[data-state=idle] .sg__band{transform:scale(1.03)}.sg[data-state=listening] .sg__bloom{animation:2s ease-in-out infinite sg-breathe}@keyframes sg-breathe{0%,to{opacity:.54;transform:scale(1)}50%{opacity:.66;transform:scale(.992)}}.sg[data-state=hearing] .sg__bloom{opacity:calc(.5 + .25 * var(--sg-level));transition:none}.sg[data-state=thinking] .sg__band{transform:scale(1.005)}.sg[data-state=thinking] .sg__bloom{opacity:.42;transform:scale(1.02)}.sg[data-state=done] .sg__sweep{opacity:1;transition:none}.sg[data-state=done] .sg__spin--sweep{animation:.7s cubic-bezier(.45,0,.25,1) both sg-sweep}@keyframes sg-sweep{0%{rotate:0turn}to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.sg__bloom,.sg__corners,.sg__band,.sg__sweep{transition:opacity .4s;animation:none!important;transform:none!important}.sg__reach,.sg__sweep{display:none}.sg[data-state=done]{transition:opacity .6s}}
.vn{z-index:40;box-sizing:border-box;border-radius:var(--vn-radius,28px);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);color:#1f1c19;pointer-events:none;opacity:0;filter:blur(6px);background:linear-gradient(160deg,#ffffffdb,#ffffffb3);border:1px solid #ffffffd9;align-items:center;gap:16px;min-height:92px;padding:16px 24px 16px 18px;transition:opacity .26s,transform .42s cubic-bezier(.3,1.3,.5,1),filter .26s;display:flex;position:absolute;top:16px;left:16px;right:16px;transform:translateY(-24px)scale(.96);box-shadow:0 0 0 1px #ff8cbe2e,0 0 26px #ff78aa38,0 14px 34px #1f1c1924}.vn:not([data-state=idle]){opacity:1;filter:none;pointer-events:auto;transform:none}.vn[data-state=idle]{transition:opacity .24s,transform .3s cubic-bezier(.5,0,.75,0),filter .24s}.vn__clay{flex:none;width:56px;height:56px;display:block;position:relative}.vn__text{flex-direction:column;gap:2px;min-width:0;display:flex}.vn__status{color:#8a8580;letter-spacing:.01em;font-size:13px;font-weight:500;line-height:16px}.vn__main{letter-spacing:-.01em;font-size:20px;font-weight:400;line-height:26px}.vn__main--hint{color:#8a8580}.vn__main:not(.vn__main--hint):not(.is-result){animation:1.3s cubic-bezier(.3,0,.3,1) both vn-dictate}.vn__main.is-result{animation:.38s cubic-bezier(.2,.8,.2,1) both vn-in}@keyframes vn-dictate{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes vn-in{0%{opacity:0;filter:blur(6px);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.vn,.vn[data-state=idle]{filter:none;transition:opacity .3s;transform:none}.vn__main{animation:none!important}}