.fliq-player {
  --player-bg: var(--fliq-surface-1, #0e1013);
  --player-edge: var(--fliq-line-strong, #2c313a);
  --player-text: var(--fliq-text, #f2f3f5);
  --player-muted: var(--fliq-muted, #9ea3ad);
  --player-accent: var(--fliq-lime, #c8ff2e);
  --player-wave-active: var(--fliq-lime, #c8ff2e);
  --player-wave-inactive: #737b89;
  --player-focus: var(--fliq-lime, #c8ff2e);
  color-scheme: dark;
  display: grid;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 16px;
  color: var(--player-text);
  background: var(--player-bg);
  border: 1px solid var(--player-edge);
  border-radius: 14px;
  font: 500 14px/1.4 "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.fliq-player *, .fliq-player *::before, .fliq-player *::after { box-sizing: border-box; }
.fliq-player__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.fliq-player__name { min-width: 0; overflow-wrap: anywhere; color: var(--player-text); font-weight: 650; }
.fliq-player__status { flex: 0 0 auto; max-width: 48%; color: var(--player-muted); font: 500 11px/1.4 "Geist Mono", ui-monospace, monospace; text-align: right; }
.fliq-player__status[data-state="error"] { color: var(--fliq-danger, #ff727a); }
.fliq-player__status[data-state="ready"] { color: var(--fliq-lime, #c8ff2e); }
.fliq-player__waveform-wrap { position: relative; height: 60px; min-width: 0; }
.fliq-player__waveform { display: block; width: 100%; height: 60px; }
.fliq-player__seek { position: absolute; inset: 0; width: 100%; height: 60px; margin: 0; opacity: 0; cursor: pointer; }
.fliq-player__seek:focus-visible { opacity: 1; border-radius: 5px; outline: 3px solid var(--player-focus); outline-offset: 2px; }
.fliq-player__controls { display: flex; align-items: center; gap: 12px; min-height: 44px; }
.fliq-player__play, .fliq-player__speed {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  color: var(--player-text);
  background: var(--fliq-surface-2, #14171c);
  border: 1px solid var(--fliq-line-strong, #2c313a);
  border-radius: 10px;
  font: inherit;
  cursor: pointer;
}
.fliq-player__play { color: #07080a; background: var(--player-accent); border-color: var(--player-accent); font-weight: 800; font-size: 17px; }
.fliq-player__speed { margin-left: auto; min-width: 58px; font-size: 13px; }
.fliq-player__time { color: var(--player-muted); font-family: "Geist Mono", ui-monospace, monospace; font-size: 12px; font-variant-numeric: tabular-nums; }
.fliq-player button:hover { filter: brightness(1.12); }
.fliq-player button:disabled { opacity: .58; cursor: not-allowed; filter: none; }
.fliq-player button:focus-visible, .fliq-player__seek:focus-visible { outline: 3px solid var(--player-focus); outline-offset: 3px; }
.fliq-player__audio { display: none; }
.fliq-player--native-fallback .fliq-player__audio { display: block; width: 100%; min-height: 44px; color-scheme: dark; accent-color: var(--player-accent); }
.fliq-player--native-fallback .fliq-player__waveform-wrap,
.fliq-player--native-fallback .fliq-player__controls { display: none; }
@media (max-width: 480px) {
  .fliq-player { padding: 14px; }
  .fliq-player__heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .fliq-player__status { max-width: 100%; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .fliq-player *, .fliq-player *::before, .fliq-player *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
