.gf-voice { max-width: 640px; margin: 16px 0; }
.gf-voice__card{
  background:#fff; border:1px solid #e8e8e8; border-radius:16px;
  padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.08);
  font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
  color:#111;
}
.gf-voice__row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gf-voice__status{ display:flex; align-items:center; gap:8px; font-weight:700; color:#444; }
.gf-voice__dot{ width:10px; height:10px; border-radius:999px; background:#9ca3af; }
.gf-voice__dot.is-live{ background:#ff3b30; box-shadow:0 0 0 6px rgba(255,59,48,.18); }
.gf-voice__time{ font-variant-numeric: tabular-nums; font-weight:700; color:#6b7280; }
.gf-voice__bar{ height:8px; background:#eee; border-radius:999px; margin:12px 0; overflow:hidden; }
.gf-voice__barFill{ height:100%; width:0%; background:#111; transition:width .15s ease; }
.gf-voice__controls{ display:flex; flex-wrap:wrap; gap:8px; }
.gf-voice__btn{
  appearance:none; border:1px solid #e8e8e8; background:#f6f6f6; color:#111;
  border-radius:999px; padding:10px 14px; font-weight:800; cursor:pointer;
}
.gf-voice__btn:disabled{ opacity:.5; cursor:not-allowed; }
.gf-voice__btn--record.is-live{ border-color:#ff3b30; box-shadow:0 0 0 4px rgba(255,59,48,.12); background:#fff; }
.gf-voice__audio{ width:100%; display:none; margin-top:10px; }
.gf-voice__msg{ margin-top:10px; color:#6b7280; font-weight:700; }