.voice-orb{position:relative;width:84px;height:84px;padding:0;border:0;background:transparent;isolation:isolate}.voice-orb canvas{display:block;width:100%;height:100%}.voice-orb:focus-visible{outline:2px solid #427bd4;border-radius:50%;outline-offset:3px}
.voice-orb .voice-surface{position:absolute;inset:14%;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;isolation:isolate;background:radial-gradient(ellipse at 30% 20%,#fff 0%,#e6f1ff 48%,#cce2ff 100%);border:1px solid #bfd8f8;box-shadow:inset 0 0 14px #ffffffa6,0 5px 22px #6b9cd824}
.voice-orb .voice-art{position:absolute;inset:0;border-radius:inherit;transform:rotate(-7deg) scale(.93)}
.voice-orb .voice-petal{position:absolute;filter:none}
.voice-orb .voice-a{left:12%;top:12%;width:63%;height:73%;border-radius:75% 25% 68% 32% / 58% 34% 66% 42%;background:radial-gradient(ellipse at 80% 70%,#fff9,transparent 48%),linear-gradient(145deg,#e1f8ff20 10%,#73aafaaf 42%,#2a7de3ba 60%,#bfedff28 88%);transform:rotate(-32deg);box-shadow:inset 1px 1px 2px #ffffff80}
.voice-orb .voice-b{left:32%;top:15%;width:52%;height:72%;border-radius:32% 68% 30% 70% / 40% 63% 37% 60%;background:linear-gradient(160deg,#deefff40 8%,#98d8ffc9 44%,#689beb98 66%,#e6f7ff18 88%);transform:rotate(38deg);box-shadow:inset -1px 0 2px #ffffff85}
.voice-orb .voice-c{left:11%;top:37%;width:76%;height:48%;border-radius:70% 30% 68% 32% / 65% 62% 38% 35%;background:linear-gradient(165deg,#92d7ff80 10%,#d3eaffba 46%,#6e9fe8a8 62%,#c5ddff20 90%);transform:rotate(-18deg);box-shadow:inset 0 1px 2px #ffffff80}
.voice-orb .voice-light{position:absolute;inset:31%;background:radial-gradient(ellipse,#fff 4%,#eefaffbb 30%,#ffffff00 70%);border-radius:50%;filter:blur(2px)}
.voice-orb .voice-light{inset:auto;left:50%;top:50%;width:32%;height:32%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 46% 42%,#fff 0%,#fff 13%,#e7fcfff2 32%,#bcecffb3 52%,#82caff66 70%,#72baff00 87%);filter:blur(.8px);mix-blend-mode:screen}