/* ===== คลังบทสวด ===== */
.chant-item { display: flex; align-items: center; gap: .8rem; padding: .9rem 1rem; } .chant-item + .chant-item { margin-top: .6rem; }
.chant-item .no { width: 36px; height: 36px; border-radius: 50%; background: var(--amber-wash); color: var(--primary-ink); display: grid; place-items: center; font-weight: 800; flex: none; }
.chant-item b { font-family: var(--font-head); font-size: 1.0625rem; } .chant-item .empty-tag { color: var(--ink-mute); font-size: .75rem; }
.reader { background: var(--canvas); }
.reader-bar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .6rem .75rem; margin: 0 -1.25rem; background: var(--glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.reader-bar .grp { display: flex; align-items: center; gap: .25rem; padding: .15rem .4rem; border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--line); font-size: .8125rem; font-weight: 700; }
.reader-bar .grp button { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; } .reader-bar .grp button[aria-pressed='true'] { background: var(--primary); color: var(--on-primary); }
.beat { width: 12px; height: 12px; border-radius: 50%; background: var(--line); display: inline-block; transition: background .05s, transform .05s; } .beat.on { background: var(--gold); transform: scale(1.5); }
.chant-text { padding: 1.25rem 0 6rem; font-family: 'Sarabun', var(--font-body); line-height: 1.95; }
.chant-line { padding: .5rem .85rem; margin: .35rem 0; border-radius: 12px; font-weight: 600; color: var(--ink); } .chant-line .who { display: block; font-size: .6875rem; font-weight: 800; color: var(--primary); letter-spacing: .03em; line-height: 1.2; }
.chant-line.lead { background: var(--amber-wash); border-left: 4px solid var(--primary); } .chant-line.all { background: var(--info-wash); border-left: 4px solid var(--info-ink); }
.chant-line.plain { padding-left: .85rem; }
.translation { padding: 1rem; border-radius: var(--r-md); background: var(--canvas-2); color: var(--ink-soft); font-size: .9375rem; border: 1px dashed var(--line); }
.chant-editor-hint { font-size: .75rem; color: var(--ink-mute); }