/* ===== QENG Audio Player (чистая версия) ===== */
.qap{
  --qap-bg:#F8F8F8; --qap-border:#E6ECF2; --qap-text:#0F172A; --qap-accent:#FFC52F; --qap-radius:100px; --qap-icon:#34CDFF;
  background:var(--qap-bg); border:1px solid var(--qap-border); border-radius:var(--qap-radius);
  padding:6px; color:var(--qap-text); font:inherit;
}
.qap-title{ font-weight:600; margin:0 0 8px 0; }
.qap-row{ display:flex; align-items:center; gap:8px; }

/* Сброс влияния темы на кнопку (поддерживаем оба класса) */
.qap .qap-btn,
.qap .qap-play{
  all: unset;
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:999px; box-sizing:border-box;

  cursor:pointer;
}

/* Иконка PLAY как SVG (через mask), цвет берётся из --qap-icon или currentColor */
.qap .qap-btn::before,
.qap .qap-play::before{
  content:'';
  width:20px;
  height:20px;
  /* Safari + Chromium */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18.75 10C18.7505 10.2122 18.6961 10.421 18.5921 10.6059C18.488 10.7909 18.3379 10.9457 18.1562 11.0555L6.9 17.9414C6.71022 18.0576 6.49287 18.1211 6.27037 18.1252C6.04788 18.1293 5.82832 18.074 5.63438 17.9649C5.44227 17.8575 5.28225 17.7008 5.17075 17.5111C5.05926 17.3213 5.00032 17.1053 5 16.8852V3.11487C5.00032 2.89478 5.05926 2.67875 5.17075 2.48899C5.28225 2.29923 5.44227 2.14259 5.63438 2.03518C5.82832 1.92608 6.04788 1.87073 6.27037 1.87485C6.49287 1.87897 6.71022 1.94241 6.9 2.05862L18.1562 8.94455C18.3379 9.0543 18.488 9.20918 18.5921 9.39413C18.6961 9.57908 18.7505 9.78781 18.75 10Z"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18.75 10C18.7505 10.2122 18.6961 10.421 18.5921 10.6059C18.488 10.7909 18.3379 10.9457 18.1562 11.0555L6.9 17.9414C6.71022 18.0576 6.49287 18.1211 6.27037 18.1252C6.04788 18.1293 5.82832 18.074 5.63438 17.9649C5.44227 17.8575 5.28225 17.7008 5.17075 17.5111C5.05926 17.3213 5.00032 17.1053 5 16.8852V3.11487C5.00032 2.89478 5.05926 2.67875 5.17075 2.48899C5.28225 2.29923 5.44227 2.14259 5.63438 2.03518C5.82832 1.92608 6.04788 1.87073 6.27037 1.87485C6.49287 1.87897 6.71022 1.94241 6.9 2.05862L18.1562 8.94455C18.3379 9.0543 18.488 9.20918 18.5921 9.39413C18.6961 9.57908 18.7505 9.78781 18.75 10Z"/></svg>') center/contain no-repeat;
  background-color: var(--qap-icon, currentColor);
  margin-left: 0;
}

/* Иконка PAUSE (оставим прежнюю) */
.qap .qap-btn[data-state="playing"]::before,
.qap .qap-play[data-state="playing"]::before{
  -webkit-mask: none; mask: none;
  width:12px; height:12px;
  background:linear-gradient(90deg,currentColor 0 40%, transparent 40% 60%, currentColor 60% 100%);
	color:#34CDFF;
}

.qap-time{ font-size:14px; opacity:.85; min-width:100px; font-weight:400;}
.qap-track{ position:relative; flex:1 1 auto; height:4px; background:#ECEFF4; border-radius:6px; overflow:hidden; cursor:pointer; }
.qap-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background:var(--qap-accent); }
.qap-thumb{ position:absolute; top:50%; transform:translate(-50%,-50%); width:12px; height:12px; border-radius:999px; background:#fff; box-shadow:0 0 0 2px var(--qap-accent); left:0%; }
.qap-audio{ display:none; }
.qap-empty{ opacity:.7; }