/* Muted dusty rose, inside the existing glass chat bubble. */
tidal-voice-player{
  --voice-ink:var(--theme-accent, #9c7581);
  display:block;width:270px;max-width:100%;min-width:0;
  color:var(--voice-ink);font-family:var(--font-cn);
}
.voice-player-row{ display:flex;align-items:center;gap:10px;min-height:44px; }
.voice-toggle{
  position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:44px;
  padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.voice-toggle::before{
  content:"";position:absolute;inset:5px 2px;border:1px solid rgba(var(--theme-tint-rgb, 156,117,129),.12);border-radius:50%;
  background:rgba(var(--theme-tint-rgb, 185,151,162),.16);transition:background .18s ease,transform .18s ease;
}
.voice-toggle:active::before{ transform:scale(.93);background:rgba(var(--theme-tint-rgb, 185,151,162),.27); }
.voice-toggle svg{ position:relative;width:13px;height:15px;fill:currentColor; }
.voice-toggle .voice-pause{ display:none; }
.voice-toggle .voice-play{ margin-left:2px; }
tidal-voice-player[data-playing] .voice-play{ display:none; }
tidal-voice-player[data-playing] .voice-pause{ display:block; }
.voice-toggle:focus-visible{ outline:1.5px solid currentColor;outline-offset:2px; }
.voice-scrub{ position:relative;flex:1;min-width:48px;height:44px;touch-action:pan-y; }
.voice-wave{ position:absolute;inset:8px 0;height:28px;pointer-events:none; }
.voice-wave svg{ position:absolute;inset:0;width:100%;height:100%;fill:currentColor; }
.voice-wave-base{ opacity:.4; }
.voice-wave-played{ clip-path:inset(0 calc(100% - var(--voice-progress,0%)) 0 0); }
.voice-seek{
  position:absolute;inset:0;width:100%;height:44px;padding:0;margin:0;opacity:0;
  cursor:pointer;touch-action:pan-y;-webkit-appearance:none;appearance:none;
}
.voice-seek:disabled{ cursor:wait; }
.voice-scrub:focus-within{ outline:1px solid rgba(var(--theme-tint-rgb, 156,117,129),.55);outline-offset:3px;border-radius:5px; }
.voice-scrub::after{
  content:"";position:absolute;top:6px;bottom:6px;left:clamp(0px,var(--voice-progress,0%),calc(100% - 1px));
  width:1px;border-radius:1px;background:currentColor;opacity:0;pointer-events:none;
}
tidal-voice-player[data-seeking] .voice-scrub::after,.voice-scrub:focus-within::after{ opacity:.5; }
.voice-time{
  flex:none;min-width:31px;text-align:right;
  font:400 13px/1 var(--font-cn);font-variant-numeric:tabular-nums;letter-spacing:.01em;
}
.voice-error{ display:block;max-width:250px;margin:2px 0 5px;font:10px/1.6 var(--font-cn);color:inherit; }
.voice-error[hidden],tidal-voice-player audio{ display:none!important; }
tidal-voice-player[data-loading] .voice-toggle::before{ border-top-color:currentColor;animation:voice-loading 1s linear infinite; }
@keyframes voice-loading{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){
  tidal-voice-player[data-loading] .voice-toggle::before{ animation:none; }
}
@media (max-width:359px){
  .voice-player-row{ gap:7px; }
  .voice-toggle{ flex-basis:34px;width:34px; }
  .voice-time{ font-size:12px;min-width:29px; }
}