.voice-hud{display:flex;align-items:center;gap:.625rem;animation:voice-hud-in var(--dur-modal,.2s) var(--ease-out,ease-out)}.voice-hud[data-placement=floating]{position:fixed;left:50%;bottom:calc(1rem + var(--safe-bottom, 0px));transform:translateX(-50%) translate(var(--hud-dx,0),var(--hud-dy,0));z-index:40;cursor:grab;max-width:calc(100vw - 1.5rem - var(--safe-left, 0px) - var(--safe-right, 0px));padding:.375rem .5rem .375rem .625rem;border:1px solid var(--border);border-radius:var(--r-pill,999px);background:var(--surface);box-shadow:var(--shadow-popover)}.voice-hud[data-placement=floating]:not([data-dragging]){transition:transform var(--dur-modal,.2s) var(--ease-out,ease-out)}.voice-hud[data-placement=floating][data-dragging]{cursor:grabbing;user-select:none;-webkit-user-select:none}.voice-hud[data-placement=inline]{width:100%;justify-content:center;padding:.25rem 0}.voice-hud__readout{interpolate-size:allow-keywords;transition:width var(--dur-modal,.2s) var(--ease-out,ease-out)}.voice-hud[data-captioned] .voice-hud__readout{width:clamp(8rem,32vw,15rem)}@keyframes voice-hud-in{0%{opacity:0}to{opacity:1}}.voice-orb-btn{display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--r-pill,999px);transition:transform var(--dur-press,.12s) var(--ease-out,ease-out)}.voice-orb-btn:active{transform:scale(.97)}.voice-orb{position:relative}.voice-orb,.voice-orb__core{display:grid;place-items:center}.voice-orb__core{transition:transform .12s var(--ease-out,ease-out)}@media (prefers-reduced-motion:no-preference){.voice-orb__core{transform:scale(calc(1 + var(--voice-amp, 0) * .16))}}.voice-orb__ring{position:absolute;inset:0;border-radius:var(--r-pill,999px);border:2px solid color-mix(in oklab,var(--running) 55%,transparent);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.voice-orb__ring--amp{opacity:calc(var(--voice-amp, 0) * .65);border-color:color-mix(in oklab,var(--running) 60%,transparent);transform:scale(calc(1 + var(--voice-amp, 0) * .22));transition:opacity .12s var(--ease-out,ease-out),transform .12s var(--ease-out,ease-out)}}.voice-orb[data-state=idle] .voice-orb__ring--1{opacity:.28}@keyframes voice-pulse-out{0%{transform:scale(1);opacity:.5}70%{opacity:0}to{transform:scale(var(--voice-ring-max,1.35));opacity:0}}.voice-orb[data-state=listening] .voice-orb__ring--1{animation:voice-pulse-out 2.4s var(--ease-out,ease-out) infinite}.voice-orb[data-state=listening] .voice-orb__ring--2{animation:voice-pulse-out 2.4s var(--ease-out,ease-out) 1.2s infinite}@keyframes voice-pulse-amp{0%{transform:scale(1);opacity:.65}60%{opacity:.1}to{transform:scale(var(--voice-ring-max-amp,1.5));opacity:0}}.voice-orb[data-state=speaking] .voice-orb__ring--1{border-color:color-mix(in oklab,var(--running) 70%,transparent);animation:voice-pulse-amp 1.1s var(--ease-out,ease-out) infinite}.voice-orb[data-state=speaking] .voice-orb__ring--2{border-color:color-mix(in oklab,var(--running) 70%,transparent);animation:voice-pulse-amp 1.1s var(--ease-out,ease-out) .55s infinite}@keyframes voice-shimmer-spin{to{transform:rotate(1turn)}}.voice-orb[data-state=thinking] .voice-orb__ring--1{opacity:.9;border-color:transparent;border-top-color:color-mix(in oklab,var(--running) 60%,transparent);border-right-color:color-mix(in oklab,var(--running) 30%,transparent);animation:voice-shimmer-spin 1.4s linear infinite}@keyframes voice-connect-orbit{to{transform:rotate(1turn)}}.voice-orb[data-state=connecting] .voice-orb__ring--1,.voice-orb[data-state=connecting] .voice-orb__ring--2{inset:-3px}.voice-orb[data-state=connecting] .voice-orb__ring--1{opacity:.3}.voice-orb[data-state=connecting] .voice-orb__ring--2{opacity:1;border-color:transparent;border-top-color:color-mix(in oklab,var(--running) 90%,transparent);border-right-color:color-mix(in oklab,var(--running) 45%,transparent);animation:voice-connect-orbit 1s linear infinite}@keyframes voice-ready-settle{0%{opacity:.95;transform:scale(1.12)}to{opacity:.55;transform:scale(1)}}.voice-orb[data-ready][data-state=idle] .voice-orb__ring--1{opacity:.55;border-color:color-mix(in oklab,var(--running) 70%,transparent);animation:voice-ready-settle var(--dur-modal,.2s) var(--ease-out,ease-out)}.voice-wave{display:inline-flex;align-items:center;gap:2px;height:.875rem;flex-shrink:0}.voice-wave__bar{width:2px;height:100%;border-radius:var(--r-pill,999px);background:color-mix(in oklab,var(--running) 75%,transparent);transform:scaleY(min(1,calc(.22 + var(--voice-amp, 0) * var(--bar-gain, 1))));transition:transform calc(70ms + var(--bar-lag, 0s)) var(--ease-out,ease-out)}@media (prefers-reduced-motion:reduce){.voice-wave__bar{transform:scaleY(.45);transition:none}}.voice-orb:after{content:"";position:absolute;inset:-3px;border-radius:var(--r-pill,999px);border:2px solid transparent;opacity:0;pointer-events:none;transition:opacity var(--dur-hover,.16s) var(--ease-out,ease-out)}.voice-orb[data-mic=held]:after{opacity:1;border-color:color-mix(in oklab,var(--running) 55%,transparent)}.voice-orb[data-mic=latched]:after{opacity:1;border-color:var(--running)}.voice-orb__hold{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}.voice-teach-reveal{animation:voice-teach-in .12s var(--ease-out,ease-out) both}.voice-teach-reveal:has([data-pressed]){animation:none}@keyframes voice-teach-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.voice-teach-reveal{animation:none}}.keycap-glass{color:var(--paper);background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 16%,transparent),transparent 55%),color-mix(in srgb,var(--gi-pill-tint) 46%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper) 50%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--ink) 45%,transparent);text-shadow:0 0 1px color-mix(in srgb,var(--ink) 70%,transparent),0 0 4px color-mix(in srgb,var(--ink) 45%,transparent);pointer-events:none}.keycap-glass[data-pressed]{background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 20%,transparent),transparent 55%),color-mix(in srgb,var(--running) 62%,transparent)}.voice-holdkey-mini{display:grid;place-items:center;width:1.5em;height:1.5em;font-size:11px;line-height:1;border-radius:var(--r-pill,999px);color:var(--paper);background:color-mix(in srgb,var(--gi-pill-tint) 62%,transparent);-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);text-shadow:0 0 1px color-mix(in srgb,var(--ink) 72%,transparent),0 0 3px color-mix(in srgb,var(--ink) 50%,transparent);pointer-events:none}.voice-holdkey-mini[data-pressed]{background:color-mix(in srgb,var(--running) 65%,transparent)}.keycap-glyph{font-size:1.7em;font-weight:300;line-height:1;transform:translateY(.05em)}.keycap-word{font-size:9px;letter-spacing:.05em;line-height:1}@media (prefers-reduced-motion:reduce){.voice-orb__ring{animation:none!important}.voice-orb__core{transform:none!important}.voice-orb[data-state=connecting] .voice-orb__ring--1,.voice-orb[data-state=listening] .voice-orb__ring--1,.voice-orb[data-state=speaking] .voice-orb__ring--1,.voice-orb[data-state=thinking] .voice-orb__ring--1{opacity:.4}.voice-hud{animation:none}.voice-hud[data-placement=floating]:not([data-dragging]),.voice-hud__readout{transition:none}}