:root{--ink:#edf0ed;--paper:#11212b;--green:#a5bec1}.canvas-scene{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}.canvas-scene.active{opacity:1}.canvas-scene canvas{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50%) center}.canvas-scene .static-poster{position:absolute;inset:0;background-size:cover;background-position:var(--focus,50%) center}.tone{background:linear-gradient(90deg,#071b2850,transparent 65%);pointer-events:none}.chapter-nav{max-width:45vw;display:flex;align-items:center;gap:8px}.chapter-nav select{min-width:0;max-width:100%;font:inherit;font-size:12px;background:#152630df;border:1px solid #7d9ba451;color:#edf3ef;padding:9px;border-radius:5px}.controls{min-width:240px}.setting-note{font-size:11px;line-height:1.7;color:#b9cbd1}.controls a{font-size:12px}.opening h1{letter-spacing:.02em}.paragraph{font-family:Georgia,"Times New Roman",serif;line-height:1.95;white-space:normal}.chunk{margin-block:13vh}.chapter-heading{color:#d6e1e3;font:25px/1.5 Georgia,serif;margin-bottom:40px}.source-heading{font-size:13px;letter-spacing:.12em;color:#a8bfc7}.verse{white-space:pre-wrap}.ending{display:flex;gap:18px;justify-content:center}.ending button{min-height:44px}#status{font-size:12px}.reader-only .chunk{margin-block:22px}.reader-only .paragraph{max-width:720px}.topbar{z-index:20}.focus-reading .topbar,.focus-reading footer{display:none}.focus-reading #leave-focus{display:block}.motion-off .canvas-scene{transition:none}.mobile-scene-label{display:none}
@media(min-width:761px){main{margin-left:5vw;width:min(42vw,640px);max-width:none}.chunk{width:100%;margin-left:0!important;margin-right:0!important}.paragraph{max-width:620px}.opening{padding-top:22vh}.opening h1{font-size:80px}.ending{margin:15vh 0}}
@media(max-width:760px){.topbar{padding:14px 5vw;gap:10px}.chapter-nav{max-width:49vw}.chapter-nav select{font-size:11px;padding:8px;max-width:160px}.wordmark{gap:8px}.wordmark small{font-size:10px}.seal{width:28px;height:28px}.settings{margin-left:auto}.settings summary{font-size:11px;padding:8px}.opening{padding-top:22vh;min-height:93svh}.opening h1{font-size:58px}main{padding:0!important;margin:0!important;width:100%!important}.opening,footer,.ending{margin-left:7vw;margin-right:7vw}.chunk{width:86vw!important;margin-inline:7vw!important}.chapter-heading{margin-inline:7vw}.chunk[data-text-treatment=membrane]::before{background:radial-gradient(ellipse,#10202aeb 0%,#10202ac9 55%,transparent 82%)!important}.chunk-nav{right:5vw}.controls{max-width:85vw}.paragraph{line-height:1.94}}
@media(prefers-reduced-motion:reduce){.canvas-scene{transition:none}}
.topbar{position:fixed;inset:0 0 auto;width:100%;min-height:80px;background:linear-gradient(#0b1926ed,#0b1926b3,transparent)}
.motion-preview-link{font-size:11px;white-space:nowrap;color:#c0d3d7}.settings summary{background:#18313be8;color:#edf4f3}@media(max-width:760px){.motion-preview-link{margin-right:auto;font-size:10px}.topbar{row-gap:3px}}