/* ---------- sticky audio player ---------- */
.aplayer{position:sticky;top:var(--nav-h);z-index:50;margin:0 0 28px;
  background:rgba(9,10,13,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);border-radius:14px;padding:12px 16px 13px;
  box-shadow:0 18px 44px -18px rgba(0,0,0,.65)}
.ap-head{display:flex;align-items:baseline;gap:12px;margin-bottom:9px}
.ap-title{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.ap-note{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--mut);white-space:nowrap}
.ap-row{display:flex;align-items:center;gap:10px}
.ap-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--steel);cursor:pointer;padding:0;
  transition:border-color .25s,color .25s,transform .2s}
.ap-btn:hover{border-color:var(--line-hot);color:var(--txt)}
.ap-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.ap-btn svg{width:21px;height:21px;display:block}
.ap-btn .ap-num{font-family:var(--mono);font-size:7.5px;font-weight:700;fill:currentColor;stroke:none}
.ap-play{width:46px;height:46px;background:var(--grad);border-color:transparent;color:#180a00;
  box-shadow:0 6px 22px -6px rgba(255,106,0,.55)}
.ap-play:hover{color:#180a00;transform:translateY(-1px)}
.ap-play svg{width:23px;height:23px}
.ap-play .ic-pause{display:none}
.aplayer.playing .ap-play .ic-pause{display:block}
.aplayer.playing .ap-play .ic-play{display:none}
.ap-seek{flex:1;min-width:80px;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;
  background:rgba(255,255,255,.14);cursor:pointer;margin:0}
.ap-seek:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.ap-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;
  background:var(--amber);border:2px solid #180a00;box-shadow:0 0 0 3px rgba(255,176,58,.22);cursor:pointer}
.ap-seek::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--amber);border:2px solid #180a00;
  box-shadow:0 0 0 3px rgba(255,176,58,.22);cursor:pointer}
.ap-seek::-moz-range-track{height:6px;border-radius:99px;background:rgba(255,255,255,.14)}
.ap-seek::-moz-range-progress{height:6px;border-radius:99px;background:var(--ember)}
.ap-time{flex:none;font-family:var(--mono);font-size:12.5px;color:var(--steel);white-space:nowrap;font-variant-numeric:tabular-nums}
.ap-time .ap-tot{color:var(--mut)}
.aplayer audio{display:none}
@media(max-width:560px){
  .aplayer{padding:10px 12px 11px;border-radius:12px}
  .ap-note{display:none}
  .ap-row{gap:7px}
  .ap-btn{width:37px;height:37px}
  .ap-play{width:42px;height:42px}
  .ap-time{font-size:11.5px}
}