/* Public presentation layer atop the proven private bookshelf design. */
:root{color-scheme:light}html{scroll-padding-top:20px}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.environment{background:#eef7f0;color:#276549;border-color:#b6d8c1}
.reader-options{flex-wrap:wrap;justify-content:flex-end}
.reader-options button:disabled{opacity:.46;cursor:not-allowed}
.tts-status{font-size:12px;color:var(--dim);margin-top:14px}
#my-bookshelf{white-space:nowrap}
.member-actions{gap:12px}
.member-actions .chip[aria-pressed="true"]{background:#2c3d39;color:#fff}
.book:focus-visible{outline-offset:4px}
@media(max-width:760px){.masthead{gap:10px}.brand{font-size:26px}.environment{font-size:10px;padding:6px 8px}.reader-controls{flex-wrap:wrap}.reader-options{justify-content:flex-start;width:100%;gap:5px}.reader-options button{padding:11px 12px;min-height:42px}.member-actions{align-items:flex-start}.member-actions button{min-height:40px}.reading{margin-top:44px}.prose{line-height:1.92}.footer{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important;animation:none!important}}

.breath-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
#tts-breath{min-height:42px;padding:7px 10px;border:1px solid var(--line,#d1d5db);border-radius:9px;background:transparent;color:inherit;font:inherit}
.tts-breath-hint{font-size:12px;opacity:.72;margin:3px 0 14px}
@media(max-width:760px){.breath-label{min-height:42px}#tts-breath{min-height:42px}}