/* Show-Replay, Frontend */
.sr-section { max-width:1100px; margin:2rem auto; padding:0 1rem; }
.sr-section-title { font-size:1.4rem; font-weight:700; color:#fff; margin:0 0 1.2rem; display:flex; align-items:center; gap:.5rem; }
.sr-section-title .bi { color:#10b981; }
.sr-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem; }
.sr-card {
    position: relative;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(167,139,250,.2);
    border-radius: 10px;
    padding: 1rem;
    overflow: hidden;
}
.sr-card-title { font-size:1rem; font-weight:600; color:#fff; margin:0 0 .4rem; }
.sr-card-meta { font-size:.82rem; color:rgba(255,255,255,.65); margin-bottom:.7rem; display:flex; flex-wrap:wrap; gap:.3rem; }
.sr-audio { width:100%; }
.sr-locked-overlay {
    background: rgba(0,0,0,.6);
    border-radius:8px;
    padding:1rem .8rem;
    text-align:center;
    color:#fff;
}
.sr-locked-overlay .bi { font-size:1.6rem; color:#f59e0b; display:block; margin-bottom:.3rem; }
.sr-locked-overlay p { margin:0; font-size:.85rem; }
.sr-locked-overlay a { color:#a78bfa; font-weight:600; }