/* voice.css: voice messages in The Gull Post (Neo, 2026-11-03). Same enamel and silver wire as chat-enamel.css; loaded after it.
   The microphone sits beside Send as a dark-glass bead (Send stays the one lit thing); recording shows a red signal lamp. */
.bar .mic{background:linear-gradient(180deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.03) 48%,rgba(0,0,0,0) 49%),#06201a;border:1px solid rgba(201,208,203,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.6);text-shadow:none}
.bar .mic:hover{background:linear-gradient(180deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.04) 48%,rgba(0,0,0,0) 49%),#0b3327;border-color:var(--wire-t);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.6)}
.vbar{min-height:64px}
.vbar .vt{flex:1;min-width:0;font:400 16px Alegreya;color:#cfe0d8}.vbar .vt b{font-weight:400;color:#fff;margin-left:6px;font-variant-numeric:tabular-nums}
.vbar .dot{width:12px;height:12px;margin-left:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffb4a8,#e0412f 55%,#8a1a10);box-shadow:0 0 10px rgba(255,80,60,.75);animation:vdot 1.2s ease-in-out infinite}
@keyframes vdot{50%{opacity:.35}}
.bar .pill{width:auto;height:auto;padding:8px 18px;border-radius:20px;font:400 16px Alegreya;color:#eef6f1}
.bar .pill.quiet{background:linear-gradient(180deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.03) 48%,rgba(0,0,0,0) 49%),#06201a;border-color:rgba(201,208,203,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.5)}
.bar .pill.quiet:hover{background-color:#0b3327;border-color:var(--wire-t)}
.bar .pill:disabled{opacity:.7;cursor:wait}
/* the bubble: play bead, a thin silver progress wire, the length; the words underneath in a quieter voice */
.m.vm{min-width:250px;white-space:normal}
.vrow{display:flex;align-items:center;gap:10px;padding:2px 0}
.vplay{all:unset;cursor:pointer;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#eef6f1;border:1px solid var(--wire-t);
 background:radial-gradient(120% 120% at 50% -30%,rgba(255,255,255,.4) 0,rgba(255,255,255,.1) 48%,rgba(255,255,255,0) 49%),linear-gradient(180deg,#138050 0,#0b5e37 55%,#064023 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.6)}
.vplay:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.6),0 0 14px rgba(43,238,116,.4)}
.vline{flex:1;height:3px;border-radius:2px;background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(255,255,255,.12)}
.vline i{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#9aa29c,#e4e9e5)}
.vlen{font:400 13px Alegreya;color:#cfe0d8;font-variant-numeric:tabular-nums}
.words{display:block;margin:6px 0 0;padding-top:6px;border-top:1px solid rgba(201,208,203,.22);font:400 16px/1.4 Caudex,serif;color:#e6eeea;white-space:pre-wrap}
.words.wait{font:italic 400 14px Alegreya;color:#a9c4b9}