*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.experience{color:#fff;background:#000;height:100dvh;position:relative;overflow:hidden}.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}.background-scene,.gradient-layer,.image-layer,.tone-layer,.dark-layer,.static-stars,.moving-stars,.transition-sweep,.vignette,.pointer-light{position:absolute;inset:0}.background-scene{overflow:hidden}.image-layer{will-change:transform, opacity;background-position:50%;background-size:cover}.dark-layer{background:#00000073}.static-stars{opacity:.18;background-image:radial-gradient(circle,#ffffff2e 1px,#0000 1px);background-size:38px 38px}.moving-stars{opacity:.22;background-image:radial-gradient(circle,#ffffff1f 0,#0000 1px);background-size:42px 42px}.light-fog{inset-block:0;filter:blur(48px);background:linear-gradient(90deg,#ffffff08,#0000);width:33%;position:absolute;left:0}.dot{background:#fffc;border-radius:999px;position:absolute}.chapter-glow{filter:blur(64px);border-radius:999px;width:34rem;height:34rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.path-light{transform-origin:bottom;filter:blur(4px);background:linear-gradient(#0000,#ffffff4d);width:6rem;height:62vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.burden-symbol{background:#0003;border:1px solid #ffffff26;border-radius:1.5rem;width:7rem;height:7rem;position:absolute;bottom:4rem;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #00000073}.cross-symbol{opacity:.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-vertical{background:#ffffff59;border-radius:999px;width:2rem;height:18rem;margin-inline:auto;box-shadow:0 0 60px #ffffff59}.cross-horizontal{background:#ffffff59;border-radius:999px;width:11rem;height:2rem;margin-top:-13rem;box-shadow:0 0 60px #ffffff59}.sunrise-symbol{filter:blur(4px);background:#fef08ab3;border-radius:999px;width:16rem;height:16rem;position:absolute;bottom:-5rem;left:50%;transform:translate(-50%);box-shadow:0 0 120px #fef08acc}.home-symbol{color:#fff3;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.transition-sweep{mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.pointer-light{pointer-events:none;z-index:20;mix-blend-mode:screen}.intro{z-index:80;text-align:center;background:#000;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0;overflow:hidden}.intro-card{max-width:48rem}.intro-icon{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 2rem;display:flex;box-shadow:0 0 80px #ffffff29}.eyebrow{letter-spacing:.45em;text-transform:uppercase;color:#ffffff73;margin:0 0 1rem;font-size:.875rem}.intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.05}.intro p:not(.eyebrow){color:#ffffff9e;max-width:36rem;margin:1.5rem auto 0;font-size:1.125rem;line-height:1.75}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.75rem;transition:transform .2s,background .2s,opacity .2s;display:inline-flex}.primary-button{color:#000;background:#fff;margin-top:2.5rem;padding:1rem 1.75rem;font-weight:700;box-shadow:0 0 60px #ffffff38}.primary-button.small{margin-top:0;padding:.75rem 1.5rem;font-size:.875rem;box-shadow:0 0 35px #ffffff40}.primary-button:hover,.ghost-button:hover{transform:scale(1.02)}.primary-button:disabled,.ghost-button:disabled,.chapter-button:disabled,.side-nav button:disabled{cursor:not-allowed;opacity:.45}.ghost-button{color:#fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff1a;padding:.75rem 1.25rem}.vignette{pointer-events:none;z-index:10;background:radial-gradient(circle,#0000 0%,#00000026 35%,#000000bf 100%)}.top-fade,.bottom-fade,.fixed-bottom-fade{pointer-events:none;z-index:20;position:absolute;left:0;right:0}.top-fade{background:linear-gradient(#000000b3,#0000);height:8rem;top:0}.bottom-fade{background:linear-gradient(#0000,#000c);height:12rem;bottom:0}.fixed-bottom-fade{z-index:50;background:linear-gradient(#0000,#000000b3,#000);height:6rem;position:fixed;bottom:0}.topbar{z-index:30;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:relative}.brand-pill,.chapter-count{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;display:flex}.chapter-count{color:#ffffffb3;background:#0003}.content-shell{z-index:30;align-items:center;max-width:72rem;height:calc(100dvh - 88px);margin:0 auto;padding:clamp(.75rem,1.8dvh,1.25rem) 2rem clamp(6.4rem,13dvh,7.8rem);display:flex;position:relative}.content-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;width:100%;display:grid}.text-card{overscroll-behavior:contain;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0003;border:1px solid #ffffff1a;border-radius:2.4rem;max-height:calc(100dvh - 11rem);padding:clamp(1.55rem,3dvh,2.25rem);overflow-y:auto;box-shadow:0 0 80px #00000073}.cinematic-scroll{scrollbar-width:thin;scrollbar-color:#ffffff52 #ffffff0f}.cinematic-scroll::-webkit-scrollbar{width:8px}.cinematic-scroll::-webkit-scrollbar-track{background:#0000002e;border-radius:999px}.cinematic-scroll::-webkit-scrollbar-thumb{background:#ffffff47 padding-box padding-box;border:2px solid #0000002e;border-radius:999px}.cinematic-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff6b padding-box padding-box}.chapter-kicker{color:#ffffffb3;align-items:center;gap:.75rem;margin-bottom:1.35rem;display:flex}.kicker-icon{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:1rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.chapter-kicker span:last-child{letter-spacing:.35em;text-transform:uppercase;color:#fff9;font-size:.75rem}.text-card h1{letter-spacing:-.04em;text-shadow:0 15px 60px #000000bf;max-width:48rem;margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:1.05}.chapter-text{color:#ffffffd1;max-width:42rem;margin:1.25rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}.holy-moment,.answer-box,.verse-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:2rem}.holy-moment{text-align:center;background:#0000004d;margin-top:2.5rem;padding:2.5rem;overflow:hidden}.holy-line,.answer-line{background:#ffffff8c;height:1px;margin-inline:auto}.holy-line{width:8rem;margin-bottom:1.5rem}.holy-title{letter-spacing:.04em;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:300}.holy-subtitle{color:#ffffff80;max-width:34rem;margin:1.5rem auto 0;font-size:.875rem;line-height:1.8}.answer-box{text-align:center;margin-top:1.5rem;padding:1.5rem;box-shadow:0 0 70px #ffffff14}.answer-box p{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.answer-line{background:linear-gradient(90deg,#0000,#fff9,#0000);width:10rem;margin-top:1.5rem}.answer-box span{color:#ffffff94;margin-top:.75rem;font-size:.875rem;line-height:1.8;display:block}.verse-card{margin-top:2rem;padding:1.25rem;box-shadow:0 0 60px #ffffff0d}.verse-card p{color:#ffffffe6;margin:0;font-size:1.25rem;line-height:1.6}.verse-card span{color:#ffffff8c;margin-top:.75rem;font-size:.875rem;display:block}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.action-hint{letter-spacing:.35em;text-transform:uppercase;color:#ffffff59;width:100%;padding-bottom:.5rem;font-size:.75rem}.orb-column{min-height:32.5rem;position:relative}.orb{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;width:20rem;height:20rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 90px #00000073}.orb-glow{filter:blur(32px);border-radius:999px;position:absolute;inset:2.5rem}.orb-icon{color:#ffffffbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orb-ray{background:linear-gradient(#fff9,#0000);width:2px;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}.chapter-nav{inset-inline:0;z-index:40;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#00000059;border:1px solid #ffffff1a;border-radius:2rem;width:min(92vw,760px);margin:auto;padding:.65rem;position:fixed;bottom:.85rem;box-shadow:0 0 80px #00000073}.progress-track{background:#ffffff1a;border-radius:999px;height:4px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background:#fff;border-radius:999px;height:100%}.chapter-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem;display:grid}.chapter-button{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:flex}.chapter-button:hover{color:#fff;background:#ffffff1a}.chapter-button.active{color:#000;background:#fff}.side-nav{z-index:40;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.side-nav button{color:#ffffff59;cursor:pointer;text-align:left;background:0 0;border:0;transition:color .2s}.side-nav button:hover{color:#ffffffb3}.ring{z-index:10;pointer-events:none;border:1px solid #ffffff0d;border-radius:999px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-large{opacity:.6;width:120vh;height:120vh}.ring-small{opacity:.5;width:90vh;height:90vh}.follow-light{z-index:50;pointer-events:none;text-align:center;color:#ffffff59;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.follow-light div{letter-spacing:.4em;text-transform:uppercase;font-size:.75rem}@media (width<=980px){.content-grid{grid-template-columns:1fr}.orb-column,.side-nav,.chapter-count{display:none}.content-shell{padding-inline:1rem;align-items:center;height:calc(100dvh - 70px);padding-top:.75rem;padding-bottom:7rem}.text-card{border-radius:1.8rem;max-height:calc(100dvh - 10rem);padding:1.4rem;overflow-y:auto}.action-hint{letter-spacing:.22em;line-height:1.8}.primary-button.small,.ghost-button{flex:auto;justify-content:center}}@media (width>=981px) and (height<=820px){.topbar{padding-block:.85rem}.content-shell{align-items:center;height:calc(100dvh - 72px);padding-top:.35rem;padding-bottom:6.7rem}.content-grid{gap:1.5rem}.text-card{border-radius:2rem;max-height:calc(100dvh - 9.4rem);padding:1.75rem}.chapter-kicker{margin-bottom:1rem}.kicker-icon{width:2.35rem;height:2.35rem}.text-card h1{font-size:clamp(2rem,4.25vw,3.35rem)}.chapter-text{margin-top:1rem;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.65}.verse-card{margin-top:1.15rem;padding:1.1rem}.verse-card p{font-size:1.08rem;line-height:1.55}.actions{gap:.55rem;margin-top:1.15rem}.action-hint{padding-bottom:.15rem}.orb-column{min-height:27rem}.orb{width:17rem;height:17rem}.chapter-nav{padding:.55rem;bottom:.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}