:root{--fs-base:17;--fs:calc(var(--fs-base) * 1px);--bg:#f6f1e8;--card:#fffdf8;--ink:#2a2620;--ink-soft:#7a7264;--ink-faint:#b0a898;--rule:#e4ddd0;--accent:#7a1f2b;--accent-soft:#f0e0e3;--accent-ink:#5a141d;--cover-bg:#c4cfb8;--cover-border:#3a3a34;--shadow-sm:0 1px 3px #281e140a, 0 4px 12px #281e140f;--shadow-md:0 2px 8px #281e140f, 0 8px 32px #281e141a;--radius:14px;--header-h:108px;--page-max:620px;--trans-page:.45s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Crimson Pro,Georgia,serif;font-size:var(--fs);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;line-height:1.62;overflow-x:hidden}header{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--rule);padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:#f6f1e8e0;position:sticky;top:0}.hdr-row{align-items:center;gap:10px;display:flex}.hdr-row+.hdr-row{margin-top:8px}.brand{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:700;overflow:hidden}.brand .sub{color:var(--ink-soft);margin-left:8px;font-size:13px;font-style:italic;font-weight:400}.view-toggle{background:var(--card);border:1px solid var(--rule);border-radius:8px;display:flex;overflow:hidden}.view-toggle button{font:inherit;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.view-toggle button svg{width:14px;height:14px}.view-toggle button.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.fs-ctrl{background:var(--card);border:1px solid var(--rule);border-radius:8px;align-items:center;gap:2px;display:flex;overflow:hidden}.fs-ctrl button{width:32px;height:32px;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;place-items:center;font-size:16px;font-weight:600;transition:background .15s;display:grid}.fs-ctrl button:active{background:var(--accent-soft)}.fs-ctrl span{color:var(--ink-faint);text-align:center;width:14px;font-family:-apple-system,system-ui,sans-serif;font-size:11px}.trans-wrap{flex:1;min-width:0}.lang-wrap{flex:0 0 150px}.trans-wrap select,.lang-wrap select{appearance:none;background:var(--card);border:1px solid var(--rule);width:100%;font:inherit;color:var(--ink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path fill='none' stroke='%237a7264' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:7px 30px 7px 10px;font-size:13px}#list-view{max-width:var(--page-max);margin:0 auto;padding:16px 14px 80px}.list-hidden{display:none!important}.intro{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px;animation:.5s both fadeUp}.intro p{font-size:calc(var(--fs) * .88);color:var(--ink-soft);margin:0 0 8px;line-height:1.55}.intro p:last-child{margin-bottom:0}.section{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;animation:.45s both fadeUp;overflow:hidden}.section:nth-child(2){animation-delay:40ms}.section:nth-child(3){animation-delay:80ms}.section:nth-child(4){animation-delay:.12s}.section:nth-child(5){animation-delay:.16s}.section:nth-child(6){animation-delay:.2s}.section summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:15px 16px;list-style:none;display:flex}.section summary::-webkit-details-marker{display:none}.num{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-family:-apple-system,system-ui,sans-serif;font-size:12px;font-weight:700;display:grid}.section .head{flex:1;min-width:0}.section h2{font-family:Cormorant Garamond,Georgia,serif;font-size:calc(var(--fs) * 1.08);letter-spacing:.01em;margin:0 0 2px;font-weight:700}.chevron{width:16px;height:16px;color:var(--ink-faint);flex:none;margin-top:6px;transition:transform .25s}.section[open] .chevron{transform:rotate(180deg)}.body{border-top:1px solid var(--rule);padding:2px 16px 18px}.list-mainverse-wrap{margin:12px 0 4px}.list-point{margin:16px 0 0}.list-point .page-point-num{margin-bottom:6px}.list-point--dox .page-point-verse{text-align:center}.doxology{text-align:center;padding:4px 0}.doxology p{margin:0 0 12px}#page-view{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}#page-view.list-hidden{display:none!important}.page-stage{flex:1;min-height:0;position:relative;overflow:hidden}.page{-webkit-overflow-scrolling:touch;opacity:0;transition:opacity var(--trans-page), transform var(--trans-page);pointer-events:none;flex-direction:column;align-items:center;padding:20px 18px 32px;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(60px)}.page.active{opacity:1;pointer-events:auto;transform:translate(0)}.page.exit-left{opacity:0;pointer-events:none;transform:translate(-60px)}.page.exit-right{opacity:0;pointer-events:none;transform:translate(60px)}.cover-card{aspect-ratio:5/7;background:var(--cover-bg);width:100%;max-width:380px;box-shadow:var(--shadow-md), 0 0 0 1px #00000014;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden}.cover-card:before{content:"";border:2px solid var(--cover-border);pointer-events:none;position:absolute;inset:18px}.cover-card:after{content:"";border:1px solid var(--cover-border);pointer-events:none;position:absolute;inset:24px}.cover-corners{pointer-events:none;position:absolute;inset:0}.cover-corners span{background:var(--cover-border);position:absolute}.cover-corners .h{width:36px;height:2px}.cover-corners .v{width:2px;height:36px}.cover-corners .tl-h{top:18px;left:4px}.cover-corners .tl-v{top:4px;left:18px}.cover-corners .tr-h{top:18px;right:4px}.cover-corners .tr-v{top:4px;right:18px}.cover-corners .bl-h{bottom:18px;left:4px}.cover-corners .bl-v{bottom:4px;left:18px}.cover-corners .br-h{bottom:18px;right:4px}.cover-corners .br-v{bottom:4px;right:18px}.cover-text{text-align:center;color:var(--cover-border);z-index:1;padding:20px}.cover-text .ct-the{letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:400}.cover-text .ct-word{letter-spacing:.06em;text-transform:uppercase;font-family:Cormorant Garamond,Georgia,serif;font-size:48px;font-weight:700;line-height:1.1}.cover-text .ct-of{letter-spacing:.2em;text-transform:uppercase;margin:6px 0;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-style:italic;font-weight:400}.cover-text .ct-cross{letter-spacing:.08em;text-transform:uppercase;font-family:Cormorant Garamond,Georgia,serif;font-size:42px;font-weight:700;line-height:1.1}.cover-text .ct-dot{font-size:42px;font-weight:700}.cover-text .ct-hint{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:14px;font-family:-apple-system,system-ui,sans-serif;font-size:11px}.page-inner.author-page{text-align:center;flex-direction:column;align-items:center;padding-bottom:8px;display:flex}.author-page .author-portrait{width:100%;max-width:320px;height:auto;box-shadow:var(--shadow-md);border-radius:8px}.author-page .author-signature{object-fit:contain;width:100%;max-width:280px;height:auto;margin-top:20px}.author-page .author-caption{font-family:Cormorant Garamond,Georgia,serif;font-size:calc(var(--fs) * 1.05);color:var(--ink-soft);letter-spacing:.04em;margin:18px 0 0;font-style:italic}.page-inner{width:100%;max-width:var(--page-max)}.page-section-num{color:var(--accent);background:var(--accent-soft);letter-spacing:.03em;border-radius:999px;margin-bottom:10px;padding:3px 10px;font-family:-apple-system,system-ui,sans-serif;font-size:11px;font-weight:700;display:inline-block}.page-title{font-family:Cormorant Garamond,Georgia,serif;font-size:calc(var(--fs) * 1.55);letter-spacing:.01em;margin:0 0 4px;font-weight:700;line-height:1.2}.page-mainverse{background:var(--card);border-left:3px solid var(--accent);box-shadow:var(--shadow-sm);font-size:calc(var(--fs) * .92);border-radius:8px;margin:14px 0 24px;padding:14px 16px;line-height:1.6}.page-mainverse .vmeta{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:5px;font-family:-apple-system,system-ui,sans-serif;font-size:10px;display:block}.page-point{opacity:0;margin:0 0 20px;transition:opacity .5s,transform .5s;transform:translateY(12px)}.page-point.vis{opacity:1;transform:translateY(0)}.page-point-num{color:var(--accent);background:var(--accent-soft);border-radius:4px;margin-bottom:6px;padding:1px 6px;font-family:-apple-system,system-ui,sans-serif;font-size:10px;font-weight:700;display:inline-block}.page-point--dox .page-point-verse{text-align:center}.page-point-verse{background:var(--card);border-left:3px solid var(--rule);font-size:calc(var(--fs) * .88);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:6px;padding:10px 14px;line-height:1.6}.page-point-verse .vmeta{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:5px;font-family:-apple-system,system-ui,sans-serif;font-size:10px;display:block}.page-point-verse.loading{color:var(--ink-soft);font-style:italic}.page-point-verse.error{color:#6b2222;background:#fbf0f0;border-left-color:#b03a3a}.page-point-verse vn{vertical-align:5px;color:var(--accent);margin-right:2px;font-family:-apple-system,system-ui,sans-serif;font-size:9px;font-weight:700}.page-nav{-webkit-backdrop-filter:saturate(180%)blur(12px);border-top:1px solid var(--rule);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#f6f1e8eb;align-items:center;gap:12px;display:flex}.page-nav button{border:1px solid var(--rule);background:var(--card);cursor:pointer;width:40px;height:40px;color:var(--ink);border-radius:10px;place-items:center;transition:background .15s,border-color .15s;display:grid}.page-nav button:active{background:var(--accent-soft);border-color:var(--accent-soft)}.page-nav button:disabled{opacity:.3;pointer-events:none}.page-nav button svg{width:18px;height:18px}.page-indicator{text-align:center;color:var(--ink-soft);flex:1;font-family:-apple-system,system-ui,sans-serif;font-size:12px}.page-indicator .pi-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:Cormorant Garamond,Georgia,serif;font-size:13px;font-weight:600;display:block;overflow:hidden}footer{text-align:center;color:var(--ink-faint);padding:20px 14px 12px;font-size:12px;line-height:1.6}footer a{color:var(--accent-ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:380px){.brand{font-size:16px}.brand .sub{display:none}.cover-text .ct-word{font-size:38px}.cover-text .ct-cross,.cover-text .ct-dot{font-size:34px}}