.hb .vt{display:flex;flex-direction:column;gap:18px}.hb .vt-em{font-style:italic;color:var(--ember)}.hb .vt .vt-card{padding:clamp(20px,4vw,34px)}.hb .vt-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:clamp(14px,3vw,26px) 0 clamp(6px,2vw,14px)}.hb .vt-mic-wrap{position:relative;display:grid;place-items:center;width:112px;height:112px}.hb .vt-halo{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(201,85,61,.32) 0%,rgba(212,119,91,.14) 55%,transparent 72%);opacity:0;will-change:transform,opacity}.hb .vt-mic{position:relative;z-index:1;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;flex:none;color:#fff;background:var(--ember-grad);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 6px #a85a3a57,0 18px 46px #a85a3a42,inset 0 1px #ffffff38;cursor:pointer;transition:transform .26s cubic-bezier(.2,.7,.3,1),box-shadow .26s ease,background .26s ease,border-color .26s ease,color .26s ease,opacity .26s ease}.hb .vt-mic:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 2px 6px #a85a3a66,0 24px 58px #a85a3a57,inset 0 1px #ffffff42}.hb .vt-mic:active:not(:disabled){transform:translateY(0) scale(.99)}.hb .vt-mic[data-state=recording]{background:linear-gradient(135deg,#c9553d,#d4775b 70%);border-color:#ffffff42;animation:vt-breathe 2.6s ease-in-out infinite}.hb .vt-mic[data-state=waiting],.hb .vt-mic[data-state=blocked],.hb .vt-mic[data-state=requesting]{background:#ffffff0d;border-color:var(--line-strong);color:var(--muted);box-shadow:inset 0 1px #ffffff0f}.hb .vt-mic[data-state=requesting]{color:var(--ember);border-color:#d4775b66;animation:vt-breathe 1.6s ease-in-out infinite}.hb .vt-mic[data-state=waiting]{cursor:progress}.hb .vt-mic[data-state=blocked]{cursor:not-allowed;opacity:.75}.hb .vt-mic[data-state=busy]{cursor:wait;background:linear-gradient(135deg,#8f4c31,#b9664c 70%);box-shadow:inset 0 1px #ffffff24}.hb .vt-mic:disabled:hover{transform:none}@keyframes vt-breathe{0%,to{box-shadow:0 2px 6px #c9553d5c,0 16px 40px #c9553d3d,inset 0 1px #ffffff38}50%{box-shadow:0 2px 6px #c9553d75,0 22px 56px #c9553d57,inset 0 1px #ffffff42}}.hb .vt-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:34px}.hb .vt-bar{width:3px;border-radius:2px;background:var(--line-strong);height:3px;transition:background .3s ease,height .12s linear}.hb .vt-wave[data-active=true] .vt-bar{background:linear-gradient(180deg,var(--ember-warm),var(--ember));height:calc(3px + var(--vt-level, 0) * var(--vt-gain, 1) * 30px)}.hb .vt-status{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:30px}.hb .vt-timer{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--ember);padding:3px 9px;border-radius:7px;background:#d4775b1a;border:1px solid rgba(212,119,91,.28)}.hb .vt-status-line{font-size:14.5px;line-height:1.5;font-weight:400;color:var(--ink-2);text-align:center}.hb .vt-alert{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:13px 16px;border-radius:var(--radius-sm);background:#c9553d1a;border:1px solid rgba(201,85,61,.32);font-size:13.5px;line-height:1.55;color:#e88b7a}.hb .vt-alert svg{flex:none;margin-top:2px}.hb .vt-out{margin-top:clamp(22px,4vw,30px)}.hb .vt-out-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;flex-wrap:wrap}.hb .vt-meta{display:flex;align-items:center;gap:14px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.hb .vt-meta .vt-meta-rate{color:var(--ember)}.hb .vt-out .vt-textarea{min-height:210px;font-size:15px;line-height:1.68}.hb .vt-out-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;min-height:26px;flex-wrap:wrap}.hb .vt-clear{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;font-weight:500;color:var(--muted);background:none;border:0;padding:4px 2px;cursor:pointer;transition:color .2s ease}.hb .vt-clear:hover{color:#e88b7a}.hb .vt-note{font-size:12px;line-height:1.5;color:var(--muted)}@media(max-width:520px){.hb .vt-mic-wrap{width:96px;height:96px}.hb .vt-mic{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){.hb .vt-mic,.hb .vt-bar{transition:none!important;animation:none!important}.hb .vt-mic:hover:not(:disabled){transform:none}.hb .vt-halo{transform:none!important;opacity:0!important}.hb .vt-mic-wrap[data-recording=true] .vt-halo{opacity:.42!important}.hb .vt-wave[data-active=true] .vt-bar{height:calc(6px + var(--vt-gain, 1) * 10px)}}