/* Like button + cover-picture audio player (David, Oct 17 2026). Purple/black with ELegendz gold. */
.lk-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.lk{display:inline-flex;align-items:center;gap:10px;min-height:56px;min-width:120px;padding:8px 22px;border-radius:999px;
  border:2px solid #f2c319;background:#1a0b2e;color:#ffe271;font-weight:800;font-size:1.25rem;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.lk:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lk:disabled{opacity:.6}
.lk .lk-heart{font-size:1.9rem;line-height:1;color:#f2c319;transition:transform .15s}
.lk[aria-pressed="true"]{background:#f2c319;color:#1a0b00}
.lk[aria-pressed="true"] .lk-heart{color:#c0142b;transform:scale(1.12)}
.lk-msg{font-size:.9rem;color:#c7bdd0}
.lk-hint{font-size:.85rem;color:#c7bdd0;margin:0}

.cp{max-width:560px;margin:10px 0}
.cp-stage{position:relative;width:100%;aspect-ratio:1/1;max-height:70vh;background:#0d0014;border-radius:16px;overflow:hidden;
  border:1px solid rgba(242,195,25,.45)}
.cp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cp-fade{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none;
  background:linear-gradient(to top,rgba(13,0,20,.94) 0%,rgba(26,11,46,.62) 55%,rgba(26,11,46,0) 100%)}
.vz{position:absolute;left:0;right:0;bottom:0;height:34%;padding:0 3%;box-sizing:border-box;pointer-events:none}
.vz-canvas{position:absolute;left:3%;right:3%;bottom:6%;width:94%;height:88%;display:block}
.vz.vz-use-css .vz-canvas{display:none}
.vz-css{display:none;position:absolute;left:3%;right:3%;bottom:6%;height:88%;align-items:flex-end;gap:2px}
.vz.vz-use-css .vz-css{display:flex}
.vz-css span{flex:1 1 0;min-width:1px;height:100%;border-radius:3px;background:rgba(242,195,25,.28);
  transform-origin:bottom;transform:scaleY(.12);animation:vz-bounce 0.9s ease-in-out infinite alternate;animation-play-state:paused}
.vz.vz-playing .vz-css span{background:#f2c319;box-shadow:0 0 8px rgba(242,195,25,.7);animation-play-state:running}
@keyframes vz-bounce{0%{transform:scaleY(.12)}35%{transform:scaleY(.7)}60%{transform:scaleY(.3)}100%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.vz.vz-playing .vz-css span{animation:none;transform:scaleY(.4)}}
.cp-audio{display:block;width:100%;margin-top:8px}
.cp-title{margin:6px 0 0;font-weight:700;color:#ffe271}

/* Made video (picture + audio -> MP4 with music bars): audio_video.js */
.av{margin:8px 0}
.av-video{display:block;width:100%;max-width:560px;border-radius:16px;border:1px solid rgba(242,195,25,.45);background:#000}
.av-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.av-btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;border:2px solid #f2c319;background:#1a0b2e;
  color:#ffe271;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;touch-action:manipulation}
.av-btn.av-main{background:#f2c319;color:#1a0b00}
.av-btn.av-quiet{border-color:rgba(242,195,25,.45);font-weight:600}
.av-btn:disabled{opacity:.6}
.av-select{min-height:44px;border-radius:10px;border:2px solid #f2c319;background:#1a0b2e;color:#ffe271;padding:0 10px;font-size:1rem}
.av-note{margin:6px 0;font-size:.95rem;color:#c7bdd0}
.av-working::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#f2c319;animation:av-pulse 1s ease-in-out infinite alternate}
.av-bad{color:#ffb4b4}
@keyframes av-pulse{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.av-working::before{animation:none}}
.cp [hidden]{display:none!important}