:root{--orb-primary:74, 131, 246;--orb-secondary:105, 117, 244;--orb-accent:131, 105, 243;--orb-highlight:109, 234, 178;--orb-bg:26, 31, 46;--orb-gradient-start:#8868f5;--orb-gradient-end:#3f89f6}.voice-orb-container{opacity:var(--orb-opacity,.85);cursor:default;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:opacity .3s,transform .2s;display:flex;position:relative}.voice-orb-clickable{cursor:pointer}.voice-orb-clickable:hover{opacity:1;transform:scale(1.05)}.voice-orb-clickable:active{transform:scale(.98)}.voice-orb-clickable:focus-visible{outline:2px solid rgba(var(--orb-primary), .5);outline-offset:4px;border-radius:50%}.voice-orb-disabled{cursor:not-allowed;opacity:.4}.voice-orb-stop .voice-circle-1{background:radial-gradient(circle, rgba(var(--orb-bg), 0) 0%, rgba(var(--orb-bg), 0) 60%, #ef4444e6 70%, #ef4444 100%);box-shadow:0 0 20px 5px #ef444433}.voice-orb-stop .voice-circle-2{background:radial-gradient(circle, rgba(var(--orb-bg), 0) 0%, rgba(var(--orb-bg), 0) 62%, #dc2626e6 72%, #dc2626 100%);box-shadow:0 0 20px 5px #dc262626}.voice-orb-stop .voice-circle-3{background:radial-gradient(circle, rgba(var(--orb-bg), 0) 0%, rgba(var(--orb-bg), 0) 65%, #f87171cc 73%, #f87171 100%);box-shadow:0 0 15px 3px #f871711a}.voice-orb-wrapper{width:100%;height:100%;transition:transform .3s;position:relative}.voice-orb-wrapper.active{transform:scale(var(--orb-scale,1))}.voice-circle{width:100%;height:100%;animation:orbRotate var(--orb-duration,6s) infinite ease-in-out;border-radius:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-circle-1{background:radial-gradient(circle, rgba(var(--orb-bg), 0) 0%, rgba(var(--orb-bg), 0) 60%, rgba(var(--orb-primary), .9) 70%, rgba(var(--orb-primary), 1) 100%);box-shadow:0 0 20px 5px rgba(var(--orb-primary), .2)}.voice-circle-2{background:radial-gradient(circle, rgba(var(--orb-bg), 0) 0%, rgba(var(--orb-bg), 0) 62%, rgba(var(--orb-accent), .9) 72%, rgba(var(--orb-accent), 1) 100%);animation:orbRotate var(--orb-duration,6s) infinite reverse ease-in-out;box-shadow:0 0 20px 5px rgba(var(--orb-accent), .15)}.voice-circle-3{background:radial-gradient(circle, rgba(var(--orb-bg), 0) 0%, rgba(var(--orb-bg), 0) 65%, rgba(var(--orb-highlight), .8) 73%, rgba(var(--orb-highlight), 1) 100%);animation:orbRotate calc(var(--orb-duration,6s) * 1.3) infinite ease-in-out;box-shadow:0 0 15px 3px rgba(var(--orb-highlight), .1);animation-delay:-2s}.voice-orb-icon-container{z-index:10;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-orb-icon{filter:drop-shadow(0 2px 4px #0000004d);transition:opacity .2s,transform .2s}.voice-orb-icon-gradient{color:var(--orb-gradient-start);stroke:var(--orb-gradient-start);fill:none}.voice-orb-icon-listening{filter:drop-shadow(0 0 12px var(--orb-gradient-end)) drop-shadow(0 0 4px #fffc);color:#fff!important;stroke:#fff!important}.voice-orb-icon-stop{color:#fff;opacity:.95}.voice-orb-icon-container.speaking .voice-orb-icon{animation:1s ease-in-out infinite iconPulse}.voice-orb-icon-container.listening .voice-orb-icon{animation:1.5s ease-in-out infinite listeningPulse}@keyframes listeningPulse{0%,to{filter:drop-shadow(0 0 12px var(--orb-gradient-end)) drop-shadow(0 0 4px #fffc);transform:scale(1)}50%{filter:drop-shadow(0 0 20px var(--orb-gradient-end)) drop-shadow(0 0 8px #fff);transform:scale(1.15)}}.voice-orb-glow{background:radial-gradient(circle, rgba(var(--orb-primary), .3) 0%, rgba(var(--orb-accent), .15) 40%, transparent 70%);filter:blur(15px);z-index:-1;border-radius:50%;animation:3s ease-in-out infinite glowPulse;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.voice-orb-stop .voice-orb-glow{background:radial-gradient(circle,#ef44444d 0%,#dc262626 40%,#0000 70%)}@keyframes orbRotate{0%{border-radius:55%;transform:translate(-50%,-50%)rotate(0)scale(1)}25%{border-radius:48% 52% 50% 50%}50%{border-radius:45% 55% 52% 48%;transform:translate(-50%,-50%)rotate(180deg)scale(1.03)}75%{border-radius:52% 48% 48% 52%}to{border-radius:55%;transform:translate(-50%,-50%)rotate(360deg)scale(1)}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes iconPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.voice-orb-wrapper.speaking .voice-circle{box-shadow:0 0 30px 10px rgba(var(--orb-primary), .3), 0 0 60px 20px rgba(var(--orb-accent), .15)}.voice-orb-wrapper.speaking .voice-orb-glow{animation-duration:1.5s}