/* ============ Voice messages ============ */
.voice-bub{display:flex;align-items:center;gap:10px;min-width:180px}
.voice-play{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#20160A;display:flex;align-items:center;justify-content:center;flex:none}
.brow.theirs .voice-play{background:var(--gold)}
.voice-wave{flex:1;height:26px;display:flex;align-items:center;gap:2px;overflow:hidden}
.voice-wave i{flex:1;background:currentColor;opacity:.4;border-radius:2px;min-width:2px;transition:opacity .1s}
.voice-wave i.on{opacity:1}
.voice-time{font-size:11px;color:var(--faint);flex:none}
/* recording bar */
#rec-bar{display:none;align-items:center;gap:12px;padding:8px 6px}
#rec-bar.on{display:flex}
.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--ember);animation:recpulse 1s infinite}
@keyframes recpulse{50%{opacity:.3}}
#rec-time{font-family:var(--mono);font-size:15px;flex:1}
.rec-cancel{color:var(--ember);font-weight:700;font-size:14px;padding:8px 12px}
.rec-send{width:42px;height:42px;border-radius:50%;background:var(--gold);color:#20160A;display:flex;align-items:center;justify-content:center;flex:none}
#mic-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none}
#mic-btn:active{background:var(--panel2)}