.live-audio-status {
  --audio-accent: #83dce6;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: 200px;
  max-width: 100%;
  min-height: 60px;
  padding: 10px 13px;
  border: 1px solid rgba(118, 220, 235, .27);
  border-radius: 3px;
  background: linear-gradient(110deg, rgba(10, 31, 42, .96), rgba(5, 13, 24, .96));
  box-shadow: inset 2px 0 0 rgba(126, 228, 240, .45), 0 5px 20px rgba(0, 0, 0, .13);
  color: #e3f4f7;
  font: inherit;
  text-align: left;
  cursor: pointer;
  isolation: isolate;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}
.live-audio-status:hover { border-color: rgba(134, 236, 247, .65); box-shadow: inset 2px 0 0 var(--audio-accent), 0 0 20px rgba(69, 195, 213, .08); }
.live-audio-status:focus-visible { outline: 2px solid #b4f6ff; outline-offset: 4px; }
.live-audio-symbol { display: flex; flex: 0 0 26px; align-items: center; justify-content: center; gap: 3px; height: 26px; color: var(--audio-accent); }
.live-audio-symbol i { display: block; width: 2px; height: 6px; background: currentColor; border-radius: 2px; opacity: .65; transform-origin: center; }
.live-audio-symbol i:nth-child(2), .live-audio-symbol i:nth-child(4) { height: 14px; }
.live-audio-symbol i:nth-child(3) { height: 22px; }
.live-audio-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 5px; }
.live-audio-title { font-size: 12px; line-height: 1.15; font-weight: 600; letter-spacing: .02em; }
.live-audio-state { font-size: 10px; line-height: 1.25; color: #aec1cf; font-weight: 400; letter-spacing: .025em; }
.live-audio-arrow { color: #a2cdd7; font-size: 17px; line-height: 1; }
.live-audio-status[data-state="live"] { --audio-accent: #82f1df; border-color: rgba(110, 227, 217, .55); }
.live-audio-status[data-state="live"] .live-audio-state { color: #a1f1df; }
.live-audio-status[data-state="live"] .live-audio-symbol i { opacity: 1; animation: live-audio-wave 1.7s ease-in-out infinite alternate; }
.live-audio-status[data-state="live"] .live-audio-symbol i:nth-child(2) { animation-delay: -.7s; }
.live-audio-status[data-state="live"] .live-audio-symbol i:nth-child(3) { animation-delay: -1.2s; }
.live-audio-status[data-state="live"] .live-audio-symbol i:nth-child(4) { animation-delay: -.3s; }
.live-audio-status[data-state="live"] .live-audio-symbol i:nth-child(5) { animation-delay: -.9s; }
.live-audio-status[data-state="unavailable"] { --audio-accent: #9da9b9; }
@keyframes live-audio-wave { from { transform: scaleY(.55); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .live-audio-status { transition: none; } .live-audio-status[data-state="live"] .live-audio-symbol i { animation: none; } }