/* Chapter songs in the web reader (app e19): the ♪ chip under the reader bar, the Reader settings hint,
   and the author's centred song picker. Colours follow the reader theme through currentColor/var(). */
.rcs-slot{max-width:720px;margin:10px auto 0;padding:0 20px;display:flex}
.rcs-slot[hidden]{display:none}
.rcs-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:34px;padding:3px 4px 3px 4px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,var(--accent,#7975d4) 12%,transparent);font-size:12.5px;font-weight:600}
.rcs-chip.is-playing{border-color:color-mix(in srgb,var(--accent,#7975d4) 60%,transparent)}
.rcs-chip button,.rcs-add{font:inherit;color:inherit;cursor:pointer}
.rcs-toggle{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:4px 10px 4px 4px;border:0;background:none}
.rcs-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:13px;background:var(--accent,#7975d4);color:#fff;font-size:10px}
.rcs-note{opacity:.7}
.rcs-line{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rcs-change{padding:4px 10px;border:0;border-left:1px solid color-mix(in srgb,currentColor 18%,transparent);background:none;color:var(--accent,#7975d4)!important;font-weight:700}
.rcs-add{min-height:32px;padding:4px 14px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--accent,#7975d4) 70%,transparent);background:none;color:var(--accent,#7975d4)!important;font-size:12.5px;font-weight:700}
.rcs-chip button:focus-visible,.rcs-add:focus-visible,.rcs-picker button:focus-visible{outline:3px solid var(--accent,#7975d4);outline-offset:2px}
.reader-settings-hint{margin:6px 0 0;font-size:12px;color:var(--text2,#9ca3af)}
.rcs-backdrop{position:fixed;inset:0;z-index:11500;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.6)}
.rcs-picker{width:100%;max-width:440px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--surface,#1f2937);color:var(--text,#f9fafb);box-shadow:0 20px 50px rgba(0,0,0,.4);outline:none;font-family:Inter,system-ui,sans-serif}
.rcs-picker *{box-sizing:border-box}
.rcs-picker h2{margin:0;font-size:18px;font-weight:800}
.rcs-sub{margin:0;font-size:13px;color:var(--text2,#9ca3af)}
.rcs-search,.rcs-start input{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border,#374151);background:transparent;color:inherit;font:inherit}
.rcs-list{flex:1 1 auto;min-height:120px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.rcs-row{display:flex;align-items:center;gap:6px;border-radius:12px;padding:2px}
.rcs-row.is-selected{background:color-mix(in srgb,var(--accent,#7975d4) 22%,transparent)}
.rcs-pick{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0;padding:6px;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.rcs-pick img,.rcs-art{flex:0 0 40px;width:40px;height:40px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent)}
.rcs-pick span{display:flex;flex-direction:column;min-width:0}
.rcs-pick strong,.rcs-pick small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rcs-pick strong{font-size:14px}
.rcs-pick small{font-size:12px;color:var(--text2,#9ca3af)}
.rcs-preview{flex:0 0 34px;width:34px;height:34px;border-radius:17px;border:1px solid var(--border,#374151);background:none;color:inherit;cursor:pointer;font-size:11px}
.rcs-empty{margin:16px 0;text-align:center;color:var(--text2,#9ca3af);font-size:13px}
.rcs-more{align-self:center;border:0;background:none;color:var(--accent,#7975d4);font:inherit;font-weight:700;cursor:pointer}
.rcs-start{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.rcs-start input{width:90px}
.rcs-actions{display:flex;justify-content:flex-end;gap:8px}
.rcs-actions button{height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--border,#374151);background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.rcs-actions .rcs-save{border:0;background:var(--accent,#7975d4);color:#fff}
.rcs-actions .rcs-save:disabled{opacity:.5;cursor:default}
.rcs-actions .rcs-remove{color:#ef4444}