.bible-navigation { display: flex; flex-direction: column; gap: 12px; }
.bible-translation-control { position: relative; min-width: 0; }
#bible-translation-short, .bible-mobile-tools-toggle { display: none; }
#view-bible .bible-selectors { grid-template-columns: minmax(0, 1fr) minmax(0, 220px); }
#view-bible .bible-reference-control { grid-area: 1 / 1 / 2 / -1; }
#view-bible .bible-selectors > #bible-chapter-select { display: none; }
#view-bible .bible-translation-control { grid-area: 2 / 2; }
#view-bible .bible-passage-picker-trigger {
  display: flex; grid-area: 2 / 1; align-items: center; gap: 4px; width: 100%; min-width: 0; min-height: 44px;
  padding: 0 12px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--surface-hover);
  color: var(--text-color); font: 500 15px var(--font-body); cursor: pointer;
}
#bible-passage-picker-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#bible-passage-picker-chapter { flex-shrink: 0; }
.bible-passage-picker-trigger svg { width: 16px; height: 16px; flex: 0 0 16px; margin-left: auto; }
#view-bible .bible-reading-tools { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; }
.bible-reading-tools button:not(.bible-floating-play-btn), .bible-find-bar button, .bible-saved-heading button, #bible-text-reset {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 38px; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px;
  background: transparent; color: var(--text-muted); font: 500 0.8rem var(--font-body); cursor: pointer;
}
.bible-reading-tools button:not(.bible-floating-play-btn):hover, .bible-reading-tools button[aria-expanded="true"], .bible-reading-tools button[aria-pressed="true"], .bible-find-bar button:hover, #bible-text-reset:hover { color: var(--text-color); background: var(--surface-hover); }
.bible-reading-tools svg, .bible-find-bar svg, .bible-saved-heading svg { width: 17px; height: 17px; }
.bible-reading-tools .bible-floating-play-btn svg { width: 24px; height: 24px; }
#bible-text-tools-btn > span { font-family: Georgia, serif; font-size: 18px; }
#bible-focus-btn { margin-left: auto; }
.bible-text-tools, .bible-find-bar { padding: 14px 16px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--surface-color); }
.bible-text-tools { display: grid; grid-template-columns: minmax(160px, 1.2fr) 1fr 1fr auto; gap: 16px; align-items: end; }
.bible-text-tools label, .bible-saved-dialog > label, .bible-note-editor label { display: flex; flex-direction: column; gap: 7px; color: var(--text-muted); font: 500 0.75rem var(--font-body); }
.bible-text-tools output { float: right; color: var(--text-color); }
.bible-text-tools input[type="range"] { width: 100%; min-height: 36px; accent-color: var(--accent-color); cursor: pointer; }
.bible-text-tools select, .bible-saved-dialog select, #bible-find-input, .bible-note-editor textarea { min-height: 38px; width: 100%; min-width: 0; border: 1px solid var(--border-color); border-radius: 8px; padding: 8px 10px; background: var(--surface-hover); color: var(--text-color); font: 400 0.85rem/1.5 var(--font-body); box-sizing: border-box; }
.bible-find-bar { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
#bible-find-input { flex: 1; width: auto; min-width: 140px; }
#bible-find-count { color: var(--text-muted); font: 400 0.75rem var(--font-body); padding: 0 6px; }
.bible-find-bar button { min-width: 36px; padding: 7px; }
.bible-find-bar button:disabled { opacity: 0.35; cursor: default; }
#bible-text-rendered { font-size: var(--bible-reader-size, 18px); font-family: var(--bible-reader-font, Georgia, "Times New Roman", serif); line-height: var(--bible-reader-spacing, 1.85); }
#bible-claim-points-btn[hidden] { display: none !important; }
#bible-text-rendered:empty::before {
  content: ''; display: block; width: 100%; height: 290px; border-radius: 3px; opacity: 0.45;
  background: linear-gradient(var(--border-color), var(--border-color)) 0 10px / 94% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 42px / 100% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 74px / 72% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 132px / 98% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 164px / 100% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 196px / 88% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 254px / 90% 10px no-repeat,
    linear-gradient(var(--border-color), var(--border-color)) 0 286px / 64% 10px no-repeat;
}
.bible-verse-row.has-verse-tools { padding-right: 52px; }
.bible-verse-markers { display: flex; position: absolute; right: 10px; top: 14px; gap: 5px; color: var(--accent-color); }
.bible-verse-markers svg { width: 14px; height: 14px; }
.bible-verse-row:focus-visible, .bible-reading-tools button:focus-visible, .bible-text-tools :focus-visible, .bible-find-bar :focus-visible, .bible-saved-dialog :focus-visible, .verse-action-sheet :focus-visible { outline: 2px solid var(--accent-color); outline-offset: 3px; }
.bible-content-area mark { background: #f9df75; color: #332806; border-radius: 2px; }
.bible-verse-row.bible-find-current { outline: 2px solid var(--accent-color); outline-offset: -2px; }
.bible-saved-dialog { position: fixed; inset: 0; width: min(540px, calc(100% - 32px)); max-height: min(80dvh, 720px); overflow: auto; margin: auto; padding: 22px; border: 1px solid var(--border-color); border-radius: 16px; background: var(--surface-color); color: var(--text-color); box-shadow: 0 16px 60px #0005; box-sizing: border-box; }
.bible-saved-dialog::backdrop { background: #0008; }
.bible-saved-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.bible-saved-heading h2 { margin: 0; font: 600 1.1rem var(--font-body); }
.bible-saved-list { margin-top: 14px; display: flex; flex-direction: column; gap: 7px; }
.bible-saved-entry { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; width: 100%; padding: 13px; border: 1px solid var(--border-color); border-radius: 10px; color: var(--text-color); background: transparent; text-align: left; font: 400 0.85rem/1.5 var(--font-body); cursor: pointer; }
.bible-saved-entry:hover { background: var(--surface-hover); }
.bible-saved-meta, .bible-device-hint, .bible-saved-empty, .bible-note-status { color: var(--text-muted); font: 400 0.75rem/1.6 var(--font-body); }
.bible-saved-note { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; }
.bible-device-hint { margin: 18px 0 0; }
.verse-action-sheet { max-height: 85dvh; overflow-y: auto; visibility: hidden; transition: transform 0.2s ease, visibility 0.2s; }
.verse-action-sheet.show { visibility: visible; }
.verse-action-sheet-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.verse-action-sheet .sheet-btn { min-height: 66px; padding: 10px 6px; border-radius: 9px; font-weight: 500; }
.verse-action-sheet .sheet-btn svg { width: 19px; height: 19px; }
.verse-action-sheet .sheet-btn[aria-pressed="true"] { color: var(--accent-color); border-color: var(--accent-color); }
.verse-action-sheet-colors { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; justify-items: center; margin-bottom: 12px; }
.verse-action-sheet-colors .hl-color-btn { width: 100%; max-width: 44px; min-width: 24px; height: auto; aspect-ratio: 1; border: 2px solid var(--border-color); }
.verse-action-sheet-colors .hl-color-btn.active { border-color: var(--text-color); outline: 2px solid var(--accent-color); outline-offset: 2px; transform: none; }
.verse-highlight-custom-actions { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.hl-custom-control { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: 1; min-height: 44px; padding: 4px 10px; border: 1px solid var(--border-color); border-radius: 8px; color: var(--text-color); font: 500 13px var(--font-body); cursor: pointer; }
.hl-custom-control input { width: 36px; height: 36px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.verse-highlight-custom-actions .hl-clear-btn { width: auto; min-height: 44px; height: auto; padding: 8px 12px; gap: 6px; border-radius: 8px; font: 500 13px var(--font-body); }
.verse-highlight-custom-actions .hl-clear-btn svg { width: 18px; height: 18px; }
.bible-verse-row.bible-highlighted { background-color: var(--bible-highlight-bg) !important; color: var(--bible-highlight-ink) !important; border-left: 3px solid var(--bible-highlight-bg); }
.bible-verse-row.bible-highlighted .verse-num, .bible-verse-row.bible-highlighted .bible-verse-markers { color: inherit; }
.verse-action-sheet-header { gap: 12px; }
.verse-action-sheet-title { font-size: 0.9rem; }
.verse-action-sheet-close { min-width: 36px; min-height: 36px; }
.bible-note-editor { margin-top: 16px; }
.bible-note-editor textarea { resize: vertical; min-height: 100px; }
.bible-note-status { margin: 7px 0 0; }
.app-shell[data-active-view="bible"].bible-focus { grid-template-columns: 1fr !important; grid-template-rows: 1fr !important; }
.app-shell[data-active-view="bible"].bible-focus > :is(.app-sidebar, .app-header, .app-nav-bar) { display: none !important; }
.app-shell[data-active-view="bible"].bible-focus > .app-main-content { grid-area: 1 / 1 / -1 / -1; padding-top: max(20px, var(--app-safe-area-top)); }
/* One bounded scroll surface, including in Safari and installed iOS apps. */
#bible-book-picker-modal {
  --picker-bg: #fff;
  --picker-tile: #f0f0f2;
  --picker-hover: #e7e7ea;
  --picker-selected: #202124;
  --picker-selected-ink: #fff;
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; height: 100dvh; max-width: none; max-height: none;
  margin: 0; padding: 0; border: 0; overflow: hidden; box-sizing: border-box;
  background: #0007; color: var(--text-color); overscroll-behavior: none;
}
[data-theme="dark"] #bible-book-picker-modal {
  --picker-bg: #151515;
  --picker-tile: #2b2b2d;
  --picker-hover: #363638;
  --picker-selected: #f5f5f5;
  --picker-selected-ink: #111;
}
#bible-book-picker-modal:not([open]), #bible-book-picker-modal.hidden { display: none !important; }
#bible-book-picker-modal::backdrop { background: transparent; }
#bible-book-picker-modal .picker-modal-content {
  display: flex; flex-direction: column; width: min(520px, calc(100% - 48px));
  height: min(800px, calc(100% - 64px)); min-height: 0; max-height: 100%;
  margin: 0; border: 1px solid var(--border-color); border-radius: 16px;
  background: var(--picker-bg); overflow: hidden; box-sizing: border-box;
  box-shadow: 0 16px 60px #0003; isolation: isolate;
}
#bible-book-picker-modal .picker-modal-header {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center;
  gap: 8px; padding: 8px 12px; flex: 0 0 auto; border-bottom: 1px solid var(--border-color);
}
#bible-book-picker-modal .picker-modal-header h3 { grid-column: 2; grid-row: 1; margin: 0; text-align: center; font: 600 17px var(--font-body); }
#bible-book-picker-modal :is(.picker-modal-close-btn, .picker-modal-search-btn) {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer;
}
#bible-book-picker-modal .picker-modal-close-btn { grid-column: 1; grid-row: 1; }
#bible-book-picker-modal .picker-modal-search-btn { grid-column: 3; grid-row: 1; }
#bible-book-picker-modal :is(.picker-modal-close-btn, .picker-modal-search-btn):hover { background: var(--picker-tile); }
#bible-book-picker-filters { flex: 0 0 auto; border-bottom: 1px solid var(--border-color); }
#bible-book-picker-filters[hidden] { display: none !important; }
#bible-book-picker-modal .picker-modal-search-row { padding: 12px 16px 4px; }
#bible-book-picker-modal .picker-search-input {
  width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border-color);
  border-radius: 8px; box-sizing: border-box; color: inherit; font: 400 16px var(--font-body); background: var(--picker-tile);
}
#bible-book-picker-modal .picker-modal-tabs { display: flex; gap: 4px; padding: 4px 12px 8px; }
#bible-book-picker-modal .picker-tab { min-height: 44px; padding: 8px 12px; border: 0; border-radius: 8px; color: var(--text-muted); background: transparent; font: 500 12px var(--font-body); cursor: pointer; }
#bible-book-picker-modal .picker-tab.active { background: var(--picker-tile); color: var(--text-color); }
#bible-book-picker-modal .picker-books-grid {
  display: block; flex: 1 1 0px; min-height: 0; width: 100%; padding: 8px 0 24px;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; overflow-anchor: none;
  scroll-behavior: auto; scrollbar-width: thin; scrollbar-color: var(--text-muted) transparent;
  -webkit-overflow-scrolling: touch; box-sizing: border-box;
}
#bible-book-picker-modal .picker-book-group { display: block; height: auto; min-height: 0; margin: 0; padding: 0; }
#bible-book-picker-modal .picker-testament-start { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-color); }
#bible-book-picker-modal .picker-book-item {
  display: flex; align-items: center; width: 100%; min-height: 48px; margin: 0; padding: 12px 20px;
  border: 0; border-radius: 0; background: transparent; color: var(--text-color); text-align: left;
  font: 400 16px/1.5 var(--font-body); cursor: pointer; box-sizing: border-box;
}
#bible-book-picker-modal .picker-book-item:hover { background: var(--picker-tile); }
#bible-book-picker-modal .picker-book-item.selected { background: var(--picker-tile); font-weight: 600; }
#bible-book-picker-modal .picker-chapters-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 4px 12px 16px; }
#bible-book-picker-modal .picker-chapters-grid[hidden] { display: none !important; }
#bible-book-picker-modal .picker-chapter-btn {
  min-width: 0; min-height: 48px; padding: 10px 4px; border: 1px solid transparent; border-radius: 5px;
  background: var(--picker-tile); color: var(--text-color); font: 500 14px/1.5 var(--font-body);
  font-variant-numeric: tabular-nums; cursor: pointer; touch-action: manipulation;
}
#bible-book-picker-modal .picker-chapter-btn:hover { background: var(--picker-hover); }
#bible-book-picker-modal .picker-chapter-btn.selected { background: var(--picker-selected); color: var(--picker-selected-ink); font-weight: 700; }
#bible-book-picker-modal :focus-visible, .bible-passage-picker-trigger:focus-visible { outline: 2px solid var(--accent-color); outline-offset: -2px; }
#bible-book-picker-modal .picker-empty { margin: 0; padding: 24px 20px; color: var(--text-muted); font: 400 14px var(--font-body); }
@media (max-width: 640px) {
  #bible-book-picker-modal .picker-modal-content {
    width: 100%; height: 100%; max-height: none; border: 0; border-radius: 0; box-shadow: none;
    padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .app-shell[data-active-view="bible"] .app-main-content {
    padding: 12px 16px calc(var(--nav-bar-height) + 24px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #view-bible { gap: 14px; }
  #view-bible .welcome-section { display: none; }
  #view-bible .bible-navigation { position: relative; gap: 0; padding-bottom: 12px; border-bottom: 1px solid var(--border-color); }
  #view-bible .bible-header-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  #view-bible .bible-selectors { grid-template-columns: minmax(0, 1fr) 76px 44px; gap: 6px; }
  #view-bible .bible-reference-control { display: none; }
  #view-bible .bible-passage-picker-trigger { display: flex; grid-area: 1 / 1; align-items: center; gap: 4px; width: 100%; min-width: 0; min-height: 44px; padding: 0 10px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--surface-hover); color: var(--text-color); font: 500 15px var(--font-body); cursor: pointer; }
  #bible-passage-picker-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #bible-passage-picker-chapter { flex-shrink: 0; }
  .bible-passage-picker-trigger svg { width: 16px; height: 16px; flex: 0 0 16px; margin-left: auto; }
  #view-bible .bible-reference-control > :is(svg, i) { display: none; }
  #view-bible #bible-reference-input { min-height: 44px; font-size: 16px; font-weight: 500; }
  #view-bible .bible-reference-browse { width: 44px; height: 44px; flex-basis: 44px; }
  #view-bible .bible-reference-go { display: none; }
  #view-bible .bible-reference-control:focus-within .bible-reference-go { display: inline-flex; width: 44px; height: 44px; flex-basis: 44px; }
  #view-bible .bible-reference-control:focus-within .bible-reference-browse { display: none; }
  #view-bible .bible-reference-suggestions { width: min(340px, calc(100vw - 32px)); right: auto; }
  #view-bible .bible-translation-control { grid-area: 1 / 2; height: 44px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--surface-hover); }
  #bible-translation-short { display: flex; align-items: center; height: 100%; padding-left: 10px; color: var(--text-color); font: 600 14px var(--font-body); pointer-events: none; }
  #view-bible .bible-translation-control::after { content: ''; position: absolute; top: 17px; right: 9px; width: 6px; height: 6px; border-right: 1.5px solid var(--text-muted); border-bottom: 1.5px solid var(--text-muted); transform: rotate(45deg); pointer-events: none; }
  #view-bible #bible-translation-select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px; }
  #view-bible .bible-translation-control:focus-within { outline: 2px solid var(--accent-color); outline-offset: 2px; }
  #view-bible .bible-mobile-tools-toggle { grid-area: 1 / 3; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--text-muted); cursor: pointer; }
  .bible-mobile-tools-toggle svg { width: 22px; height: 22px; }
  .bible-mobile-tools-toggle:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
  #view-bible .bible-mobile-tools-toggle[aria-expanded="true"] { background: var(--surface-hover); color: var(--text-color); }
  #view-bible .bible-selectors > #bible-chapter-select { display: none; grid-area: 2 / 1 / 3 / 3; min-height: 44px; font-size: 16px; }
  #view-bible .bible-reading-tools { display: none; }
  #view-bible .tools-open .bible-reading-tools { position: absolute; z-index: 80; top: 52px; right: 0; display: grid; grid-template-columns: minmax(0, 1fr); width: min(230px, 100%); max-height: calc(100dvh - 180px); overflow-y: auto; gap: 4px; margin: 0; padding: 8px; border: 1px solid var(--border-color); background: var(--surface-color); border-radius: 12px; box-shadow: 0 12px 32px #0004; }
  #view-bible .bible-reading-tools button { justify-content: flex-start; min-height: 44px; }
  #view-bible #bible-focus-btn { margin-left: 0; }
  #view-bible #bible-floating-play-btn { position: static; width: auto; height: auto; min-height: 44px; gap: 7px; padding: 8px 10px; border: 0; border-radius: 8px; box-shadow: none; background: transparent; color: var(--text-muted); font: 500 0.8rem var(--font-body); z-index: auto; transform: none; }
  #view-bible #bible-floating-play-btn::after { content: 'Listen'; }
  #view-bible #bible-floating-play-btn.playing { color: var(--accent-color); }
  #view-bible #bible-floating-play-btn.playing::after { content: 'Pause'; }
  #view-bible #bible-floating-play-btn:disabled { opacity: 0.45; cursor: default; }
  #view-bible #bible-floating-play-btn svg { width: 17px !important; height: 17px !important; }
  #view-bible .bible-reader-card { border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; gap: 20px; }
  #view-bible .bible-chapter-navigation-header { padding: 0; border: 0; min-height: 44px; }
  #view-bible .bible-chapter-title { font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-weight: 600; }
  #view-bible .bible-nav-btn { width: 44px; height: 44px; flex-shrink: 0; border: 0; background: transparent; border-radius: 8px; }
  #view-bible .bible-content-area { gap: 8px; }
  #view-bible .bible-verse-row { padding: 6px 2px; border-radius: 4px; }
  #view-bible .bible-verse-row.has-verse-tools { padding-right: 38px; }
  #view-bible .bible-verse-markers { right: 2px; }
  #view-bible .bible-copyright { margin: 8px 0; }
  #view-bible .bible-claim-container { margin-top: 8px; }
  .bible-text-tools { grid-template-columns: 1fr 1fr; gap: 12px; }
  .bible-text-tools label:first-child { grid-column: 1 / -1; }
  #bible-text-reset { justify-self: start; }
  .bible-find-bar { gap: 3px; padding: 10px; }
  #bible-find-count { flex-basis: 100%; order: 5; padding-top: 4px; }
  .bible-reading-tools button { min-height: 44px; padding: 8px 10px; }
}
@media (prefers-reduced-motion: reduce) { .verse-action-sheet { transition: none; } }