:root{--back:#292d2f;--face:#e6e2d9;--ink:#252827;--muted:#645f56;--rule:#98928688;--serif:Georgia,'Times New Roman','Noto Serif CJK SC','SimSun',serif;--sans:system-ui,'Microsoft YaHei',sans-serif;--body-font:var(--serif);--body-size:25px;--body-line:1.46;--app-width:800px;--header-height:50px;--top-space:48px;--bottom-space:58px;--slate-pad-top:81px;--slate-pad-side:36px;--slate-pad-bottom:38px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);background:radial-gradient(ellipse at 35% 8%,#373c3e,var(--back) 65%);font:16px/1.5 var(--sans);-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,article:focus-visible{outline:2px solid #847154;outline-offset:3px}button:active{color:#736955}a{color:inherit;text-underline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.reader-app{height:100dvh;width:min(100%,var(--app-width));margin:auto;display:grid;grid-template-rows:var(--header-height) minmax(0,1fr);padding:max(var(--top-space),env(safe-area-inset-top)) 6px max(var(--bottom-space),env(safe-area-inset-bottom));gap:0;position:relative}.reader-header{display:flex;align-items:flex-start;justify-content:center;text-align:center;color:var(--face)}.passage-control{min-width:150px;min-height:64px;padding:0 12px 8px;display:flex;flex-direction:column;align-items:center;gap:1px;color:inherit;font-family:var(--serif)}.book-name{font-size:29px;font-weight:400;line-height:1.25;letter-spacing:-.02em}.location-line{font-size:17px;line-height:1.35;margin-top:-5px;color:#cfcec9;font-variant-numeric:lining-nums}.slate-stage{position:relative;min-height:0;isolation:isolate;overflow:hidden;touch-action:pinch-zoom}.stone-surface,.control-dialog{background:url('/slate-material.png') center/100% 100% no-repeat}.slate{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--slate-pad-top) var(--slate-pad-side) var(--slate-pad-bottom);gap:12px;will-change:transform;filter:drop-shadow(2px 6px 4px #11191b55);opacity:1;transform:translate3d(0,0,0)}#slate{z-index:2}.preview-slate{z-index:1;pointer-events:none}.slate.is-dragging{user-select:none}.scripture-viewport{min-height:0;flex:1;overflow:hidden}.scripture{font:400 var(--body-size)/var(--body-line) var(--body-font);color:var(--ink);overflow-wrap:break-word}.scripture p{margin:0}.scripture .verse{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px}.scripture .verse+.verse{margin-top:1.65em}.verse-number{font-size:.55em;line-height:var(--body-line);padding-top:.21em;color:#434744;font-variant-numeric:lining-nums}.verse-text{min-width:0}.target-verse .verse-number{color:var(--ink)}.slate-footer{min-height:24px;display:flex;align-items:center;justify-content:space-between;font:14px/1.3 var(--serif);color:var(--muted);gap:8px;flex-shrink:0;padding-left:0}.edition-wrap{display:flex;align-items:center;gap:8px}.source-control{font:inherit;position:relative;padding:0;text-align:left;min-width:70px}.source-control:after{content:'';position:absolute;inset:-12px 0}.gesture-feedback{position:absolute;z-index:0;inset:12px 12px auto;min-height:45px;display:flex;align-items:center;justify-content:center;color:var(--face);font-size:14px;pointer-events:none;visibility:hidden}.gesture-feedback.visible{visibility:visible}.gesture-feedback.study-preview{inset:auto 12px 15px}.loading-overlay{position:absolute;z-index:8;inset:25px 19px;background:var(--face);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.loading-overlay button{min-height:44px;text-decoration:underline}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;z-index:50;background:#252a2c;color:var(--face);padding:11px 16px;box-shadow:0 4px 18px #1118;display:flex;align-items:center;gap:14px;font:14px/1.4 var(--sans)}.toast button{color:inherit;text-decoration:underline;min-height:44px;padding:0 4px}
.reader-header .book-name{font-size:27px}.passage-control{min-height:50px;gap:3px;padding-bottom:0}.slate-stage:before{content:'';position:absolute;inset:0;background:url('/slate-material.png') center/100% 100% no-repeat;transform:translate(-4px,6px);z-index:0}.slider-wrap{padding-top:0}.slider-wrap output{top:-17px}.language-options{margin-bottom:16px}.passage-steps{padding-top:10px}.passage-steps button{min-height:68px}
.control-dialog{color:var(--ink);border:0;padding:52px 29px 42px;width:min(calc(100vw - 12px),788px);max-width:none;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-shadow:none;margin:auto;font:18px/1.5 var(--serif);scrollbar-width:thin}.control-dialog::backdrop{background:#1a1e2099}.navigation-dialog{position:fixed;inset:0;top:calc(max(var(--top-space),env(safe-area-inset-top)) + var(--header-height));bottom:max(var(--bottom-space),env(safe-area-inset-bottom));height:auto;max-height:none;margin:0 auto;padding:48px 29px 46px;scroll-padding:35px;filter:drop-shadow(2px 6px 4px #11191b55)}.navigation-dialog::backdrop{background:#292d2f08}.close-dialog{position:absolute;top:22px;right:16px;min-width:44px;height:44px;font:400 34px/1 var(--sans);color:#4c514f}.passage-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid var(--rule);padding:10px 18px 15px}.passage-steps button{min-height:68px;display:flex;align-items:center;flex-direction:column;padding:0 12px;font:18px/1.4 var(--serif)}.passage-steps button span+span{font-size:29px;line-height:1.3;min-width:52px;padding-bottom:4px;border-bottom:2px solid transparent}.passage-steps button[aria-pressed=true] span+span{border-color:var(--ink)}.picker-section{margin-top:16px}.number-grid{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));column-gap:8px;row-gap:4px}.number-grid button{font:400 21px/1 var(--serif);min-width:44px;height:44px;padding:0;justify-self:center;width:44px;font-variant-numeric:lining-nums}.number-grid button[aria-pressed=true]{background:#303638;color:var(--face);box-shadow:inset 0 0 0 1px #e6e2d929}.number-grid small{font-size:12px}.picker-heading{display:flex;align-items:center;justify-content:space-between}.picker-heading .text-action{font-size:15px;min-height:36px}.picker-help{margin:13px 9px 23px;font:16px/1.4 var(--serif);color:var(--muted)}.navigation-reading{border-top:1px solid var(--rule);padding:17px 9px 0}.navigation-reading p{margin:0}.language-options{display:flex;gap:34px;margin:0 14px 16px}.language-options button{min-height:44px;min-width:55px;padding:0;font:19px/1.4 var(--serif);color:var(--muted);position:relative}.language-options button[aria-pressed=true]{color:var(--ink)}.language-options button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink)}.nav-size-section>label{display:block;margin-bottom:11px}.nav-size-control{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px}.slider-wrap{flex:1;min-width:0;position:relative;padding-top:0}.slider-wrap output{position:absolute;top:-17px;left:var(--slider-position,35%);transform:translateX(-50%);font:16px/1.4 var(--serif);color:var(--ink)}input[type=range]{width:100%;min-height:36px;margin:0;accent-color:var(--ink);background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#6a6c6688}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:var(--ink);margin-top:-7px}input[type=range]{appearance:none;-webkit-appearance:none}input[type=range]::-moz-range-track{height:2px;background:#6a6c6688}input[type=range]::-moz-range-thumb{width:17px;height:17px;border:0;border-radius:50%;background:var(--ink)}.navigation-extra{font:14px/1.5 var(--sans);margin:42px 9px 0;border-top:1px solid var(--rule)}.navigation-extra summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--muted)}.reference-form{display:flex;flex-direction:column;gap:4px;margin:16px 0}.reference-form input{width:100%;min-width:0;min-height:48px;font:26px/1.4 var(--serif);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:4px 0}.field-help{font:13px/1.5 var(--sans);color:var(--muted);margin:5px 0 0}.field-error{font:14px/1.5 var(--sans);color:#792d27;margin:5px 0}.text-action{min-height:44px;display:block;padding:4px 0;text-align:left;font:16px/1.4 var(--serif)}.recent-passages{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);margin-top:12px}.recent-passages button{min-width:48px;min-height:44px;padding:0 8px;text-decoration:underline;text-underline-offset:4px}
.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 26px;padding-right:24px}.dialog-heading h1{font:400 29px/1.3 var(--serif);margin:0}.eyebrow{font:12px/1.5 var(--sans);letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.setting-section{padding:16px 0;border-top:1px solid var(--rule)}.setting-label{display:flex;justify-content:space-between;margin:0 0 12px;font:17px/1.4 var(--serif)}.size-controls{display:flex;gap:12px;align-items:center;margin-bottom:10px}.size-controls button{min-width:44px;min-height:44px;font-size:20px}.size-controls input{min-width:0}.segmented{display:flex;gap:8px}.segmented button{min-height:44px;flex:1;padding:8px;font-size:16px;border-bottom:2px solid transparent}.segmented button[aria-pressed=true]{border-color:var(--ink)}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:15px;font:16px/1.4 var(--sans)}input[type=checkbox]{width:24px;height:24px;accent-color:var(--ink);flex-shrink:0}.setting-link{display:flex;align-items:center;justify-content:space-between;min-height:55px;width:100%;border-top:1px solid var(--rule);font:17px/1.4 var(--serif);text-align:left;padding:8px 0}.detail-body{font:18px/1.65 var(--serif)}.detail-body p{margin:0 0 20px}.detail-body h2{font-size:22px;font-weight:400;margin:25px 0 14px}.detail-body li{margin-bottom:14px}.detail-body a{display:inline-flex;align-items:center;min-height:44px}.bookmark-entry{display:flex;border-bottom:1px solid var(--rule);gap:15px;padding:12px 0}.bookmark-entry>button:first-child{flex:1;text-align:left;min-width:0}.bookmark-entry strong,.bookmark-entry span,.context-entry strong,.context-entry span{display:block}.bookmark-entry strong,.context-entry strong{font-weight:400;font-size:21px;margin-bottom:8px}.bookmark-entry span{font-size:16px;color:var(--muted)}.remove-bookmark{font:14px/1.5 var(--sans);align-self:flex-start;min-height:44px}.context-entry{width:100%;text-align:left;padding:14px 0;border-top:1px solid var(--rule);font:19px/1.6 var(--serif)}.primary-button{background:var(--ink);color:var(--face);padding:12px 18px;min-height:48px}.measurement{position:fixed;left:-20000px;top:0;height:auto;visibility:hidden;pointer-events:none}
@media(min-width:700px){:root{--top-space:40px;--bottom-space:60px;--header-height:85px;--slate-pad-top:85px;--slate-pad-side:54px;--slate-pad-bottom:45px}.book-name{font-size:36px}.location-line{font-size:20px}.reader-app{padding-left:12px;padding-right:12px}.control-dialog{width:min(calc(100vw - 24px),776px);padding:70px 62px 55px}.navigation-dialog{padding:65px 55px 50px}.close-dialog{top:27px;right:25px}.passage-steps{padding-bottom:25px}.passage-steps button{font-size:25px}.passage-steps button span+span{font-size:38px;min-width:80px}.number-grid{row-gap:14px;column-gap:16px}.number-grid button{font-size:27px;min-width:54px;width:54px;height:54px}.picker-section{margin-top:25px}.picker-help{font-size:21px;margin:25px 10px 30px}.navigation-reading{padding-top:25px;font-size:24px}.language-options button{font-size:25px;min-height:52px}.language-options{margin:8px 18px 28px;gap:56px}.nav-size-section>label{margin-bottom:20px}.navigation-extra{margin-top:60px}}
@media(max-width:374px){.number-grid{column-gap:1px}.navigation-dialog{padding-left:24px;padding-right:24px}.scripture .verse{grid-template-columns:20px minmax(0,1fr);column-gap:6px}:root{--slate-pad-side:26px}}
@media(max-height:720px){:root{--top-space:20px;--header-height:62px;--bottom-space:30px;--slate-pad-top:50px;--slate-pad-bottom:24px}.navigation-dialog{padding-top:40px;padding-bottom:40px}.passage-steps{padding-top:0;padding-bottom:10px}.passage-steps button{min-height:63px}.number-grid{row-gap:0}.picker-section{margin-top:10px}.picker-help{margin-top:10px;margin-bottom:15px}.language-options{margin-bottom:13px}.navigation-reading{padding-top:12px}.navigation-extra{margin-top:30px}}
@media(max-height:480px){:root{--top-space:8px;--header-height:48px;--bottom-space:12px;--slate-pad-top:24px;--slate-pad-bottom:17px}.book-name{font-size:23px}.location-line{font-size:13px}.passage-control{min-height:44px;padding-bottom:0}.slate{gap:5px}.slate-footer{min-height:17px;font-size:12px}.scripture .verse+.verse{margin-top:.7em}.navigation-dialog{top:12px;bottom:12px;padding-top:40px}.control-dialog{max-height:calc(100dvh - 24px)}.navigation-extra{margin-top:25px}}


.navigation-dialog{overflow:hidden}.navigation-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-padding:12px}.navigation-scroll::-webkit-scrollbar{display:none}@media(max-width:349px){.number-grid{grid-template-columns:repeat(5,minmax(44px,1fr))}}