:root{color-scheme:light;--ink: #1c1915;--ink-muted: #5c5348;--paper: #f3ede2;--surface: #fffcf7;--surface-raised: #ffffff;--surface-muted: rgba(255, 252, 245, .72);--accent: #6b5344;--accent-soft: rgba(107, 83, 68, .12);--gold: #8b6914;--line: rgba(107, 83, 68, .2);--line-strong: rgba(107, 83, 68, .32);--shadow: rgba(26, 22, 18, .07);--shadow-deep: rgba(26, 22, 18, .12);--header-bg: rgba(255, 252, 245, .94);--picker-bg: linear-gradient(180deg, rgba(255, 252, 245, .92) 0%, rgba(248, 242, 232, .88) 100%);--input-bg: #fffdf8;--btn-grad-top: #fffefb;--btn-grad-bot: #ebe4d8;--status-err: #8b2c2c;--red-letter: #b91c1c;--wy-book-font: QIJI, serif}[data-theme=dark]{color-scheme:dark;--ink: #ebe6dc;--ink-muted: #a89f92;--paper: #0f0d0b;--surface: #171411;--surface-raised: #1f1b17;--surface-muted: rgba(30, 26, 22, .65);--accent: #c9a87a;--accent-soft: rgba(201, 168, 122, .14);--gold: #d4b87a;--line: rgba(201, 168, 122, .22);--line-strong: rgba(201, 168, 122, .38);--shadow: rgba(0, 0, 0, .35);--shadow-deep: rgba(0, 0, 0, .5);--header-bg: rgba(18, 15, 12, .96);--picker-bg: linear-gradient(180deg, rgba(28, 24, 20, .95) 0%, rgba(22, 18, 15, .9) 100%);--input-bg: #1a1714;--btn-grad-top: #2a2520;--btn-grad-bot: #1c1815;--status-err: #e88888;--red-letter: #e89595}@font-face{font-family:QIJI;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/wenyan-lang/book@master/assets/font.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/wenyan-lang/book@master/assets/font.ttf) format("truetype")}@font-face{font-family:STKaiti Web;font-display:swap;src:local("STKaiti"),local("华文楷体"),local("Kaiti TC"),local("KaiTi"),local("楷体"),url(/fonts/stkaiti.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;overscroll-behavior-x:none;font-family:"Source Serif 4",Georgia,"Noto Serif TC",serif;background:radial-gradient(ellipse 120% 90% at 50% -10%,rgba(201,168,122,.12) 0%,transparent 52%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(107,83,68,.06) 0%,transparent 45%),linear-gradient(180deg,var(--surface) 0%,var(--paper) 100%);color:var(--ink);transition:background .25s ease,color .2s ease}[data-theme=dark] body{background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(201,168,122,.08) 0%,transparent 50%),linear-gradient(180deg,#141210 0%,var(--paper) 100%)}.app-root{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.app-header{flex-shrink:0;display:flex;flex-direction:column;gap:.45rem;padding:.5rem .85rem .55rem;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff0a inset;z-index:2}.header-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem}.app-header h1{margin:0;font-size:.98rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-variant:small-caps;color:var(--accent);line-height:1.2;flex-shrink:0;text-shadow:0 1px 0 rgba(255,255,255,.04)}.header-settings{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;flex:1;min-width:0}.setting-inline{display:flex;align-items:center;gap:.2rem}.setting-inline label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.82;white-space:nowrap}.select-compact,.select-biblical{font:inherit;font-size:.72rem;padding:.22rem .45rem .22rem .4rem;border-radius:8px;border:1px solid var(--line);background-color:var(--input-bg);color:var(--ink);min-width:4.5rem;max-width:9rem;box-shadow:0 1px 2px var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.select-compact:hover,.select-biblical:hover{border-color:var(--line-strong)}.select-compact:focus,.select-biblical:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.select-zh-font{max-width:min(11rem,38vw)}.setting-en-translation{min-width:0}.select-en-translation{min-width:7.5rem;max-width:min(20rem,46vw)}.btn-refresh{font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:.28rem .55rem;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-bot));color:var(--accent);cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px var(--shadow);transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn-refresh:hover:not(:disabled){border-color:var(--accent);box-shadow:0 2px 6px var(--shadow-deep)}.btn-refresh:active:not(:disabled){transform:translateY(1px)}.btn-refresh:disabled{opacity:.45;cursor:not-allowed}.btn-toggle{font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:.28rem .55rem;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-bot));color:var(--accent);cursor:pointer;flex-shrink:0;opacity:.55;box-shadow:0 1px 2px var(--shadow);transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-toggle.is-on{opacity:1;background:linear-gradient(180deg,#fff5f4,#f0dedc);border-color:#b91c1c59;color:var(--red-letter)}[data-theme=dark] .btn-toggle.is-on{background:linear-gradient(180deg,#3a2220,#2a1816);border-color:#f8717159;color:#fca5a5}.btn-toggle:hover{border-color:var(--accent);opacity:1}.btn-theme{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:.28rem .55rem;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-bot));color:var(--accent);cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px var(--shadow);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.btn-theme:hover{border-color:var(--gold);color:var(--gold)}.btn-theme.is-dark{border-color:var(--line-strong);color:var(--gold)}.btn-theme-icon{font-size:.95rem;line-height:1;opacity:.92}.btn-theme-text{min-width:2.4rem;text-align:left}.load-indicator{font-size:.68rem;color:var(--accent);opacity:0;min-width:.75rem;text-align:center;transition:opacity .15s ease;flex-shrink:0;margin-left:auto}.load-indicator.is-loading{opacity:.8}.loading-bar{height:2px;margin:0;width:100%;background:transparent;overflow:hidden;opacity:0;transition:opacity .15s ease}.loading-bar.is-active{opacity:1}.loading-bar:after{content:"";display:block;height:100%;width:32%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:loading-sweep .95s ease-in-out infinite}@keyframes loading-sweep{0%{transform:translate(-120%)}to{transform:translate(380%)}}.passage-picker{width:100%;padding:.45rem .65rem;border-radius:12px;border:1px solid var(--line);background:var(--picker-bg);box-shadow:0 1px #ffffff0f inset,0 4px 14px var(--shadow)}.passage-picker-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0}.passage-books{display:flex;flex:1 1 min(18rem,100%);min-width:0;gap:.45rem;align-items:stretch}.passage-picker-divider{width:1px;align-self:stretch;min-height:2.25rem;background:linear-gradient(180deg,transparent 0%,var(--line-strong) 18%,var(--line-strong) 82%,transparent 100%);flex-shrink:0}.passage-chapter{display:flex;flex:1 1 min(16rem,100%);min-width:0;align-items:center;gap:.45rem .55rem;flex-wrap:wrap}.chapter-section-label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.88;flex-shrink:0}.input-biblical{font:inherit;font-size:.75rem;border-radius:9px;border:1px solid var(--line);background-color:var(--input-bg);color:var(--ink);padding:.28rem .5rem;box-shadow:0 1px 2px var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.input-biblical::placeholder{color:var(--accent);opacity:.45}.input-biblical:hover{border-color:var(--line-strong)}.input-biblical:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.passage-books-search{flex:1 1 min(24rem,100%);min-width:0}.book-search-wrap{position:relative;width:100%}.book-search-wrap.is-open .book-search-input{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.book-search-input{width:100%;font-size:.8rem;padding:.4rem .65rem .4rem .85rem}.book-autocomplete{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:100;margin:0;padding:.3rem 0;list-style:none;max-height:min(46vh,17.5rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:0 1px #ffffff0f inset,0 12px 40px var(--shadow-deep)}.book-autocomplete-hint{list-style:none;padding:.35rem .85rem .45rem;font-size:.65rem;line-height:1.3;color:var(--ink-muted);border-bottom:1px solid var(--line);margin-bottom:.15rem;pointer-events:none}.book-autocomplete-heading{list-style:none;padding:.4rem .85rem .2rem;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.75;pointer-events:none}.book-autocomplete-option{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .4rem;padding:.48rem .85rem;cursor:pointer;font-size:.78rem;line-height:1.35;transition:background .1s ease}.book-autocomplete-option.is-highlighted{background:var(--accent-soft)}.book-autocomplete-en{font-weight:600;color:var(--ink)}.book-autocomplete-sep{color:var(--ink-muted);opacity:.45;-webkit-user-select:none;user-select:none}.book-autocomplete-zh{color:var(--ink-muted);flex:1 1 auto;min-width:0}.book-autocomplete-ch{margin-left:auto;font-size:.65rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);opacity:.65}.book-autocomplete-empty{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:100;padding:.65rem .85rem;font-size:.78rem;color:var(--ink-muted);border-radius:11px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 8px 24px var(--shadow-deep)}.chapter-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;flex:1 1 10rem;min-width:0}.step-btn{font:inherit;width:1.75rem;height:1.75rem;padding:0;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-bot));color:var(--accent);font-size:1.05rem;line-height:1;cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px var(--shadow);transition:border-color .15s ease,color .15s ease}.step-btn:hover:not(:disabled){border-color:var(--accent);color:var(--gold)}.step-btn:disabled{opacity:.28;cursor:not-allowed}.chapter-slider{flex:1 1 5rem;min-width:4rem;max-width:14rem;padding:.35rem 0;outline:none}.chapter-slider:focus-visible{outline:none}.chapter-slider:focus-visible .chapter-slider-track{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 4px var(--accent-soft)}.chapter-slider.is-disabled{opacity:.45;pointer-events:none}.chapter-slider-track{position:relative;height:7px;margin:6px 0;border-radius:999px;background:var(--line);box-shadow:0 1px #ffffff0a inset;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.chapter-slider.is-disabled .chapter-slider-track{cursor:not-allowed}.chapter-slider:not(.is-disabled) .chapter-slider-track:active{cursor:grabbing}.chapter-slider-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--gold) 100%);opacity:.92;pointer-events:none}.chapter-slider-thumb{position:absolute;top:50%;width:17px;height:17px;margin-left:-8.5px;transform:translateY(-50%);border-radius:50%;background:var(--surface-raised);border:2px solid var(--accent);box-shadow:0 1px 2px var(--shadow),0 2px 8px var(--shadow-deep);pointer-events:none}[data-theme=dark] .chapter-slider-thumb{border-color:var(--gold);box-shadow:0 1px 2px #0006,0 2px 10px #00000073}.chapter-slider-cluster{position:relative;display:flex;flex:1 1 5rem;align-items:center;gap:.35rem;min-width:0}.chapter-slider-cluster .chapter-slider{flex:1 1 auto;min-width:3rem;max-width:none}.chapter-grid-toggle{font:inherit;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;flex-shrink:0;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-bot));color:var(--accent);cursor:pointer;box-shadow:0 1px 2px var(--shadow);transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.chapter-grid-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--gold)}.chapter-grid-toggle.is-open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.chapter-grid-toggle:disabled{opacity:.28;cursor:not-allowed}.chapter-grid-toggle-icon{display:block;opacity:.92}.chapter-grid-popover{position:absolute;left:0;top:calc(100% + 6px);z-index:100;min-width:min(100%,12rem);max-width:min(calc(100vw - 2rem),18rem);max-height:min(46vh,14rem);overflow:hidden;display:flex;flex-direction:column;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:0 1px #ffffff0f inset,0 12px 40px var(--shadow-deep)}.chapter-grid-popover-inner{padding:.45rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(2.1rem,1fr));gap:.28rem}.chapter-grid-btn{font:inherit;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;min-height:1.85rem;padding:.2rem .15rem;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-bot));color:var(--ink);cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease}.chapter-grid-btn:hover{border-color:var(--accent);color:var(--gold)}.chapter-grid-btn.is-current{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chapter-num-input{font-size:.74rem;width:2.75rem;text-align:center;padding:.22rem .2rem}.chapter-denom{font-size:.72rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-muted);white-space:nowrap}.chapter-denom.muted{opacity:.5}@media(max-width:720px){.passage-picker-divider{display:none}.passage-chapter{border-top:1px solid var(--line);padding-top:.45rem;margin-top:.1rem;width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;overflow:hidden}@media(max-width:900px){.app-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.pane{display:flex;flex-direction:column;min-height:0;padding:1rem 1.25rem .75rem;overflow:hidden}.pane-head{flex-shrink:0;overflow:hidden}.pane-head-en{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.35rem 1.25rem}.pane-head-en-main{flex:1 1 10rem;min-width:0}.en-chapter-promo{flex:0 0 auto;margin:-.15rem 0 0;padding:.1rem .35rem 0;font-size:clamp(2.25rem,5.5vw,3.15rem);font-weight:700;line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 1px 0 var(--shadow);-webkit-user-select:none;user-select:none}.pane-scroll-en{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pane h2{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--accent)}.ref-line{font-size:.8rem;color:var(--accent);opacity:.85;margin-bottom:.75rem}.note{font-size:.72rem;line-height:1.45;color:var(--accent);opacity:.78;max-width:42rem;margin-bottom:.75rem}.niv-verses{max-width:40rem}.niv-verse{margin:0 0 .85rem;padding:.6rem .75rem;border-radius:10px;background:var(--surface-muted);border:1px solid transparent;line-height:1.58;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px var(--shadow)}.niv-verse:hover{border-color:var(--line)}.niv-verse.is-hovered{background:var(--accent-soft);border-color:var(--line-strong);box-shadow:0 2px 8px var(--shadow)}.words-of-jesus{color:var(--red-letter)}.niv-verse .verse-num{display:inline-block;min-width:1.75rem;font-weight:700;font-size:.75rem;color:var(--accent);opacity:.75;vertical-align:baseline;font-family:inherit}.status{flex-shrink:0;font-size:.85rem;color:var(--status-err);margin-top:.35rem;padding-bottom:.5rem}.app-footer{flex-shrink:0;padding:.5rem 1.25rem .65rem;font-size:.72rem;color:var(--accent);opacity:.7;text-align:center;border-top:1px solid var(--line);background:var(--header-bg)}.app-footer a{color:inherit}.classical-pane{border-right:1px solid var(--line);background:linear-gradient(180deg,var(--surface-muted),transparent 32%);font-family:var(--wy-book-font)}.classical-pane:lang(ja){font-family:Hiragino Mincho ProN,Hiragino Mincho Pro,Hiragino Sans,Yu Mincho,YuMincho,Yu Gothic,"Noto Serif CJK JP",Noto Sans CJK JP,"Source Han Serif",Source Han Sans,IPAex Mincho,IPAmjMincho,TakaoMincho,TakaoExMincho,MS Mincho,MS PMincho,MS Gothic,Meiryo,Segoe UI Symbol,ui-serif,serif}@media(max-width:900px){.classical-pane{border-right:none;border-bottom:1px solid var(--line)}}.classical-pane h2{font-weight:600;letter-spacing:.12em}.classical-pane .note{font-weight:400;letter-spacing:.06em}.pane-scroll-zh{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.vertical-verses{box-sizing:border-box;display:flex;flex-direction:row;align-items:stretch;gap:.65rem;flex:1;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.verse-col{writing-mode:vertical-rl;text-orientation:mixed;font-size:1.15rem;line-height:1.85;letter-spacing:.14em;padding:.65rem .45rem;border-radius:12px;background:var(--surface-muted);box-shadow:0 2px 6px var(--shadow);border:1px solid var(--line);scroll-snap-align:end;flex:0 0 auto;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.verse-col.is-hovered{background:var(--accent-soft);border-color:var(--line-strong);box-shadow:0 3px 12px var(--shadow-deep)}.verse-num{font-size:.82rem;opacity:.55;margin-inline-end:.35em;text-combine-upright:all}.verse-col ruby.meiji-ruby{ruby-align:center}.verse-col .meiji-ruby-text{font-size:.46em;font-weight:500;letter-spacing:.06em;color:var(--ink-muted)}.words-of-jesus .meiji-ruby-text{color:inherit;opacity:.92}.verse-col .proper-noun{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:currentColor}.verse-col .place-name{text-decoration-line:underline;text-decoration-style:double;text-decoration-color:currentColor}.verse-col.verse-col--ja .proper-noun,.verse-col.verse-col--ja .place-name{text-underline-position:right}.verse-col .proper-noun+.proper-noun,.verse-col .place-name+.place-name,.verse-col .proper-noun+.place-name,.verse-col .place-name+.proper-noun{margin-inline-start:.12em}.verse-col .book-name{position:relative;text-decoration:none;--_book-deco: currentColor}.verse-col .book-name:after{content:"";position:absolute;left:100%;top:0;bottom:0;width:3px;background-color:var(--_book-deco);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4'%3E%3Cpath d='M.5 0L2.5 2L.5 4' stroke='white' stroke-width='.4' fill='none' stroke-linejoin='miter'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4'%3E%3Cpath d='M.5 0L2.5 2L.5 4' stroke='white' stroke-width='.4' fill='none' stroke-linejoin='miter'/%3E%3C/svg%3E");-webkit-mask-size:3px 4px;mask-size:3px 4px;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;pointer-events:none}