.bap-wrap{--bap-accent:#111;--bap-track:#d9d9d9;--bap-card-bg:#fafafa;--bap-card-bd:#e6e6e6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;width:100%;max-width:100%;}
.bap-label{font-size:18px;margin:0 0 14px;font-weight:400;color:#7c7c7c;}
.bap-card{background:var(--bap-card-bg);border:1px solid var(--bap-card-bd);border-radius:14px;
  padding:20px 22px;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.bap-controls{display:flex;align-items:center;gap:14px;}
.bap-btn{background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;
  justify-content:center;color:#222;border-radius:50%;width:30px;height:30px;flex:0 0 auto;transition:background .15s;}
.bap-btn:hover{background:rgba(0,0,0,.06);}
.bap-btn svg{fill:currentColor;}
/* Icon toggling that does NOT rely on the [hidden] attribute (themes often override it). */
.bap-play .bap-ico-play,.bap-play .bap-ico-pause,.bap-vol .bap-ico-vol,.bap-vol .bap-ico-mute{display:block;}
.bap-play .bap-ico-pause{display:none;}                 /* default: show Play, hide Pause */
.bap-play.is-playing .bap-ico-play{display:none;}       /* playing: hide Play, show Pause */
.bap-play.is-playing .bap-ico-pause{display:block;}
.bap-vol .bap-ico-mute{display:none;}                   /* default: show volume, hide muted */
.bap-vol.is-muted .bap-ico-vol{display:none;}
.bap-vol.is-muted .bap-ico-mute{display:block;}
.bap-time{font-size:15px;color:#222;white-space:nowrap;font-variant-numeric:tabular-nums;flex:0 0 auto;}
/* Native range slider used as the seek bar (reliable drag/touch/keyboard). */
.bap-seek{-webkit-appearance:none;appearance:none;flex:1 1 auto;width:100%;height:5px;margin:0;
  background:var(--bap-track);border-radius:99px;cursor:pointer;outline:none;}
.bap-seek::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:transparent;}
.bap-seek::-moz-range-track{height:5px;border-radius:99px;background:var(--bap-track);}
.bap-seek::-moz-range-progress{height:5px;border-radius:99px;background:var(--bap-accent);}
.bap-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-4px;
  border:0;border-radius:50%;background:var(--bap-accent);cursor:pointer;transition:transform .12s;}
.bap-seek::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--bap-accent);cursor:pointer;}
.bap-seek:hover::-webkit-slider-thumb,.bap-seek:focus-visible::-webkit-slider-thumb{transform:scale(1.15);}
.bap-seek:focus-visible{outline:2px solid var(--bap-accent);outline-offset:4px;}
.bap-title{margin:18px 0 0;font-size:21px;font-weight:700;line-height:1.35;color:#111;}
@media(max-width:560px){.bap-controls{gap:10px;}.bap-time{font-size:13px;}.bap-title{font-size:18px;}}