.sheet-panel.form-panel:has(.reading-count-view){overflow:hidden;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
.reading-count-view{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-width:600px;margin:auto}
.reading-count-view .form-head{margin-bottom:12px}
.counter-reading-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:12px;padding:2px 4px 12px;overflow-wrap:anywhere}
.reading-count-footer{padding-top:10px;border-top:1px solid var(--line);background:var(--card);display:grid;gap:8px}
.reading-count-footer p{font-size:.875rem;line-height:1.4}
.reading-count-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}
.reading-count-bar>span{font-size:1rem;font-weight:700;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.reading-count-bar .btn{min-height:44px;min-width:44px;padding:8px 12px;font-size:.875rem;white-space:normal;overflow-wrap:anywhere}
.reading-count-bar [data-reading-primary]{min-width:64px}
@media(min-width:720px){.sheet-panel.form-panel:has(.reading-count-view){height:min(760px,calc(100dvh - 32px));padding-bottom:16px}}
@media(max-height:420px){.reading-count-view .form-head{margin-bottom:4px}.reading-count-footer{padding-top:4px;gap:4px}}
.reader-options,.counter-reader-options{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin:0 0 8px}
.reader-options .counter-pronunciation,.counter-reader-options .counter-pronunciation{min-height:44px;display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem}
.verse-meaning{display:none;font-size:1rem;line-height:1.6;text-align:start;overflow-wrap:anywhere;white-space:pre-line}
[data-show-meaning=true] .verse-meaning,[data-meaning=true] .verse-meaning{display:block}
.verse-meaning p{margin-block:8px}
.verse-footnotes{font-size:.875rem;margin-block:8px;border:0;background:transparent;white-space:pre-line}
.verse-footnotes summary{min-height:44px;display:flex;align-items:center;color:var(--lapis);cursor:pointer;font-weight:500}
.meaning-credit{padding-block:12px;border-top:1px solid var(--line)}
.reading-opening{padding-block:12px;border-bottom:1px solid var(--line);margin-bottom:12px;text-align:center}
.reading-opening .small{font-size:.75rem}
.counter-reader-text[data-pronunciation=false] .reading-opening .recitation-transliteration{display:none}
.counter-reader-controls{margin-bottom:8px}
.counter-reader-options{flex-basis:100%;gap:4px 12px}
.reader-options .counter-pronunciation,.counter-reader-options .counter-pronunciation{flex:0 1 auto;max-width:100%}
.counter-reader-controls{row-gap:0}