@font-face{font-family:SwordFlowMono;src:url(/fonts/DM-Mono-Light.ttf)format("truetype");font-weight:300;font-display:swap}.scriptureFlowPage{--flow-serif:ui-serif,"Times New Roman",Times,serif;--flow-mono:SwordFlowMono,ui-monospace,monospace;--flow-paper:#fff;--flow-ink:#2c3829;--flow-muted:#636e61;--flow-accent:#087f8c;--flow-spoken:#a44a16;--flow-column:294.219px;--flow-gutter:10.4px;--flow-passage-top:calc(137.8px + env(safe-area-inset-top,0px));--flow-canvas-top:calc(180px + env(safe-area-inset-top,0px));z-index:20;background:var(--flow-paper);width:100%;height:100dvh;color:var(--flow-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:18px/1.3 var(--flow-serif);-webkit-font-smoothing:antialiased;transition:background-color .18s,color .18s;position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){.scriptureFlowPage{--flow-paper:#000;--flow-ink:#fff;--flow-muted:#aab2a4;--flow-accent:#40c4d4;--flow-spoken:#ffc186;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.scriptureFlowPage,.scriptureFlowPage *{box-sizing:border-box}.scriptureFlowPage a{color:inherit;text-decoration:none}.scriptureFlowPage a:hover,.scriptureFlowPage a:focus-visible{color:var(--flow-accent)}.flowHeader{inset:env(safe-area-inset-top,0px)env(safe-area-inset-right,0px)auto env(safe-area-inset-left,0px);z-index:5;pointer-events:none;height:54px;position:absolute}.flowHeader>*{pointer-events:auto}.flowBrand{position:absolute;top:10.4px;left:10.4px}.flowWordmark{line-height:1.3}.flowTagline{top:12px;left:calc(var(--flow-column) + var(--flow-gutter));color:inherit;font:inherit;white-space:nowrap;position:absolute}.flowNav{white-space:nowrap;align-items:baseline;display:flex;position:absolute;top:10.4px;right:10.4px}.flowDownloadTrigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.flowDownloadTrigger:hover,.flowDownloadTrigger:focus-visible{color:var(--flow-accent)}.scriptureFlowPage #download-panel{--qr-size:min(208px,calc(100vw - 32px),calc(100dvh - 32px));top:calc((100dvh - var(--qr-size))/2);left:calc((100vw - var(--qr-size))/2);margin-left:calc((100vw - var(--qr-size))/2);z-index:8;width:var(--qr-size);aspect-ratio:1;pointer-events:none;position:sticky}.scriptureFlowPage #download-panel[hidden]{display:none}.scriptureFlowPage .download-qr-link{pointer-events:auto;width:100%;height:100%;padding:6px;line-height:0;display:block}.scriptureFlowPage .download-qr-shape{background:var(--flow-ink);width:100%;height:100%;display:block;-webkit-mask:url(/scripture-flow/app-store-qr.png) 50%/127.586% 127.586% no-repeat;-webkit-mask-source-type:alpha;mask:url(/scripture-flow/app-store-qr.png) 50%/127.586% 127.586% no-repeat alpha}.scriptureFlowPage .download-qr-link:focus-visible{outline:2px solid var(--flow-accent);outline-offset:3px}.scriptureFlowPage main{inset:0 env(safe-area-inset-right,0px)0 env(safe-area-inset-left,0px);z-index:0;isolation:isolate;position:absolute}.scriptureFlowPage #flow{top:var(--flow-canvas-top);z-index:0;width:100%;height:calc(100% - var(--flow-canvas-top));pointer-events:none;position:absolute;left:0}.scriptureFlowPage #ribbon{z-index:1;cursor:default;touch-action:pan-x;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:auto hidden}.scriptureFlowPage #ribbon::-webkit-scrollbar{display:none}.scriptureFlowPage #ribbon.is-dragging{cursor:grabbing}.scriptureFlowPage #ribbon.is-over-text{cursor:pointer}.scriptureFlowPage #ribbon:focus-visible{outline:1px solid var(--flow-accent);outline-offset:-2px}.scriptureFlowPage #track{width:calc(var(--flow-column)*12);height:100%;position:relative}.scriptureFlowPage .passage{top:var(--flow-passage-top);left:calc(var(--flow-column)*var(--i) + var(--flow-gutter));width:max-content;max-width:calc(var(--flow-column) - var(--flow-gutter));height:auto;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute}.scriptureFlowPage .reference{font:inherit;color:inherit;display:block}.scriptureFlowPage .passage.is-hovered,.scriptureFlowPage .passage.is-playing{color:var(--flow-accent)}.scriptureFlowPage .passage:focus-visible{outline:1px solid var(--flow-accent);outline-offset:-2px}.scriptureFlowPage .passage:focus:not(:focus-visible){outline:none}.scriptureFlowPage .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:767px){.scriptureFlowPage{--flow-passage-top:calc(115px + env(safe-area-inset-top,0px));--flow-canvas-top:calc(157.2px + env(safe-area-inset-top,0px))}.flowNav{font-size:16px;top:52px;right:10.4px}.flowTagline{font-size:16px;top:52px;left:10.4px}}@media (max-width:440px){.flowNav{justify-content:flex-end;font-size:16px;top:76px;left:10.4px;right:10.4px}.flowTagline{font-size:16px;top:51px}}@media (max-height:450px){.scriptureFlowPage{--flow-passage-top:calc(115px + env(safe-area-inset-top,0px));--flow-canvas-top:calc(157.2px + env(safe-area-inset-top,0px))}}@media (prefers-reduced-motion:reduce){.scriptureFlowPage{transition:none}.scriptureFlowPage *,.scriptureFlowPage :before,.scriptureFlowPage :after{scroll-behavior:auto!important}}