:root{--color-bg: #1f1523;--color-text: #faf9f7;--color-text-secondary: #d8d8d8;--color-text-muted: #b7b7b7;--color-accent: #dadbb1;--color-accent-gold: #f0e8c0;--color-surface: rgba(28, 18, 31, .5);--color-surface-hover: rgba(57, 45, 60, .5);--color-border: #3f3e40;--color-button-bg: #7b748f;--color-button-cta: #3a3142;--gradient-landing: linear-gradient(19deg, rgba(151, 99, 99, .2) 40%, rgba(19, 15, 59, .2) 100%), linear-gradient(204deg, rgb(48, 82, 130) .35%, rgb(152, 175, 199) 54%, rgb(233, 236, 239) 100%);--gradient-content: linear-gradient(204deg, rgb(27, 36, 59) .35%, rgb(84, 70, 121) 54%, rgb(187, 174, 195) 100%);--gradient-glass: linear-gradient(138deg, rgba(28, 18, 31, .5) 7%, rgba(57, 45, 60, .5) 52%, rgba(60, 60, 60, .5) 96%);--font-display: "IvyPresto Display", "Playfair Display", Georgia, serif;--font-serif: "Times New Roman", Times, Georgia, serif;--font-sans: "Figtree", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-display: clamp(2.5rem, 2rem + 2.5vw, 3.75rem);--font-size-scripture: clamp(1.125rem, 1rem + .75vw, 1.5rem);--font-size-body: clamp(1.1875rem, .9375rem + 1vw, 1.5rem);--font-size-ui: clamp(.75rem, .7rem + .2vw, .875rem);--font-size-label: 1rem;--font-size-micro: .625rem;--space-content: clamp(1.25rem, 3vw, 1.5rem);--content-max-width: 393px;--content-text-width: 352px;--ease-out-gentle: cubic-bezier(.25, .1, .25, 1);--fade-duration: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;height:100svh;overscroll-behavior:none;background-color:#0d0a10}body{font-family:var(--font-sans);min-height:100svh;background-color:#0d0a10;color:var(--color-text);line-height:1.7;overflow-x:hidden}html{scroll-snap-type:y mandatory}html.is-resetting{scroll-snap-type:none!important}html.is-resetting body{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden}.panel{height:100svh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.screen-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.screen-bg__gradient{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;-webkit-transform:translateZ(0);transform:translateZ(0)}.screen-bg__gradient--landing{background:var(--gradient-landing)}.screen-bg__gradient--content{background:var(--gradient-content)}.screen-bg__texture{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%;mix-blend-mode:difference;opacity:.2}.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}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--color-button-cta);color:var(--color-text);border-radius:.5rem;z-index:9999;text-decoration:none;font-size:var(--font-size-ui);transition:top .2s}.skip-link:focus{top:1rem}.sticky-logo{position:fixed;top:28px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none}.sticky-logo a{pointer-events:auto}@media(min-width:768px){.panel{align-items:center}.sticky-logo{top:49px}.sticky-logo img{width:214px;height:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shader-stars{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.shader-stars{display:none}}.reading-card{display:block;max-width:var(--content-max-width);min-width:353px;margin:0 auto;padding:0 var(--space-content) 12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s var(--ease-out-gentle),transform .4s var(--ease-out-gentle);text-decoration:none;color:inherit}.reading-card--visible{opacity:1;transform:translateY(0);pointer-events:auto}.reading-card__inner{display:flex;align-items:center;padding:4px;background:var(--gradient-glass);border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.reading-card__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;padding:6px 0 6px 2px}.reading-card__meta{display:flex;flex-direction:column;gap:4px}.reading-card__label{font-family:var(--font-sans);font-weight:600;font-size:.625rem;letter-spacing:.1em;line-height:1.2;color:var(--color-accent)}.reading-card__title{font-family:var(--font-sans);font-weight:500;font-size:1rem;line-height:1.125;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-card__link{display:flex;align-items:center;gap:0;font-family:var(--font-sans);font-weight:600;font-size:.75rem;line-height:1.5;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.reading-card__link:hover{color:var(--color-text)}.reading-card__link svg{flex-shrink:0}.reading-card__cover{flex-shrink:0;width:84px;padding:4px 16px;height:84px;overflow:hidden}.reading-card__cover img{width:100%;height:100%;object-fit:cover;object-position:center}@media(min-width:768px){.reading-card{max-width:359px;min-width:359px;margin:0 0 0 auto;padding-bottom:12px}.reading-card__label{font-size:.75rem;letter-spacing:.1em;line-height:1.33}.reading-card__title{font-size:1.125rem;line-height:1.11}.reading-card__link{font-size:1rem;line-height:1.5}.reading-card__link svg{width:24px;height:24px}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .4s var(--ease-out-gentle),transform .4s var(--ease-out-gentle)}.bottom-bar--visible{opacity:1;transform:translateY(0);pointer-events:none}.bottom-bar--visible .bottom-bar__content{pointer-events:auto}.bottom-bar__content{display:flex;align-items:flex-end;justify-content:space-between;max-width:1920px;margin:0 auto;padding:0 var(--space-content) calc(30px + env(safe-area-inset-bottom,0px))}.bottom-bar__left{display:flex;gap:12px;align-items:center}.bottom-bar__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:50%;transition:color .2s}.bottom-bar__share-btn{transition:background .4s var(--ease-out-gentle),padding .4s var(--ease-out-gentle),width .4s var(--ease-out-gentle),border-radius .4s var(--ease-out-gentle)}.bottom-bar__share-label{font-family:var(--font-sans);font-weight:500;font-size:.875rem;display:none;opacity:0;transition:opacity .4s var(--ease-out-gentle)}.bottom-bar--end .bottom-bar__share-btn{gap:6px;width:auto;background:var(--color-button-bg);border-radius:20px;padding:8px 14px}.bottom-bar--end .bottom-bar__share-label{display:inline;opacity:1}.bottom-bar__icon-btn:hover{color:var(--color-text)}.bottom-bar__icon-btn:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}.bottom-bar__mobile-card{display:block;pointer-events:none}.bottom-bar__mobile-card .reading-card--visible{pointer-events:auto}.bottom-bar__mobile-card .reading-card{max-width:none;min-width:0;padding:0 var(--space-content) 16px}.bottom-bar__desktop-card{display:none}.bottom-bar__nav{position:relative;display:flex;gap:8px;align-items:center}.bottom-bar__nav-arrows{display:none;gap:8px;align-items:center;transition:opacity .4s var(--ease-out-gentle)}.bottom-bar__restart-btn{position:static;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out-gentle)}.bottom-bar--end .bottom-bar__nav-arrows{opacity:0;pointer-events:none}.bottom-bar--end .bottom-bar__restart-btn{opacity:1;pointer-events:auto}.bottom-bar__nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-button-bg);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;transition:opacity .2s}.bottom-bar__nav-btn:hover:not(:disabled){opacity:.85}.bottom-bar__nav-btn:disabled{opacity:.3;cursor:default}.bottom-bar__nav-btn:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}@media(min-width:768px){.bottom-bar__content{padding:0 32px calc(32px + env(safe-area-inset-bottom,0px))}.bottom-bar__mobile-card{display:none}.bottom-bar__desktop-card{display:block}.bottom-bar__nav{display:none}.bottom-bar--end .bottom-bar__share-btn{gap:0;width:40px;background:none;border-radius:50%;padding:0}.bottom-bar--end .bottom-bar__share-label{display:none}}.panel-nav{position:fixed;right:var(--space-content);top:50%;transform:translateY(-50%);z-index:200;display:none;flex-direction:column;gap:16px;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out-gentle)}@media(min-width:768px){.panel-nav{display:flex}}.panel-nav--visible{opacity:1;pointer-events:auto}.panel-nav__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-button-bg);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;transition:opacity .2s,border-color .2s}.panel-nav__btn--down{border:.833px solid var(--color-accent-gold)}.panel-nav__btn:hover:not(:disabled){opacity:.85}.panel-nav__btn:disabled{opacity:.3;cursor:default}.panel-nav__btn:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}.panel-nav__arrows{display:flex;flex-direction:column;gap:16px;align-items:center;transition:opacity .4s var(--ease-out-gentle)}.panel-nav__restart-btn{position:absolute;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out-gentle)}.panel-nav--end .panel-nav__arrows{opacity:0;pointer-events:none}.panel-nav--end .panel-nav__restart-btn{opacity:1;pointer-events:auto}@media(min-width:768px){.panel-nav{right:32px}}.landing-screen{position:relative}.landing-screen__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:28px var(--space-content) 60px}.landing-screen__scripture{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;max-width:282px}.landing-screen__line{width:82px;height:1px;background:var(--color-text);opacity:.4;scale:0 1;animation:lineGrow .8s ease-out .2s forwards}@keyframes lineGrow{to{scale:1 1}}.landing-screen__quote{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(1.75rem,1.5rem + 1.5vw,2rem);line-height:1.25;letter-spacing:-.04em;color:var(--color-text);filter:blur(12px);opacity:0;animation:blurReveal 1.8s ease-out .6s forwards}@keyframes blurReveal{to{filter:blur(0px);opacity:1}}.landing-screen__ref{font-family:var(--font-sans);font-weight:700;font-size:1rem;letter-spacing:.15em;color:var(--color-text);opacity:0;animation:fadeIn .8s ease-in 2.2s forwards}@keyframes fadeIn{to{opacity:1}}.landing-screen__scroll-prompt{display:flex;flex-direction:column;align-items:center;gap:8px}.landing-screen__scroll-text{font-family:var(--font-sans);font-weight:400;font-size:.625rem;letter-spacing:.1em;color:var(--color-text)}.landing-screen__scroll-icon{width:29px;height:55px;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(min-width:768px){.landing-screen__content{max-width:1440px;padding-top:49px}.landing-screen__scripture{max-width:440px}.landing-screen__quote{font-size:2.5rem}}.welcome-screen{position:relative}.welcome-screen__content{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:28px var(--space-content) 60px}@property --outline-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.welcome-screen__card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--content-text-width);padding:16px;border:1px solid transparent;border-radius:20px;background:transparent;overflow:hidden;position:relative}.welcome-screen__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:var(--gradient-glass);opacity:0;transition:opacity .8s ease-out;pointer-events:none;z-index:-1}.welcome-screen--visible .welcome-screen__card:after{opacity:1;transition-delay:1.5s}.welcome-screen__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:conic-gradient(from 315deg at 50% 50%,transparent max(0deg,calc(var(--outline-progress) - 90deg)),white var(--outline-progress),transparent var(--outline-progress)),conic-gradient(from 135deg at 50% 50%,transparent max(0deg,calc(var(--outline-progress) - 90deg)),white var(--outline-progress),transparent var(--outline-progress));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;--outline-progress: 0deg}.welcome-screen--visible .welcome-screen__card:before{animation:drawOutline 7s ease-in-out forwards,fadeOutline .8s ease-out 3s forwards}@keyframes drawOutline{to{--outline-progress: 360deg}}@keyframes fadeOutline{to{opacity:0}}.welcome-screen__label,.welcome-screen__title,.welcome-screen__body{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}.welcome-screen__start{opacity:0;transition:opacity .6s ease-out}.welcome-screen--visible .welcome-screen__label{opacity:1;transform:translateY(0);transition-delay:2.1s}.welcome-screen--visible .welcome-screen__title{opacity:1;transform:translateY(0);transition-delay:2.5s}.welcome-screen--visible .welcome-screen__body{opacity:1;transform:translateY(0);transition-delay:2.9s}.welcome-screen--visible .welcome-screen__start{opacity:1;transition-delay:3.9s}.welcome-screen__label{font-family:var(--font-sans);font-weight:600;font-size:1rem;letter-spacing:.15em;color:var(--color-accent)}.welcome-screen__title{font-family:var(--font-display);font-weight:300;font-style:normal;font-size:clamp(2rem,1.5rem + 2.5vw,3.625rem);line-height:1.1;text-align:center;color:var(--color-text);margin-top:4px}.welcome-screen__body{flex:1;display:flex;flex-direction:column;gap:10px;margin-top:16px;font-family:var(--font-sans);font-weight:400;font-size:.875rem;line-height:1.5;text-align:center;color:var(--color-text)}.welcome-screen__start{display:flex;align-items:center;gap:2px;padding:8px 16px;margin-top:16px;background:#fff;border:none;border-radius:100px;color:#605975;font-family:var(--font-sans);font-weight:700;font-size:.9375rem;cursor:pointer;transition:opacity .6s ease-out,transform .2s var(--ease-out-gentle),box-shadow .2s}.welcome-screen__start:hover{transform:scale(1.03);box-shadow:0 4px 20px #ffffff26}.welcome-screen__start:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}.welcome-screen__start svg{flex-shrink:0;width:24px;height:24px}@media(min-width:768px){.welcome-screen__content{max-width:800px;padding:28px 40px 60px}.welcome-screen__card{max-width:740px;padding:40px 30px}.welcome-screen__label{font-size:1.125rem;letter-spacing:.15em}.welcome-screen__title{font-size:3.625rem;line-height:1.1;margin-top:11px}.welcome-screen__body{max-width:679px;font-size:1.25rem;line-height:1.6;gap:24px;margin-top:27px}.welcome-screen__start{margin-top:32px;padding:16px 24px;font-size:1.25rem;gap:4px}.welcome-screen__start svg{width:32px;height:32px}}@media(min-width:768px)and (max-height:839px){.welcome-screen__content{padding:20px 40px 40px}.welcome-screen__card{padding:40px 30px 28px}.welcome-screen__label{font-size:1rem}.welcome-screen__title{font-size:2.5rem;margin-top:6px}.welcome-screen__body{font-size:1.0625rem;line-height:1.5;gap:16px;margin-top:16px}.welcome-screen__start{margin-top:20px;padding:12px 20px;font-size:1.0625rem}.welcome-screen__start svg{width:26px;height:26px}}.content-page{position:relative}.content-page__layout{position:relative;z-index:1;display:flex;flex-direction:column;gap:17px;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:80px var(--space-content) 160px}.content-page__header{font-family:var(--font-sans);font-weight:700;font-size:1rem;letter-spacing:.15em;color:var(--color-text);opacity:0;transition:opacity .5s ease-out}.content-page--visible .content-page__header{opacity:1}.content-page__body{display:flex;gap:19px;align-items:stretch}.content-page__line{width:1px;flex-shrink:0;background:var(--color-text);opacity:.3;transform-origin:top;scale:1 0;transition:scale .8s ease-out;transition-delay:.3s}.content-page--visible .content-page__line{scale:1 1}.content-page__text{display:flex;flex-direction:column;gap:24px;font-family:var(--font-serif);font-weight:400;font-size:var(--font-size-body);line-height:1.5;color:var(--color-text)}.content-page__paragraph{opacity:0;transform:translateY(12px);transition:opacity .6s ease-out,transform .6s ease-out}.content-page--visible .content-page__paragraph{opacity:1;transform:translateY(0)}@media(min-width:768px){.content-page__layout{max-width:555px;padding-top:180px}.content-page__text{font-size:1.25rem;line-height:1.4}}.end-screen{position:relative}.end-screen__absorber{height:1px;scroll-snap-align:none;pointer-events:none}.end-screen__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;align-items:flex-start;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.end-screen__overlay--visible{opacity:1;pointer-events:auto}.end-screen__content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;max-width:var(--content-max-width);padding-left:16px var(--space-content) calc(80px + env(safe-area-inset-bottom,0px));padding-right:16px var(--space-content) calc(80px + env(safe-area-inset-bottom,0px))}.end-screen__body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--content-text-width);padding-right:16px;padding-left:16px;text-align:center;min-height:0}.end-screen__text-column{display:contents}.end-screen__copy{order:1}.end-screen__book-cover{order:2}.end-screen__actions{order:3}.end-screen__subtitle{font-family:var(--font-sans);font-weight:500;font-size:1rem;line-height:1.25;color:var(--color-text-secondary);white-space:pre-line;margin-bottom:clamp(4px,1.5vh,16px)}.end-screen__title{font-family:var(--font-display);font-weight:300;font-style:normal;font-size:clamp(3rem,2.5rem + 3vw,3.75rem);line-height:.89;color:var(--color-text);margin-top:4px;margin-bottom:clamp(8px,2vh,24px)}.end-screen__tagline{font-family:var(--font-sans);font-weight:500;font-size:1.25rem;line-height:1.2;color:var(--color-accent-gold);width:100%;margin-top:12px;text-align:center}.end-screen__book-cover{max-width:180px;padding:8px;margin-top:clamp(8px,2vh,20px);flex-shrink:1}.end-screen__book-cover img{width:100%;height:auto;display:block}@media(max-width:767px)and (max-height:700px){.end-screen__book-cover{max-width:130px;padding:4px;margin-top:clamp(4px,1vh,12px)}}.end-screen__actions{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,12px);width:100%;margin-top:clamp(8px,2vh,24px);padding-right:16px;padding-left:16px}.end-screen__cta{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;background:var(--color-button-cta);border:none;border-radius:100px;font-family:var(--font-sans);font-weight:700;font-size:.875rem;color:var(--color-text);text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s}@media(min-width:768px){.end-screen__cta{padding:16px 30px;font-size:1.125rem}}.end-screen__cta:hover{background:#4a3d52;transform:scale(1.02)}@media(min-width:768px)and (max-height:759px){.end-screen__content{max-width:960px;padding-left:var(--space-content);padding-right:var(--space-content)}.end-screen__body{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:64px;width:100%;max-width:900px;padding-left:0;padding-right:0;text-align:left}.end-screen__book-cover{display:flex;justify-content:flex-end;align-items:center;width:auto;max-width:none;height:clamp(260px,60vh,420px);margin-top:0;order:0}.end-screen__book-cover img{height:80%;width:auto;max-width:100%;object-fit:contain}.end-screen__text-column{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;gap:clamp(8px,2vh,20px);max-width:300px;order:0}.end-screen__copy{order:0;width:100%;max-width:300px}.end-screen__actions{order:0;width:100%;max-width:300px;margin-top:0;padding-left:0}.end-screen__subtitle,.end-screen__tagline,.end-screen__title{text-align:left}.end-screen__tagline{margin-top:8px}.end-screen__cta{width:auto;align-self:start}}