:root{color-scheme:dark;--bg:#101b21;--panel:#142229;--line:#314048;--ink:#edf0eb;--muted:#b0bcbf;--gold:#e7c18a;--accent:#c99751}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}a{color:var(--gold);text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{height:90px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin-top:3px}.sigil{width:44px;height:48px;border:1px solid #b99059;display:grid;place-items:center;font:23px Georgia;color:var(--gold)}.outline{border:1px solid #627077;padding:9px 17px;border-radius:3px;font-size:14px}.outline span{margin-left:20px}main{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:calc(100svh - 90px)}.world{position:sticky;top:0;height:calc(100svh - 90px);min-height:640px;overflow:hidden;background:#26333a}.world>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:opacity .25s}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,15,21,.5),rgba(7,15,21,.05) 48%,rgba(5,12,17,.88) 100%)}.sceneTop{position:absolute;top:28px;left:36px;right:36px;display:flex;gap:15px;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:600;color:var(--gold);margin:0 0 13px}.artLabel{font-size:12px;color:#eef0e7;background:#122129b0;padding:3px 9px;border:1px solid #657477;border-radius:2px}.sceneTitle{position:absolute;top:100px;left:7%;right:7%;text-shadow:0 2px 30px #000}.sceneTitle h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,4.6vw,78px);line-height:1.05;margin:0;max-width:680px;letter-spacing:-1.5px}.sceneTitle>p:last-child{font-size:17px;max-width:450px;margin-top:19px;color:#f2f0e6}.hotspots{position:absolute;top:39%;left:9%;right:9%;height:25%}.hotspot{position:absolute;display:flex;align-items:center;gap:10px;font-size:14px;text-align:left;filter:drop-shadow(0 2px 8px #000)}.hotspot b{width:43px;height:43px;flex-shrink:0;border:1px solid #ebc28d;border-radius:50%;display:grid;place-items:center;background:#14232bcc;color:#f3d4aa;font-weight:500;box-shadow:0 0 0 5px #e7c18a1c}.hotspot span{background:#101c24d9;padding:3px 10px;border-radius:2px;max-width:170px}.hotspot:hover b,.hotspot.active b{background:var(--gold);color:#182127;box-shadow:0 0 0 7px #e7c18a38}.sceneBottom{position:absolute;bottom:23px;left:7%;right:7%}blockquote{font:italic clamp(23px,2.1vw,33px)/1.45 Georgia,serif;margin:0 0 12px;max-width:640px}#verseRef{font-size:12px;letter-spacing:2px;color:var(--gold)}.sceneControls{margin-top:28px;padding-top:19px;border-top:1px solid #c9d3d23d;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d0d7d5}.sceneControls button{border:1px solid #8d9b9d;width:44px;height:40px;margin-left:8px;font-size:20px}.reader{background:var(--panel);display:flex;flex-direction:column;min-width:0}.tabs{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:0;background:var(--panel);z-index:2;border-bottom:1px solid var(--line);padding:14px 18px 0}.tabs button{font-size:14px;color:var(--muted);padding:13px 0 18px;border-bottom:2px solid transparent}.tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}#panel{padding:31px 32px 40px;flex:1;outline:none}h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.2}h2{font-size:34px;margin:0 0 23px;letter-spacing:-.5px}h3{font-size:24px;margin:28px 0 12px}p{margin:0 0 20px}.references{font-size:14px;color:var(--gold);margin-bottom:20px}.lead{font-size:19px;line-height:1.65;color:#f1eee5}.callout{padding:18px 20px;border-left:2px solid var(--accent);background:#1e3038;margin:25px 0}.callout p:last-child{margin-bottom:0}.callout .eyebrow{font-size:11px}.badge{display:inline-block;padding:4px 9px;background:#243941;border:1px solid #46616b;font-size:12px;letter-spacing:.3px;border-radius:2px;margin:0 0 12px;color:#e1d7bd}.fine{font-size:13px;color:var(--muted)}.nextAction{border:1px solid #bd9b66;color:var(--gold);padding:11px 17px;margin-top:8px;display:inline-block;font-size:14px}.psalmVerse{display:grid;grid-template-columns:23px 1fr;gap:7px;line-height:1.85;margin-bottom:12px;font-family:Georgia,serif;font-size:20px}.psalmVerse sup{font:11px system-ui;color:var(--gold);padding-top:9px}.psalmVerse.selected{background:#31434b;border-left:2px solid var(--gold);padding:10px}.psalmTools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.psalmTools button{border:1px solid #637b85;padding:7px 12px;font-size:14px}.psalmTools button.active{background:#dcc097;color:#18242b}.artifact{width:100%;max-height:270px;object-fit:contain;background:#0d171c;border:1px solid var(--line);margin:14px 0}.source{display:block;font-size:13px;margin:12px 0 23px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;color:var(--gold);font-size:15px}details p{margin:14px 0 0;font-size:15px}.practiceStep{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.practiceStep h3{margin-top:0}footer{padding:22px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer button{display:block;color:var(--gold);font-size:13px;padding:0;margin-bottom:9px}dialog{background:var(--bg);color:var(--ink);border:1px solid #536872;border-radius:4px;width:min(1040px,calc(100% - 30px));max-height:90svh;padding:35px}dialog::backdrop{background:#02080dcc;backdrop-filter:blur(8px)}.dialogTop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialogTop button{font-size:22px;min-width:44px;min-height:44px}.dialogTop h2{font-size:37px}#chapterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:27px 0}.chapterCard{position:relative;min-height:165px;border:1px solid #47606b;border-radius:2px;padding:20px;text-align:left;background-size:cover;background-position:center;overflow:hidden}.chapterCard:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06121bef,#101c2455)}.chapterCard>*{position:relative}.chapterCard h3{font-size:24px;margin:10px 0}.chapterCard small{font-size:12px;color:#e8c796}.chapterCard .num{font-size:12px;color:#e5bf82}.chapterCard.selected{outline:2px solid var(--gold)}#about{max-width:680px}.skip{position:fixed;top:-100px;left:20px;z-index:9;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 490px}#panel{padding:40px 46px}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 360px}.sceneTitle h1{font-size:49px}.hotspot span{max-width:120px;font-size:12px}.sceneTop{left:24px;right:24px}.artLabel{display:none}#panel{padding:27px 25px}.brand{letter-spacing:1px}}@media(max-width:760px){header{height:76px;padding:0 17px}.brand{font-size:11px;gap:10px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:1px}.sigil{width:33px;height:39px;font-size:19px}.outline{font-size:12px;padding:8px 10px}.outline span{display:none}main{display:block}.world{position:relative;min-height:620px;height:calc(90svh - 76px);max-height:850px}.sceneTop{top:22px;left:23px}.sceneTitle{top:71px;left:23px;right:23px}.sceneTitle h1{font-size:49px;max-width:440px}.sceneTitle>p:last-child{font-size:16px;max-width:320px}.hotspots{top:41%;left:5%;right:5%;height:21%}.hotspot span{font-size:12px;max-width:135px}.hotspot b{width:40px;height:40px}.sceneBottom{left:25px;right:25px;bottom:21px}blockquote{font-size:25px}.sceneControls{margin-top:20px;font-size:12px}.tabs{position:sticky;top:0;padding-top:5px}#panel{padding:29px 25px;min-height:400px}#chapterGrid{grid-template-columns:repeat(2,1fr)}dialog{padding:23px}.dialogTop h2{font-size:30px}.chapterCard{padding:14px;min-height:155px}.chapterCard h3{font-size:22px}}@media(max-width:380px){.brand small{display:none}.sceneTitle h1{font-size:43px}.hotspot span{max-width:110px}#chapterGrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}