.meaning-language { font:inherit;font-size:14px;color:var(--ink);background:var(--control);border:1px solid var(--control-border);border-radius:5px;padding:10px;min-height:42px; }
.meaning:lang(hi),.meaning:lang(mr) { font-family:'Noto Serif Devanagari',serif;font-size:19px;line-height:1.9; }
.header-actions { display:flex;align-items:center;gap:8px; }
.header-icon { display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;color:var(--wine);background:transparent;font-size:22px; }
.header-icon:hover,.header-icon[aria-pressed=true] { background:var(--control); }
.settings-field { display:flex;flex-direction:column;gap:10px;margin:24px 0; }
.settings-field>label,.settings-field>span { font-size:13px;color:var(--muted); }
.settings-field .theme-picker { display:grid;grid-template-columns:1fr 1fr;width:100%;align-self:stretch;gap:6px; }
.settings-field .theme-choice { min-height:42px;font-size:13px;justify-content:center; }
.settings-field #translitButton { align-self:flex-start;border:1px solid var(--control-border);min-height:40px; }
.sound-settings input { width:100%;accent-color:var(--wine);min-height:36px; }
.audio-credits { margin:16px 0;font-size:12px;line-height:1.6;color:var(--muted); }
.audio-credits summary { cursor:pointer; }
.audio-credits a { color:var(--wine); }
#bookmarkButton svg { width:19px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6; }
#bookmarkButton[aria-pressed=true] svg { fill:currentColor; }
#contents { display:flex;flex-direction:column;overflow:hidden; }
#contents>div.drawer-heading,#contents>h2,#contents>.preview-note,#contents>.contents-filters { flex-shrink:0; }
#contents>h2 { margin:12px 0; }
#contents>.preview-note { margin:0 0 14px; }
.contents-filters { display:flex;gap:8px;margin-bottom:14px; }
.contents-filters button { padding:9px 12px;min-height:40px;border:1px solid var(--control-border);border-radius:5px;background:transparent;color:var(--ink);font-size:13px; }
.contents-filters button[aria-pressed=true] { background:var(--control);color:var(--wine); }
.contents-scroll { flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.chapter-group>summary { padding:12px 4px;cursor:pointer;color:var(--wine);font-size:14px; }
.bookmark-mark { margin-left:auto; }
#emptyBookmarks { color:var(--muted);font-size:14px;line-height:1.6;padding:10px; }
.reading-art { width:100%;margin:10px auto 0;text-align:center;flex:none; }
.reading-art img { display:block;width:100%;height:100%;object-fit:contain; }
:root { --ticker-height:36px; }
body { padding-bottom:calc(var(--ticker-height) + env(safe-area-inset-bottom,0px)); }
.devotional-ticker { position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;align-items:center;height:calc(var(--ticker-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--control);border-top:1px solid var(--control-border);color:var(--wine); }
.ticker-window { flex:1;min-width:0;overflow:hidden; }
.ticker-track { display:flex;width:max-content;animation:devotional-scroll 55s linear infinite; }
.ticker-sequence { flex:none;white-space:nowrap;padding-right:30px;font-family:'Noto Serif Devanagari',serif;font-size:15px;line-height:var(--ticker-height); }
.ticker-paused .ticker-track { animation-play-state:paused; }
.ticker-toggle { width:36px;height:36px;flex:none;border:0;border-left:1px solid var(--control-border);background:var(--control);color:var(--wine);font-size:16px; }
@keyframes devotional-scroll { to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce) { .ticker-track { animation:none; } .ticker-toggle { display:none; } }
.text-size-controls { display:flex;align-items:center;gap:10px; }
.text-size-controls button { min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--control-border);border-radius:5px;background:var(--control);color:var(--ink); }
.text-size-controls output { min-width:48px;text-align:center;font-size:14px; }
.book { --verse-size:23px;--meaning-size:23px;--translation-size:19px;--transliteration-size:19px; }
.book.single-page { --verse-size:26px; }
.book .sanskrit,.book.single-page .sanskrit { font-size:calc(var(--verse-size) * var(--reader-scale,1)); }
.book .meaning { font-size:calc(var(--meaning-size) * var(--reader-scale,1)); }
.book .meaning:lang(hi),.book .meaning:lang(mr) { font-size:calc(var(--translation-size) * var(--reader-scale,1)); }
.book .transliteration { font-size:calc(var(--transliteration-size) * var(--reader-scale,1)); }
@media(max-width:1200px) {
  main { min-height:calc(100svh - 48px - var(--ticker-height) - env(safe-area-inset-bottom,0px)); }
  .meaning:lang(hi),.meaning:lang(mr) { font-size:17px;line-height:1.75; }
  .book-stage { flex:none;display:block;align-self:auto; }
  .book,.book.single-page { align-content:start;--verse-size:21px;--meaning-size:20px;--translation-size:17px;--transliteration-size:17px; }
  .page,.single-page .page { padding:18px 20px; }
  .page .meaning-content,.single-page .meaning-content { padding:0;flex:initial; }
  .page .verse-content { padding:0;flex:initial; }
}
@media(max-width:700px) {
  .header-actions { gap:0; }
  .header-icon { width:36px;height:40px; }
  .header-actions .contents-button { width:36px;padding:0;gap:0;justify-content:center; }
  .header-actions .contents-button span { display:none; }
}
@media(max-width:420px) {
  .chapter-toolbar { display:none; }
  .book,.book.single-page { --verse-size:18px;--meaning-size:18px; }
}
@media(min-width:560px) and (max-width:1200px) and (max-height:500px) {
  main { min-height:calc(100svh - 36px - var(--ticker-height) - env(safe-area-inset-bottom,0px));grid-template-rows:auto auto auto auto;align-content:start; }
  .book-stage { align-self:start; }
  .book,.book.single-page { --verse-size:18px;--meaning-size:18px; }
  .page,.single-page .page { padding:8px 14px; }
}
@media(max-width:359px) {
  main { gap:4px; }
  .meaning { font-size:17px;line-height:1.3; }
  .meaning:lang(hi),.meaning:lang(mr) { font-size:16px;line-height:1.6; }
  .book,.book.single-page { --meaning-size:17px;--translation-size:16px; }
}