:root{
  --rwtv-voice-color:#7a3cff;
  --rwtv-voice-text:#ffffff;
  --rwtv-voice-alpha:0.25;
}

.rwtv-voice-trigger{
  appearance:none;
  border:1px solid color-mix(in srgb, var(--rwtv-voice-color) 70%, transparent);
  background: color-mix(in srgb, var(--rwtv-voice-color) calc(var(--rwtv-voice-alpha)*100%), transparent);
  color: var(--rwtv-voice-text);
  padding:8px 12px;
  border-radius: 14px;
  font-size: 14px;
  line-height:1;
  cursor:pointer;
  transition: transform .12s ease, filter .12s ease;
  margin-left:8px;
  white-space:nowrap;
}
.rwtv-voice-trigger:hover{ transform: translateY(-1px); filter: brightness(1.08); }
.rwtv-voice-trigger:active{ transform: translateY(0); }

/* Modal */
.rwtv-voice-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}
.rwtv-voice-modal.is-open{ display:block; }
.rwtv-voice-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.65);
}
.rwtv-voice-dialog{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  width: min(520px, calc(100% - 26px));
  background: rgba(15, 18, 30, 0.96);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  box-shadow: 0 0 35px rgba(0,0,0,0.65);
  color: #e9ecff;
  overflow:hidden;
}
.rwtv-voice-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.rwtv-voice-title{ font-weight:700; font-size:16px; }
.rwtv-voice-x{
  appearance:none;
  border:none;
  background:transparent;
  color:#e9ecff;
  font-size:22px;
  cursor:pointer;
}
.rwtv-voice-body{ padding:14px 16px 16px; }
.rwtv-voice-row{ display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.rwtv-voice-label{ width:58px; opacity:.85; font-size:13px; }
.rwtv-voice-nick{
  flex:1;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  color:#fff;
}
.rwtv-voice-controls{ display:flex; gap:10px; flex-wrap:wrap; margin: 6px 0 10px; }
.rwtv-voice-btn{
  appearance:none;
  border-radius:14px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color:#fff;
  cursor:pointer;
}
.rwtv-voice-btn:disabled{ opacity:.5; cursor:not-allowed; }
.rwtv-voice-meta{ display:flex; align-items:center; justify-content:space-between; margin-top:6px; }
.rwtv-voice-timer{ font-variant-numeric: tabular-nums; opacity:.9; }
.rwtv-voice-status{ opacity:.9; }
.rwtv-voice-preview{ width:100%; margin-top:10px; }
.rwtv-voice-note{ margin-top:10px; font-size:12px; opacity:.75; }