.vi{width:100%}.vi-field{width:100%;display:block;position:relative}.vi-textarea{resize:vertical;width:100%;padding-right:3.6rem}.vi-mic{border:1px solid color-mix(in srgb, var(--violet) 30%, transparent);background:color-mix(in srgb, var(--violet) 12%, #fff);width:2.6rem;height:2.6rem;color:var(--violet-deep);cursor:pointer;border-radius:999px;place-items:center;transition:color .2s,background .2s,box-shadow .2s,transform .15s;display:grid;position:absolute;top:.5rem;right:.5rem}.vi-mic svg{width:1.15rem;height:1.15rem}.vi-mic:hover:not(:disabled){background:color-mix(in srgb, var(--violet) 20%, #fff);transform:scale(1.05)}.vi-mic:focus-visible{outline:2px solid var(--violet-deep);outline-offset:2px}.vi-mic:disabled{opacity:.5;cursor:default}.vi-mic.is-live{color:#fff;background:linear-gradient(135deg, var(--violet-deep), var(--coral));box-shadow:0 0 0 calc(2px + (var(--level,0) * 10px)) color-mix(in srgb, var(--violet) 22%, transparent), var(--glass-shadow)}.vi-hint{color:var(--muted);margin-top:.5rem;font-size:.78rem;line-height:1.5}.vi[data-phase=error] .vi-hint{color:var(--coral)}@media (prefers-reduced-motion:reduce){.vi-mic.is-live{box-shadow:0 0 0 3px color-mix(in srgb, var(--violet) 22%, transparent), var(--glass-shadow)}}