/* keep-4-six.css — Keep `421.TheScriptureKeep/public/scripture-genesis.html` <style> 938~1225행을 그대로 옮김(2026-09-29: 단어 확대 애니메이션 줄만 삭제 — 사람 지시. 그 밖은 수정 금지; 우리 쪽 차이는 ts-overrides.css). */
.six-header, .six-footer, .six-testaments, .six-tool-title, .six-search-hint, .six-edition-empty, .six-language-empty, .six-color-preview { display: none; }
.six-dialog { padding: 0; border: 0; color: var(--ink); background: var(--paper); }
#sixSettingsBackdrop, .six-close-icon { display: none; }
.six-dialog::backdrop { background: rgba(12, 18, 25, .58); }
.six-brand-home { font: inherit; color: inherit; background: transparent; border: 0; padding: 4px 0; cursor: pointer; }
.six-brand-home:focus-visible { outline: 2px solid #0d7974; outline-offset: 4px; border-radius: 4px; }
.six-dialog button, .six-dialog input, .six-dialog select { font-family: var(--ksans); }
.six-desktop-toolbar, .six-edition-toolbar { display: none; }
.six-drag-handle { align-self: stretch; flex: 0 0 28px; border: 0; border-radius: 6px; background: transparent; color: var(--sub); font-size: 21px; cursor: grab; touch-action: none; }
.six-edition-option > span { flex: 1; min-width: 0; }
[data-six-dragging="true"] { outline: 2px solid var(--six-accent, #0d7974); outline-offset: -2px; opacity: .7; }
.six-edition-chip { touch-action: pan-y; }
#sixLanguageStatus { display:none; }
body[data-six-waiting="true"] .sidebar-chapters-pane { display:none; }
body[data-six-waiting="true"] .content { display:none; }
body[data-six-waiting="true"] .main::after { content:attr(data-wait-message); display:block; margin:40px 24px; color:var(--sub); font:16px var(--ksans); }
.six-edition-option > .six-edition-move { display:flex; flex:0 0 auto; gap:3px; }
.six-edition-move button, .six-tab-move button { min-width:32px; min-height:36px; padding:4px; border:1px solid var(--rule); border-radius:7px; background:var(--paper); color:var(--ink); font-size:18px; cursor:pointer; }
.six-edition-move button:disabled, .six-tab-move button:disabled { opacity:.3; cursor:default; }
.six-tab-move { display:none; }
.six-edition-option[data-primary="true"] { box-shadow:inset 4px 0 #0d7974; }
.sheet .verse { column-gap:6px; padding-left:0; padding-right:0; }
.sheet .verse-num { background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0; min-width:0; width:auto; flex:0 0 1.6em; padding:0; text-align:left; align-self:flex-start; font-size:18px; font-weight:800; line-height:1.85; }
.sheet .verse-body [data-edition-label]::before { display:none !important; }
.sheet .verse-body .ko, .sheet .verse-body .ks, .sheet .verse-body .en { margin-top:0; padding-left:0; border-left:0; }
@media(min-width:768px) {
  .sheet :is(.ko,.ks,.en) { word-break:keep-all; overflow-wrap:normal; hyphens:none; }
  .sheet .scripture-word { display:inline; }
  .sheet .verse-body .k-quote { display:inline; transform:none; font-style:oblique -12deg; }
  .main-head .left-btns { display:none; }
}
.six-desktop-chapter-nav { display:none; }
@media(min-width:768px) {
  .six-desktop-chapter-nav { display:flex; justify-content:space-between; gap:16px; padding:24px 0 4px; }
  .six-desktop-chapter-nav button { padding:12px 20px; min-height:44px; border:1px solid var(--rule); border-radius:10px; color:var(--ink); background:var(--paper); cursor:pointer; font:600 14px var(--ksans); }
  .six-desktop-chapter-nav button:disabled { opacity:.4; cursor:default; }
}
#sixResetSettings { margin: 0; flex-shrink: 0; min-height: 38px; padding: 9px 14px; border: 1px solid var(--rule); border-radius: 9px; background: var(--paper); color: var(--ink); cursor: pointer; font: 500 12px var(--ksans); }
@media (min-width: 768px) {
  .six-desktop-toolbar { display: flex; justify-content: flex-end; padding: 10px 24px; position: sticky; top: 0; z-index: 22; background: var(--bg); border-bottom: 1px solid var(--rule); }
  #sixDesktopToggle { display: inline-flex; gap: 12px; align-items: center; min-height: 38px; padding: 8px 14px; border: 1px solid var(--rule); border-radius: 8px; color: var(--ink); background: var(--paper); font: 600 12px var(--ksans); cursor: pointer; }
  .main-head { top: var(--six-desktop-toolbar-height, 59px); }
  .six-desktop-toolbar { flex-wrap:wrap; align-items:center; }
  .six-desktop-toolbar .six-tabs { flex:1 1 200px; }
  #sixDesktopHelp { display:inline-flex; align-items:center; flex:0 0 auto; min-height:38px; padding:8px 12px; border:1px solid var(--rule); border-radius:8px; background:var(--paper); color:var(--ink); font:600 12px var(--ksans); text-decoration:none; }
  body.six-desktop-collapsed .main-head { display: none; }
  .six-edition-toolbar { display: block; margin-top: 14px; }
  #sixEditionHeading { font-size: 12px; color: var(--sub); margin-bottom: 8px; }
  #sixEditionStrip { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 10px; overscroll-behavior-x: contain; }
  .six-edition-chip { flex: 0 0 auto; max-width: 280px; min-height: 42px; padding: 9px 13px; border: 1px solid var(--rule); border-radius: 9px; color: var(--ink); background: var(--paper); font: 500 12px var(--ksans); cursor: grab; white-space: nowrap; }
  .six-edition-chip[aria-pressed="true"] { background: #20242a; border-color: #20242a; color: #fff; box-shadow: none; }
  body.dark-mode .six-edition-chip[aria-pressed="true"] { background: #080b10; color: #fff; border-color: #b7c5d5; box-shadow: inset 0 0 0 1px #b7c5d5; }
  .sheet .split-indicator { display: none !important; }
  .sheet .col-en, .sheet .col-ko { display: contents !important; }
  .sheet.view-split .verse-body { grid-template-columns: repeat(var(--six-edition-columns, 2), minmax(0, 1fr)); }
.verse-body .en, .verse-body .ko, .verse-body .ks, .verse-body .krv, .six-edition-empty { order: var(--slot-order, 1); }
  .verse-body [data-six-visible="false"] { display: none !important; }
  .verse-body [data-edition-label]::before { content: attr(data-edition-label); display: block; font: 500 11px var(--ksans); color: var(--sub); margin-bottom: 7px; }
  .six-edition-empty[data-six-visible="true"] { display: block; padding: 12px; border: 1px dashed var(--rule); border-radius: 8px; color: var(--sub); font-size: 12px; }
  body[data-six-no-editions="true"] #realContent, body[data-six-no-editions="true"] #placeholderContent { display: none !important; }
  body[data-six-no-editions="true"] .six-language-empty { display: block; padding: 28px; text-align: center; }
}
.sheet .verse-body > .note { order: 100; }
.toggle-bar [data-c="hideen"], .toggle-bar [data-c="hideks"] { display: none; }
@media (max-width: 767px) {
  body { --six-accent: #0d7974; --six-soft: #e8f5f1; }
  body.dark-mode {
    --six-accent: #88f0dc;
    --six-soft: #28534c;
    --paper: #232c36;
    --bg: #1b242e;
    --ink: #f7fafc;
    --reading-ink: #f7fafc;
    --sub: #d2dce6;
    --rule: #718194;
    --six-control-bg: #303e4d;
    --ot-bg: #3d342b;
    --ot-text: #ffe2bc;
    --ot-border: #a48a6d;
    --nt-bg: #2b3c55;
    --nt-text: #e0ecff;
    --nt-border: #7a96bd;
    --ch-bg: #303e4d;
    --ch-text: #ffffff;
    --ch-border: #718194;
  }
  /* 낮은 농도에서도 대조색을 구분하되 밝은 본문 글씨의 대비를 유지한다. */
  body.dark-mode.hl mark.h0 { background: rgba(250, 204, 85, var(--six-dark-highlight-opacity, .38)); }
  body.dark-mode.hl mark.h1 { background: rgba(74, 222, 128, var(--six-dark-highlight-opacity, .38)); }
  body.dark-mode.hl mark.h2 { background: rgba(96, 165, 250, var(--six-dark-highlight-opacity, .38)); }
  body.dark-mode.hl mark.h3 { background: rgba(244, 114, 182, var(--six-dark-highlight-opacity, .38)); }
  .app { height: 100dvh; flex-direction: column; background: var(--paper); }
  .six-header {
    position: relative; z-index: 61;
    display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px;
    padding: max(8px, env(safe-area-inset-top)) 12px 8px; background: var(--paper); border-bottom: 1px solid var(--rule);
  }
  .six-header-leading { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
  .six-header h1 { margin: 0; font: 600 23px var(--serif); letter-spacing: -.4px; color: var(--reading-ink); }
  .six-icon { display: grid; place-items: center; min-width: 44px; height: 44px; border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); color: var(--ink); cursor: pointer; }
  .six-icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; }
  .sidebar { flex: 1 1 0; width: 100%; max-width: none; height: auto; min-height: 0; overflow-y: auto; border: 0; box-shadow: none; background: var(--paper); padding-bottom: 20px; }
  .sidebar-books-pane, .sidebar-chapters-pane { width: 100%; max-width: none; height: auto; overflow: visible; flex-shrink: 0; border: 0; background: var(--paper); padding: 14px 14px 0; box-shadow: none; }
  .sidebar-books-pane { padding-top: 6px; }
  .sidebar-books-pane > .ot-badge { margin-top: 4px; }
  .sidebar-brand { display: none; }
  .six-testaments { display: flex; gap: 5px; background: var(--bg); padding: 5px; border-radius: 14px; margin: 0 0 15px; }
  .six-testaments button { flex: 1; min-height: 38px; border: 0; background: transparent; color: var(--sub); border-radius: 10px; font: 700 13px var(--ksans); cursor: pointer; }
  .six-testaments button[aria-pressed="true"] { background: var(--paper); color: var(--six-accent); box-shadow: 0 2px 8px #0000000c; }
  body[data-six-testament="ot"] #ntGrid, body[data-six-testament="ot"] .nt-badge,
  body[data-six-testament="nt"] #otGrid, body[data-six-testament="nt"] .ot-badge { display: none; }
  .book-grid { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 6px; max-height: none; overflow: visible; }
  body[data-six-screen="select"] .sidebar-chapters-pane { display: none; }
  .book-grid button { height: 36px; min-width: 0; font-size: 12px; border-radius: 9px; }
  .section-badge { font-size: 12px; padding: 9px 10px; }
  .count-tag { white-space: nowrap; }
  .chap-info-card { display: flex; align-items: center; justify-content: space-between; padding: 15px 12px; background: var(--six-soft); margin: 8px 0 10px; }
  .chap-info-card .book-name { font-size: 19px; color: var(--six-accent); }
  .sidebar-chapters-pane .chap-info-card { height:36px; min-height:36px; box-sizing:border-box; padding:9px 10px; }
  .sidebar-chapters-pane .chap-info-card .book-name { font-size:12px; }
  .sidebar-chapters-pane .chap-info-card .chap-total { font-size:12px; }
  .sidebar-chapters-pane .chap-badge { display: none; }
  .chap-grid { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 7px; }
  .chap-grid button { height: 42px; font-size: 16px; border-radius: 10px; }
  body[data-six-screen="select"] .main, body[data-six-screen="select"] .six-footer,
  body[data-six-screen="read"] .sidebar { display: none; }
  .main { flex: 1 1 0; width: 100%; min-height: 0; height: auto; background: var(--paper); }
  .content { max-width: none; padding: 16px 12px 28px; }
  .chapter-header { margin: 0 5px 16px; }
  body[data-six-screen="read"] .chapter-header { display:none; }
  body[data-six-screen="read"] .content { padding:0 6px 20px; }
  .chapter-title { font-size: 28px; }
  .chapter-sub { font-size: 10.5px; line-height: 1.8; margin-top: 4px; }
  body[data-six-no-editions="true"] #realContent,
  body[data-six-no-editions="true"] #placeholderContent { display: none !important; }
  body[data-six-no-editions="true"] .six-language-empty { display: block; padding: 30px 16px; border: 1px dashed var(--rule); border-radius: 14px; text-align: center; font-size: 13px; line-height: 1.8; }
  #sixChooseLanguage { min-height: 44px; padding: 10px 18px; border: 0; border-radius: 9px; background: #0d7974; color: white; font: 600 13px var(--ksans); cursor: pointer; }
  .sheet { border: 0; border-radius: 0; padding: 0; box-shadow: none; }
  .sheet .split-indicator { display: none !important; }
  .sheet.view-split .verse-body, .sheet.view-inline .verse-body { display: flex; flex-direction: column; gap: 12px; }
  .sheet .col-en, .sheet .col-ko { display: contents !important; }
  .verse { padding: 19px 0; gap: 7px; }
  .verse-num { flex-basis: 18px; font-size: 11px; padding-top: 5px; }
.verse-body .en, .verse-body .ko, .verse-body .ks, .verse-body .krv, .six-edition-empty { order: var(--slot-order, 1); }
  .verse-body [data-six-visible="false"] { display: none !important; }
  .en { font-size: 20px; line-height: 1.65; }
  .ko, .ks { font-size: 16px; line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }
  .verse-body [data-edition-label]::before { content: attr(data-edition-label); display: block; font: 500 10px var(--ksans); color: var(--sub); margin-bottom: 7px; letter-spacing: .1px; }
  .six-edition-empty[data-six-visible="true"] { display: block; border: 1px dashed var(--rule); padding: 12px; border-radius: 8px; color: var(--sub); margin: 0; font-size: 12px; line-height: 1.7; }
  .sheet .verse-body > .note { order: 10; margin-top: 0; font-size: 12px; line-height: 1.75; padding: 10px; overflow-wrap: anywhere; }
  .key { line-height: 1.7; gap: 9px; }
  .six-footer { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 8px 10px max(8px, env(safe-area-inset-bottom)); background: var(--paper); border-top: 1px solid var(--rule); width: 100%; }
  .six-footer button { min-height: 48px; border: 1px solid var(--rule); border-radius: 12px; padding: 8px 10px; color: var(--ink); background: var(--paper); font: 600 12px var(--ksans); cursor: pointer; }
  .six-footer button:first-child, .six-footer button:last-child { flex: 0 0 82px; }
  .six-footer button:nth-child(2) { flex: 1; min-width: 0; border-color: transparent; padding: 4px; color: var(--six-accent); }
  .six-footer small { display: block; font: 400 10px var(--ksans); margin-top: 5px; color: var(--sub); }
  .six-footer button:disabled { opacity: .4; cursor: default; }
  .six-dialog { max-width: 100vw; max-height: 100dvh; box-shadow: 0 14px 50px #0003; }
  .six-dialog:focus { outline: none; }
  .six-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 16px; border-bottom: 1px solid var(--rule); }
  .six-dialog-head h2 { font-size: 18px; margin: 0; }
  .six-close { min-height: 40px; padding: 8px 12px; border: 1px solid var(--rule); border-radius: 10px; color: var(--ink); background: var(--paper); cursor: pointer; }
  #sixSettings { position: fixed; z-index: 60; top: var(--six-header-height, 60px); bottom: auto; left: 0; right: 0; margin: 0 auto; width: 100%; max-height: calc(100dvh - var(--six-header-height, 60px) - 70px); border-radius: 0 0 20px 20px; overflow-y: auto; }
  body.six-settings-open #sixSettingsBackdrop { display: block; position: fixed; z-index: 50; top: var(--six-header-height, 60px); right: 0; bottom: 0; left: 0; width: 100%; border: 0; background: rgba(12,18,25,.58); cursor: default; }
  body.six-settings-open #sixSettingsTrigger .six-gear-icon { display: none; }
  body.six-settings-open #sixSettingsTrigger .six-close-icon { display: block; }
  #sixSettings[open] { animation: six-down .18s ease-out; }
  .six-tool-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
  .six-tool-title strong { font-size: 18px; }
  #sixSettings .main-head { position: static; display: block; padding: 18px 15px 22px; border: 0; background: var(--paper); backdrop-filter: none; }
  #sixSettings .guide, #sixSettings .left-btns, #viewToggleBtn,
  #sixSettings .searchrow select, #sixSettings [data-c="hideen"], #sixSettings [data-c="hideks"] { display: none !important; }
  #sixSettings .searchrow { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  #sixSettings .searchrow input { min-width: 0; width: 100%; height: 44px; font-size: 12px; }
  #sixSettings .searchrow button { min-height: 44px; padding: 8px 14px; }
  #sixSettings .six-search-hint { display: none; }
  #sixSettings .navrow { display: block; }
  #sixSettings .right-btns { display: flex; flex-wrap: nowrap; width: 100%; align-items: center; gap: 8px; }
  #sixSettings .highlight-control { display: inline-flex; min-width: 0; flex: 1; gap: 5px; padding: 8px; font-size: 11px; height: 44px; }
  #sixSettings .highlight-control input { width: 40px; min-width: 30px; flex: 1; height: 25px; }
  #sixSettings #themeToggleBtn { flex: 0 0 auto; font-size: 11px; padding: 8px 10px; min-height: 44px; }
  #sixSettings .toggle-bar { margin-top: 17px; gap: 8px; }
  #sixSettings .toggle-title { width: 100%; margin-bottom: 2px; }
  #sixSettings .toggle-bar button { min-height: 40px; padding: 8px 12px; font-size: 12px; }
  .six-color-preview { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 11px; margin: 14px 0 0; color: var(--reading-ink); }
  .six-color-preview > span { color: var(--sub); margin-right: 2px; }
  .six-color-preview mark { padding: 4px 7px; }
  .six-color-preview .six-colors-off { display: none; width: 100%; color: var(--sub); line-height: 1.6; }
  body:not(.hl) .six-color-preview .six-colors-off { display: block; }
  #sixMenu { position: fixed; top: 0; bottom: 0; left: 0; right: auto; margin: 0; width: min(88vw, 350px); height: 100dvh; border-radius: 0 20px 20px 0; overflow: hidden; }
  #sixMenu[open] { display: flex; flex-direction: column; }
  #sixMenu > .six-dialog-head { flex-shrink: 0; }
  #sixMenu[open] { animation: six-right .18s ease-out; }
  .six-menu-body { padding: 15px 15px 0; display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }
  .six-menu-body > :not(.six-edition-list) { flex-shrink: 0; }
  .six-edition-list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 2px 3px 2px 0; }
  .six-menu-language { flex-shrink: 0; padding: 12px 15px max(12px, env(safe-area-inset-bottom)); border-top: 1px solid var(--rule); background: var(--paper); }
  #sixUiTrigger { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 10px; border: 1px solid var(--rule); border-radius: 10px; background: var(--paper); color: var(--ink); cursor: pointer; font-size: 12px; }
  #sixUiLabel { flex: 1; text-align: left; font-weight: 700; }
  #sixUiCurrent { color: var(--six-accent); }
  #sixUiLanguage { width: min(92vw, 420px); max-height: 75dvh; border-radius: 18px; overflow: hidden; }
  #sixUiLanguage[open] { display: flex; flex-direction: column; }
  #sixUiLanguage .six-dialog-head { flex-shrink: 0; }
  #sixUiHelp { flex-shrink: 0; margin: 12px 16px; color: var(--sub); font-size: 12px; line-height: 1.7; }
  #sixUiOptions { overflow-y: auto; min-height: 0; padding: 4px 16px 16px; }
  .six-ui-option { display: flex; align-items: center; gap: 12px; padding: 15px 12px; border: 1px solid var(--rule); border-radius: 10px; margin-bottom: 8px; cursor: pointer; }
  .six-ui-option:has(input:checked) { background: var(--six-soft); border-color: var(--six-accent); }
  .six-ui-option input { width: 18px; height: 18px; accent-color: #0d7974; }
  .six-ui-option span { font-size: 14px; font-weight: 600; }
  .six-ui-option small { display: block; font-size: 11px; color: var(--sub); font-weight: 400; margin-top: 4px; }
  .six-menu-link { display: flex; width: 100%; align-items: center; justify-content: space-between; min-height: 46px; padding: 12px; border: 1px solid var(--rule); background: var(--paper); color: var(--ink); border-radius: 10px; font: 600 13px var(--ksans); text-decoration: none; margin-bottom: 8px; cursor: pointer; }
  .six-menu-body h3 { margin: 25px 0 8px; font-size: 15px; }
  .six-menu-body p { margin: 0 0 12px; font-size: 11px; line-height: 1.8; color: var(--sub); }
  .six-edition-option { display: flex; align-items: center; gap: 10px; padding: 13px 11px; border: 1px solid var(--rule); border-radius: 10px; margin-bottom: 8px; cursor: pointer; }
  .six-edition-option:has(input:checked) { background: var(--six-soft); border-color: var(--six-accent); }
  .six-edition-option input { width: 18px; height: 18px; accent-color: #0d7974; flex-shrink: 0; }
  .six-edition-option strong { font-size: 13px; display: block; }
  .six-edition-option small { display: block; font-size: 11px; color: var(--sub); margin-top: 4px; }
  #sixLanguageStatus { min-height: 20px; color: var(--six-accent); }
  #sixJump { position: fixed; top: auto; bottom: 0; left: 0; right: 0; margin: 0; width: 100%; max-height: min(86dvh, 780px); border-radius: 22px 22px 0 0; overflow: hidden; }
  #sixJump[open] { display: flex; flex-direction: column; animation: six-up .2s ease-out; }
  #sixJump .six-dialog-head { padding-top: 22px; flex-shrink: 0; }
  #sixJump .six-dialog-head::before { content: ''; position: absolute; top: 7px; left: calc(50% - 20px); width: 40px; height: 4px; border-radius: 5px; background: var(--rule); }
  .six-jump-body { overflow-y: auto; padding: 14px 15px 16px; min-height: 0; }
  .six-jump-fields { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .six-jump-fields label { font-size: 11px; color: var(--sub); display: block; min-width: 0; }
  .six-jump-fields select { display: block; margin-top: 7px; width: 100%; height: 44px; border: 1px solid var(--rule); border-radius: 9px; background: var(--paper); color: var(--ink); padding: 0 7px; font-size: 13px; }
  #sixJumpChapters { margin: 16px 0 10px; }
  #sixJump .chap-grid button { height: 42px; font-size: 14px; }
  #sixJumpSummary { font-size: 12px; line-height: 1.7; color: var(--sub); margin: 12px 0; }
  #sixJumpGo { width: 100%; min-height: 46px; border: 0; border-radius: 11px; background: #0d7974; color: white; font: 700 14px var(--ksans); cursor: pointer; }
  #sixJump .six-footer { display: flex; }
  .six-hit { outline: 2px dotted var(--six-accent); outline-offset: 3px; border-radius: 5px; }
  .toast { z-index: 100; bottom: 85px; max-width: calc(100vw - 24px); white-space: normal; }
  @keyframes six-down { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes six-up { from { transform: translateY(24px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
  @keyframes six-right { from { transform: translateX(-24px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
  @media (prefers-reduced-motion: reduce) { #sixSettings[open], #sixMenu[open], #sixJump[open] { animation: none; } }
  /* 메뉴 배경과 조작 영역을 분리하고 보조 글씨도 충분히 밝게 표시한다. */
  body.dark-mode .six-dialog::backdrop { background: rgba(8, 14, 22, .38); }
  body.dark-mode.six-settings-open #sixSettingsBackdrop { background: rgba(8, 14, 22, .38); }
  body.dark-mode .six-menu-link,
  body.dark-mode .six-edition-option,
  body.dark-mode .six-ui-option,
  body.dark-mode #sixUiTrigger,
  body.dark-mode .six-close,
  body.dark-mode .six-icon,
  body.dark-mode .six-footer button,
  body.dark-mode .six-jump-fields select {
    background: var(--six-control-bg);
    border-color: var(--rule);
    color: var(--ink);
  }
  body.dark-mode .six-edition-option:has(input:checked),
  body.dark-mode .six-ui-option:has(input:checked) {
    background: var(--six-soft);
    border-color: var(--six-accent);
    box-shadow: inset 0 0 0 1px var(--six-accent);
  }
  body.dark-mode .six-edition-option input,
  body.dark-mode .six-ui-option input { accent-color: #68dec7; color-scheme: light; }
  body.dark-mode .six-edition-option small,
  body.dark-mode .six-ui-option small { color: #e0e8ef; }
  body.dark-mode #sixSettings .highlight-control,
  body.dark-mode #sixSettings #themeToggleBtn,
  body.dark-mode #sixSettings .searchrow input,
  body.dark-mode #sixSettings .toggle-bar button:not(.on) {
    background: var(--six-control-bg);
    color: var(--ink);
    border-color: var(--rule);
  }
  body.dark-mode #sixSettings .toggle-bar button.on {
    background: var(--six-soft);
    color: #ffffff;
    border-color: var(--six-accent);
  }
  body.dark-mode .six-menu-link:hover,
  body.dark-mode .six-close:hover,
  body.dark-mode .six-icon:hover { background: #405165; }
  body.dark-mode .six-testaments button {
    background: transparent;
    color: #d2dce6;
    box-shadow: none;
  }
  body.dark-mode .six-testaments button[aria-pressed="true"] {
    background: #68dec7;
    color: #102f2a;
    box-shadow: inset 0 0 0 2px #b4fff0;
  }
}