.reader-player{display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafc;border:1px solid #d9dee8;border-radius:10px;margin-bottom:10px}
.reader-player button{height:36px;border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:0 12px;font-weight:800;cursor:pointer}
.reader-player .reader-play-all{background:#2457d6;color:#fff;border-color:#2457d6}
.reader-player-status{font-size:13px;color:#667085}
.reader-reference{font-size:14px;color:#667085;margin:0 0 12px;font-weight:700}
.reader-verse-bar{display:flex;gap:5px;overflow-x:auto;padding:8px;background:#f8fafc;border:1px solid #d9dee8;border-radius:10px;margin-bottom:14px}
.reader-verse-bar button{flex:0 0 auto;min-width:36px;height:34px;border:1px solid #d9dee8;border-radius:7px;background:#fff;color:#2457d6;font-weight:800;cursor:pointer}
.reader-verse-bar button.active{background:#2457d6;color:#fff}
.reader-chapter{background:#fff}
.reader-chapter h2{margin:16px 0 8px;padding-bottom:8px;border-bottom:1px solid #d9dee8}
.reader-verse{display:flex;gap:12px;padding:9px 4px;border-bottom:1px solid #edf0f4;line-height:1.7;border-radius:7px}
.reader-verse.playing{background:#eef3ff}
.reader-number{min-width:32px;text-align:right;color:#2457d6;font-weight:800;border:0;background:transparent;cursor:pointer;font-size:inherit}
.reader-text{flex:1}
.reader-empty{text-align:center;color:#667085;padding:25px}