pre[class*=language-]{color:#f4f4f5}.token.class-name,.token.function,.token.selector,.token.selector .class,.token.selector.class,.token.tag{color:#60a5fa}.token.attr-name,.token.important,.token.keyword,.token.pseudo-class,.token.rule{color:#cbd5e1}.token.module{color:#34d399}.token.attr-value,.token.class,.token.property,.token.string{color:#5eead4}.token.attr-equals,.token.punctuation{color:#71717a}.language-css .token.function,.token.unit{color:#bae6fd}.token.combinator,.token.comment,.token.operator{color:#a1a1aa}@keyframes voice-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.4}to{transform:scale(1);opacity:.8}}.voice-pulse{animation:voice-pulse 2s ease-in-out infinite}@keyframes waveform{0%,to{height:4px}50%{height:24px}}.waveform-bar{animation:waveform 1.5s ease-in-out infinite}.waveform-bar:nth-child(2n){animation-delay:.1s}.waveform-bar:nth-child(3n){animation-delay:.2s}.waveform-bar:nth-child(4n){animation-delay:.3s}.waveform-bar:nth-child(5n){animation-delay:.4s}@keyframes sound-level{0%{transform:scaleY(.3);opacity:.6}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.3);opacity:.6}}.sound-level-bar{animation:sound-level .5s ease-in-out infinite;transform-origin:bottom}.mic-button-idle{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.mic-button-idle:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.mic-button-idle:is(.dark *){--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.mic-button-idle:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(82 82 82/var(--tw-bg-opacity,1))}.mic-button-idle{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.mic-button-idle:is(.dark *){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.mic-button-idle{transition:all .2s ease-in-out}.mic-button-listening{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.mic-button-listening:is(.dark *){--tw-bg-opacity:1;background-color:rgb(82 82 82/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.mic-button-listening{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.mic-button-listening:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(115 115 115/var(--tw-ring-opacity,1))}.mic-button-listening{animation:voice-pulse 2s ease-in-out infinite}.mic-button-error{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mic-button-error:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.mic-button-error:is(.dark *){background-color:rgba(127,29,29,.2)}.mic-button-error:hover:is(.dark *){background-color:rgba(127,29,29,.3)}.mic-button-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.mic-button-error:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.mic-button-disabled{cursor:not-allowed;opacity:.5}.recording-indicator-enter{transform:translateY(100%);opacity:0}.recording-indicator-enter-active{transform:translateY(0);opacity:1;transition:transform .3s ease-out,opacity .3s ease-out}.recording-indicator-exit{transform:translateY(0);opacity:1}.recording-indicator-exit-active{transform:translateY(100%);opacity:0;transition:transform .3s ease-in,opacity .3s ease-in}.transcript-interim{font-style:italic;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.transcript-interim:is(.dark *){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.transcript-interim{opacity:.8}.transcript-final{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.transcript-final:is(.dark *){--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity,1))}.transcript-final{opacity:1}.confidence-indicator{transition:width .3s ease-out}.confidence-high{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.confidence-medium{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.confidence-low{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.permission-prompt{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.permission-prompt:is(.dark *){background-color:hsla(0,0%,9%,.5)}.permission-prompt{border-width:1px;--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.permission-prompt:is(.dark *){--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.permission-prompt{border-radius:var(--radius);padding:1rem}.permission-prompt-button{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.permission-prompt-button:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.permission-prompt-button{border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;font-weight:500;transition:background-color .2s ease-in-out}.voice-error{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.voice-error:is(.dark *){background-color:hsla(0,0%,9%,.5)}.voice-error{border-width:1px;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.voice-error:is(.dark *){--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.voice-error{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.voice-error:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.voice-error{border-radius:var(--radius);padding:.75rem;font-size:.875rem;line-height:1.25rem}@media (max-width:640px){.recording-indicator-mobile{bottom:4rem;left:.5rem;right:.5rem}.mic-button-mobile{height:3rem;width:3rem}}@media (prefers-color-scheme:dark){.voice-pulse{box-shadow:0 0 0 4px rgba(239,68,68,.2)}}@media (prefers-reduced-motion:reduce){.interim-text,.sound-level-bar,.voice-activity-bar,.voice-pulse,.waveform-bar{animation:none}.recording-indicator-enter-active,.recording-indicator-exit-active{transition:none}}.mic-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(251 148 114/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.recording-control-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(251 148 114/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.voice-listening{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.voice-listening:is(.dark *){--tw-border-opacity:1;border-color:rgb(115 115 115/var(--tw-border-opacity,1))}.voice-listening{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.voice-listening:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(82 82 82/var(--tw-ring-opacity,1))}.voice-listening{transition:all .2s ease-in-out}.voice-listening:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.voice-listening:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(163 163 163/var(--tw-border-opacity,1))}.voice-listening:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.voice-listening:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(115 115 115/var(--tw-ring-opacity,1))}@keyframes interim-pulse{0%,to{opacity:.6}50%{opacity:.3}}.interim-text{animation:interim-pulse 1.5s ease-in-out infinite}@keyframes voice-activity{0%,to{height:8px;opacity:.4}50%{height:16px;opacity:.8}}.voice-activity-bar{animation:voice-activity .8s ease-in-out infinite}.voice-activity-bar:nth-child(2){animation-delay:.1s}.voice-activity-bar:nth-child(3){animation-delay:.2s}.listening-glow{background:radial-gradient(circle at center,rgba(239,68,68,.05) 0,transparent 70%)}.voice-overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.voice-overlay{background:rgba(38,38,38,.95);border:1px solid hsla(0,0%,45%,.3);box-shadow:0 8px 32px rgba(0,0,0,.3)}}.voice-button-micro{transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.voice-button-micro:hover{transform:translateY(-1px) translateZ(0);box-shadow:0 4px 12px rgba(0,0,0,.15)}.voice-button-micro:active{transform:translateY(0) translateZ(0);transition-duration:.1s}.waveform-container{background:linear-gradient(135deg,rgba(156,163,175,.1),rgba(209,213,219,.1));border-radius:12px;padding:8px;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.waveform-container{background:linear-gradient(135deg,hsla(0,0%,45%,.1),hsla(0,0%,64%,.1))}}.waveform-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.listening-dots{display:flex;gap:.25rem}.listening-dot{height:.25rem;width:.25rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.listening-dot:is(.dark *){--tw-bg-opacity:1;background-color:rgb(115 115 115/var(--tw-bg-opacity,1))}.listening-dot{animation:listening-pulse 1.4s ease-in-out infinite}.listening-dot:first-child{animation-delay:0s}.listening-dot:nth-child(2){animation-delay:.2s}.listening-dot:nth-child(3){animation-delay:.4s}@keyframes listening-pulse{0%,60%,to{transform:scale(1);opacity:.4}30%{transform:scale(1.3);opacity:1}}.voice-overlay-enter{animation:voice-overlay-enter .3s cubic-bezier(.4,0,.2,1)}@keyframes voice-overlay-enter{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tooltip-enter{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.horizontal-waveform{background-color:rgba(243,244,246,.5)}.horizontal-waveform:is(.dark *){background-color:rgba(64,64,64,.5)}.horizontal-waveform{border-radius:1rem;padding:.25rem .5rem;position:relative;overflow:hidden}.horizontal-waveform:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:horizontal-shimmer 3s infinite}@keyframes horizontal-shimmer{0%{left:-100%}to{left:100%}}.recording-pulse{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.recording-pulse:is(.dark *){--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.recording-pulse{animation:recording-pulse 1.5s infinite}@keyframes recording-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}@media (prefers-color-scheme:dark){@keyframes recording-pulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.7)}70%{box-shadow:0 0 0 6px rgba(220,38,38,0)}to{box-shadow:0 0 0 0 rgba(220,38,38,0)}}}.horizontal-listening-enter{animation:horizontal-listening-enter .3s cubic-bezier(.4,0,.2,1)}@keyframes horizontal-listening-enter{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.horizontal-listening-bar{margin:0 -4px;border-radius:16px;padding:12px 16px}.horizontal-waveform{padding:3px 6px;border-radius:12px}.interim-text-horizontal{font-size:13px;line-height:1.4}}@media (min-width:641px){.horizontal-waveform{width:100%}}@media (prefers-reduced-motion:reduce){.horizontal-listening-enter,.horizontal-shimmer,.interim-text-horizontal,.recording-pulse{animation:none}}