/* Both readers use the same sticky strip and preserve their existing navigation buttons. */
body.mc168-reading [data-mc168-dock]:not(#mc168-unused) {
  position:sticky!important;inset:auto!important;top:var(--mc168-top,0)!important;
  transform:none!important;z-index:19!important;display:flex!important;align-items:center;
  width:max-content!important;max-width:calc(100% - 12px)!important;min-height:0!important;
  gap:0!important;margin:6px auto 10px!important;padding:1px 6px!important;
  border:1px solid var(--c138-line,#8886)!important;border-radius:22px!important;
  background:var(--c138-surface,Canvas)!important;color:var(--c138-ink,CanvasText)!important;
  box-shadow:0 2px 8px #0002!important;
}
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){
  body.mc168-reading [data-mc168-dock]:not(#mc168-unused){background:color-mix(in srgb,var(--c138-surface,Canvas) 84%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
}
body.mc168-reading [data-mc168-dock]:not(#mc168-unused) button{
  display:inline-flex!important;align-items:center;justify-content:center;gap:3px;
  min-width:44px!important;min-height:44px!important;width:auto!important;height:auto!important;
  padding:3px 9px!important;margin:0!important;border:0!important;border-radius:16px!important;
  background:transparent!important;color:inherit!important;box-shadow:none!important;font:600 15px/1.15 system-ui!important;
}
body.mc168-reading [data-mc168-dock] button>*{color:inherit!important}
body.mc168-reading:is(.mc167-active,.verse-actions-active) [data-mc168-dock]:not(#mc168-unused),
body.mc168-reading [data-mc168-dock][aria-hidden=true]:not(#mc168-unused){display:none!important}

#mc168-settings{box-sizing:border-box;width:min(350px,calc(100vw - 24px));max-height:80dvh;overflow:auto;margin:auto;padding:12px 16px 14px;border:1px solid var(--c138-line,#8886);border-radius:18px;background:var(--c138-surface,Canvas);color:var(--c138-ink,CanvasText);font:15px/1.4 system-ui}
#mc168-settings::backdrop{background:#10181055}
#mc168-settings header,#mc168-settings .mc168-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
#mc168-settings header strong{font-size:18px}
#mc168-settings button{box-sizing:border-box;min-height:44px;margin:0;padding:4px 8px;color:inherit;background:transparent;border:1px solid transparent;border-radius:10px;font:inherit;cursor:pointer}
#mc168-settings header button{min-width:44px;font-size:23px}
#mc168-settings .mc168-step{display:inline-flex;align-items:center;border:1px solid var(--c138-line,#8886);border-radius:12px}
#mc168-settings .mc168-step button{min-width:44px;font-weight:650}
#mc168-settings output{min-width:3ch;text-align:center;font-variant-numeric:tabular-nums}
#mc168-settings button:disabled{opacity:.35}
#mc168-settings fieldset{display:flex;margin:9px 0 0;padding:4px 0;border:0;gap:3px;flex-wrap:wrap;min-width:0}
#mc168-settings legend{padding:0;font-weight:600}
#mc168-settings fieldset button{flex:1 0 auto;font-size:14px;border-color:var(--c138-line,#8886)}
#mc168-settings [data-paper]{display:grid;justify-items:center;gap:3px}
#mc168-settings [data-paper]::before{content:'';width:23px;height:13px;border-radius:5px;border:1px solid #8888;background:var(--mc168-swatch,var(--c138-bg,Canvas))}
#mc168-settings [data-paper=yellow]{--mc168-swatch:#fff3cf}
#mc168-settings [data-paper=white]{--mc168-swatch:white}
#mc168-settings [data-paper=gradient]{--mc168-swatch:linear-gradient(140deg,#dfd4f3,#faecd9)}
#mc168-settings button[aria-pressed=true]{border-color:currentColor;background:color-mix(in srgb,currentColor 9%,transparent)}
#mc168-settings>button{margin-top:5px;text-decoration:underline}
body.mc168-reading :is(.scripture,.scripture-v2,.verse,.verse-text):not(#mc168-unused){font-family:var(--mc168-font)!important;font-size:var(--mc168-size)!important;line-height:1.5!important;overflow-wrap:break-word}
html[data-reader-background=white]{--mc168-paper:#fff;--mc168-fill:#fff}
html[data-reader-background=yellow]{--mc168-paper:#fff3cf;--mc168-fill:#fff3cf}
html[data-reader-background=gradient]{--mc168-paper:#eee0fa;--mc168-fill:linear-gradient(145deg,#eee0fa,#dfd4f3 44%,#f5dfef 78%,#faecd9)}
html[data-reader-background]:not([data-reader-background=default]):has(body.mc168-reading):not(#mc168-unused),
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused){background:var(--mc168-fill)!important;color:#242720!important}
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) :is(main.app,main.reader-v2,.chapter-stage,.scripture,.scripture-v2){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused)::before,
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused)::after,
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) .reader-v2::before,html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) .ambient{display:none!important}
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) :is(.verse,.verse-text){color:#242720!important}
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) .verse:not(.selected) :is(.verse-number,sup){color:#555c4f!important}
body.mc168-reading[data-page=read] .actions:not(#mc168-unused){display:flex!important;justify-content:center;margin-block:6px 12px}
html[data-reader-background]:not([data-reader-background=default]):has(body.mc168-reading):not(#mc168-unused){--b27-reader-chrome:var(--mc168-paper)!important}
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) :is(.top,.reader-v2__header,[data-mc168-dock]){background:var(--mc168-paper)!important;color:#242720!important;border-color:#716a6033!important}
html[data-reader-background]:not([data-reader-background=default]) body.mc168-reading:not(#mc168-unused) :is(.top,.reader-v2__header) h1{color:#242720!important;text-shadow:none!important}