/* Раздел «Записи» и плеер. */
.rc-list { display:flex; flex-direction:column; gap:8px; margin-top:12px }
.rc-item { display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--card); border:1px solid var(--line); border-radius:12px }
.rc-t { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px } .rc-t span { color:var(--muted); font-size:13px }
.rc-item .btn { width:auto; margin:0; padding:8px 13px }
.rc-del { border:0; background:none; color:var(--muted); font:inherit; font-size:13px; cursor:pointer } .rc-del:hover { color:#d23c3c }
.rp { position:fixed; inset:0; z-index:60; display:flex; flex-direction:column; background:#0f131c; color:#e8ecf4 }
.rp-top, .rp-bar { flex:none; display:flex; align-items:center; gap:12px; padding:9px 14px }
.rp button { padding:8px 13px; border:0; border-radius:10px; background:#181d29; color:inherit; font:inherit; font-size:14px; cursor:pointer }
.rp button:hover { background:#242b39 } .rp button:disabled { opacity:.5; cursor:default }
.rp-title { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .rp-state { color:#9aa4b8; font-size:14px }
.rp-body { flex:1; min-height:0; display:flex; gap:8px }
.rp-frame { flex:1; min-width:0; height:100%; border:0 }
.rp-marks { flex:none; width:240px; overflow:auto; padding:0 10px 0 0; scrollbar-width:thin } .rp-marks[hidden] { display:none }
.rp-marks h4 { margin:4px 0 6px; font-size:13px; color:#9aa4b8 }
.rp .rp-marks button { display:flex; gap:8px; width:100%; margin-bottom:4px; padding:7px 9px; text-align:left; font-size:13px; line-height:1.25 }
.rp-marks b { flex:none; font-weight:500; font-variant-numeric:tabular-nums; color:#8fb3ff } .rp-marks span { min-width:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.rp-track { position:relative; flex:1; min-width:0; display:flex; align-items:center } .rp-track .rp-seek { width:100% }
.rp-rail { position:absolute; left:8px; right:8px; top:50%; height:0; pointer-events:none } .rp-rail i { position:absolute; top:-6px; width:2px; height:12px; background:#8fb3ff; border-radius:1px }
.rc-who { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px } .rc-who button { padding:6px 12px; border:1px solid var(--line); border-radius:99px; background:#fff; font:inherit; font-size:14px; cursor:pointer } .rc-who button.on { background:#2f6df6; border-color:#2f6df6; color:#fff }
.rp-go { width:44px } .rp-now, .rp-all { font-size:14px; font-variant-numeric:tabular-nums; color:#9aa4b8 }