:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--lightningcss-light,var(--background-light))var(--lightningcss-dark,var(--background-dark));margin:0;font-family:-apple-system,Hiragino Sans,sans-serif}button{min-height:var(--tap-size);min-width:var(--tap-size);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.prototype{--bg:var(--lightningcss-light,var(--background-light))var(--lightningcss-dark,var(--background-dark));--ink:var(--lightningcss-light,var(--text-light))var(--lightningcss-dark,var(--text-dark));--ink2:var(--lightningcss-light,var(--secondary-light))var(--lightningcss-dark,var(--secondary-dark));--accent:var(--lightningcss-light,var(--accent-light))var(--lightningcss-dark,var(--accent-dark));background:var(--bg);height:100dvh;color:var(--ink);position:relative;overflow:clip}.prototype[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.prototype[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.chapter-viewport{position:absolute;inset:0;overflow:clip}.chapter-track{grid-template-columns:repeat(3,minmax(0,1fr));width:300%;height:100%;display:grid;transform:translate(-33.3333%)}.chapter-scroll{overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;min-height:0;overflow-y:auto}.chapter-scroll[inert]{overflow:hidden}.chapter-content{padding:calc(env(safe-area-inset-top) + 130px) calc(env(safe-area-inset-right) + var(--page-margin)) calc(env(safe-area-inset-bottom) + var(--tab-bottom) + var(--tab-size) + 24px) calc(env(safe-area-inset-left) + var(--page-margin));background:var(--bg);font:var(--body-size)/var(--body-leading) var(--bible-font)}.chapter-content h1{font-size:var(--chapter-size);letter-spacing:.04em;margin:0 0 16px;font-weight:600}.chapter-content p{margin:0 0 6px}.verse-number{color:var(--accent);font:700 var(--number-size)/1 -apple-system, sans-serif;vertical-align:6px;margin-right:6px}.chapter-links{color:var(--accent);justify-content:space-between;padding-block-start:20px;font:600 15px -apple-system,sans-serif;display:flex}.chapter-links [data-next-chapter]{margin-inline-start:auto}.empty-page{padding:calc(env(safe-area-inset-top) + 112px) var(--page-margin) 0}.bottom-fade{height:calc(env(safe-area-inset-bottom) + 104px);background:linear-gradient(transparent, var(--bg) 86%);pointer-events:none;position:absolute;inset:auto 0 0}.chapter-title,.prototype-settings,.note-format-button{top:calc(env(safe-area-inset-top) + 56px + var(--controls-offset,0px));height:50px;position:absolute}.chapter-title{left:calc(env(safe-area-inset-left) + 16px);padding-inline:16px;font-weight:700}.prototype-settings{right:calc(env(safe-area-inset-right) + 16px);width:50px}.note-format-button{right:calc(env(safe-area-inset-right) + 66px + var(--top-button-gap));width:50px;font-weight:700}#display-menu{top:calc(env(safe-area-inset-top) + 116px + var(--controls-offset,0px))}.chapter-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chapter-grid button{background:var(--glass-fill);border-radius:18px}.chapter-grid [aria-current]{color:var(--accent);font-weight:700}.lg{--tint:var(--lightningcss-light,var(--glass-tint-light))var(--lightningcss-dark,var(--glass-tint-dark));--rim:var(--lightningcss-light,var(--glass-rim-light))var(--lightningcss-dark,var(--glass-rim-dark));--rim2:var(--lightningcss-light,var(--glass-rim-soft-light))var(--lightningcss-dark,var(--glass-rim-soft-dark));--edge:var(--lightningcss-light,var(--glass-edge-light))var(--lightningcss-dark,var(--glass-edge-dark));--glow:var(--lightningcss-light,var(--glass-glow-light))var(--lightningcss-dark,var(--glass-glow-dark));--glass-fill:color-mix(in srgb, var(--ink2) 18%, transparent);isolation:isolate;box-shadow:var(--lightningcss-light,var(--glass-shadow-light))var(--lightningcss-dark,var(--glass-shadow-dark)), 0 1px 3px var(--edge), 0 0 0 .5px var(--edge);border-radius:999px;transition:transform .45s cubic-bezier(.3,1.6,.5,1);transform:translateZ(0)}.lg>:is(.tint,.rim,.lens){border-radius:inherit;pointer-events:none;position:absolute;inset:0}.lg>.tint{background:var(--tint);-webkit-backdrop-filter:var(--backdrop,var(--glass-backdrop));backdrop-filter:var(--backdrop,var(--glass-backdrop))}.lg>.rim{box-shadow:inset 0 0 0 1px var(--rim2), inset 0 1.5px 0 var(--rim), inset 0 -1px 0 var(--rim2), inset 0 0 10px var(--glow), inset 0 -7px 9px -7px var(--edge)}.lg>.rim:before,.lg>.rim:after{content:"";border-radius:inherit;position:absolute;inset:0}.lg>.rim:before{background:conic-gradient(from var(--la,215deg), var(--rim) 0deg, transparent 70deg, transparent 160deg, var(--rim2) 180deg, transparent 220deg, transparent 330deg, var(--rim) 360deg);padding:1.6px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lg>.rim:after{background:radial-gradient(120% 80% at var(--hx,30%) -10%, #ffffff47, transparent 55%)}.lg>.fg{z-index:2;position:relative}.glass-button>.fg{justify-content:center;align-items:center;gap:8px;display:flex}.glass-button:active:not(:disabled){scale:var(--press-scale)}.glass-button{transition:transform .45s cubic-bezier(.3,1.6,.5,1),scale .45s cubic-bezier(.3,1.6,.5,1)}.glass-tabs{--tab-travel:calc((var(--tab-width) - var(--tab-size)) / 2);left:max(env(safe-area-inset-left), 0px);right:max(env(safe-area-inset-right), 0px);bottom:calc(env(safe-area-inset-bottom) + var(--tab-bottom));justify-content:center;gap:var(--search-gap);pointer-events:none;display:flex;position:absolute}.tab-rail{flex:0 0 var(--tab-width);height:var(--tab-size);transition:transform .5s cubic-bezier(.3,1.25,.5,1),scale .45s cubic-bezier(.3,1.6,.5,1);position:relative}.tab-rail[data-pressed]{scale:var(--press-scale)}.tab-back{transition:opacity .25s;position:absolute;inset:0}.tab-options{inset:var(--tab-inset);touch-action:none;transition:opacity .25s;display:flex;position:absolute}.tab-options:active{cursor:grabbing}.tab-option{z-index:1;pointer-events:auto;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex;position:relative}.tab-option[aria-pressed=true]{color:var(--accent)}.tab-drop{--tint:var(--lightningcss-light,var(--drop-tint-light))var(--lightningcss-dark,var(--drop-tint-dark));width:33.3333%;height:100%;box-shadow:none;pointer-events:none;transition:none;position:absolute;top:0;left:0}.tab-search,.tab-mini{flex:0 0 var(--tab-size);width:var(--tab-size);height:var(--tab-size);pointer-events:auto}.tab-mini{opacity:0;pointer-events:none;transition:opacity .3s,scale .45s cubic-bezier(.3,1.6,.5,1);position:absolute;top:0;left:0}.glass-tabs[data-mini=true] .tab-rail{transform:translateX(var(--tab-travel))}.glass-tabs[data-mini=true] .tab-search{transform:translateX(calc(-1 * var(--tab-travel)))}.glass-tabs[data-mini=true] .tab-back,.glass-tabs[data-mini=true] .tab-options{opacity:0}.glass-tabs[data-mini=true] .tab-option{pointer-events:none}.glass-tabs[data-mini=true] .tab-mini{opacity:1;pointer-events:auto}.glass-tabs[data-mini=true] .tab-drop>.tint,.glass-tabs[data-mini=false] .tab-mini>.tint{--backdrop:none}.glass-panel{visibility:hidden;pointer-events:none;position:absolute}.glass-panel[data-open=true]{visibility:visible;pointer-events:auto;transition-delay:0s}.glass-sheet{--backdrop:var(--sheet-backdrop);--tint:color-mix(in srgb, var(--bg) 38%, transparent);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);border-radius:40px;transition:transform .55s cubic-bezier(.3,1.2,.5,1),visibility 0s .55s;transform:translateY(120%)}.glass-sheet[data-open=true]{transform:translateY(var(--sheet-drag,0px))}.glass-sheet[data-dragging]{transition:none}.glass-sheet>.fg{flex-direction:column;gap:18px;padding:12px 22px 22px;display:flex}.grab{touch-action:none;align-self:center;place-items:center;width:60px;min-height:44px;margin-block:-8px -18px;display:grid}.grab:before{content:"";background:var(--ink2);opacity:.45;border-radius:3px;width:36px;height:5px}.glass-sheet-heading{justify-content:space-between;align-items:center;font-size:20px;font-weight:700;display:flex}.glass-close{background:var(--glass-fill);border-radius:50%;place-items:center;display:grid}.glass-menu{--backdrop:var(--menu-backdrop);--tint:color-mix(in srgb, var(--bg) 34%, transparent);right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 116px);transform-origin:100% 0;opacity:0;border-radius:26px;width:230px;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .2s,visibility 0s .25s;transform:scale(.4)}.glass-menu[data-open=true]{opacity:1;transform:none}.glass-menu>.fg{flex-direction:column;padding:8px;display:flex}.glass-row{justify-content:space-between;align-items:center;padding-inline:10px;display:flex}.glass-toggle{background:var(--glass-fill);border-radius:14px;width:46px;height:28px;position:relative}.glass-toggle:after{content:"";background:var(--text-dark);width:22px;height:22px;box-shadow:0 1px 3px var(--edge);border-radius:50%;transition:transform .35s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px}.glass-row[aria-checked=true] .glass-toggle{background:var(--accent)}.glass-row[aria-checked=true] .glass-toggle:after{transform:translate(18px)}.glass-menu-note{color:var(--ink2);margin:0;padding:2px 10px 4px;font-size:11px;line-height:1.5}.lg>.lens{background:var(--bg);overflow:hidden}.lg .filt,.lg .mirror{background:var(--bg);position:absolute}.lg .mirror{transform-origin:0 0;inset:0 auto auto 0}.lg:has(>.lens)>.tint{-webkit-backdrop-filter:none;backdrop-filter:none}.glass-filters{pointer-events:none;position:absolute}@keyframes glass-scroll{to{transform:translateY(calc(-1 * var(--scroll-max,0px)))}}.lens-timeline{timeline-scope:--chapter-scroll}.lens-scroll{scroll-timeline:--chapter-scroll block}.lens-timeline .mover{animation:linear both glass-scroll;animation-timeline:--chapter-scroll;display:block}@media (prefers-reduced-motion:reduce){.lg,.tab-rail{transition-property:opacity}.tab-rail[data-pressed]{scale:1}.glass-button:active:not(:disabled){opacity:.85;scale:1}.glass-panel{opacity:0;transition:opacity .15s,visibility 0s .15s;transform:none}.glass-panel[data-open=true]{opacity:1;transform:none}.glass-tabs[data-mini=true] :is(.tab-rail,.tab-search),.glass-toggle:after{transition:none}}@media (prefers-reduced-motion:no-preference){.tab-back{transform-origin:0;transition:transform .5s cubic-bezier(.3,1.25,.5,1),opacity .3s}.glass-tabs[data-mini=true] .tab-back{transform:scaleX(calc(var(--tab-size) / var(--tab-width)))}}