.app{--reader-scale:1;color:#17211b;background:linear-gradient(#0f766e14,#0000 280px),#f5f6f3;min-height:100vh}.app-state{color:#40504a;place-items:center;padding:32px;display:grid}.site-header{justify-content:space-between;gap:24px;width:min(1440px,100% - 32px);margin:0 auto;padding:28px 0 18px;display:flex}.site-header h1,.reader h2,.reader h3,.site-header p{margin:0}.site-header h1{color:#111815;letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,4.4rem);font-weight:700;line-height:.95}.site-header p:not(.kicker){color:#53615d;max-width:680px;margin-top:10px;font-size:1rem}.kicker,.panel-label{color:#0f766e;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.header-actions,.reader-tools,.scale-controls,.reader-nav{align-items:center;gap:8px;display:flex}.header-actions{background:#ffffffc7;border:1px solid #b8c8c1e6;border-radius:10px;align-self:start;gap:4px;padding:4px;box-shadow:0 12px 28px #13221c14}button,select,input{border-radius:8px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}.solid-button,.ghost-button,.scale-controls button{min-height:40px;padding:0 14px;font-weight:800}.solid-button{color:#fff;background:#17211b}.ghost-button,.scale-controls button{color:#17211b;background:#fff;border:1px solid #ccd7d1}.header-actions .solid-button,.header-actions .ghost-button{border:0;border-radius:8px;min-height:38px;padding:0 16px;transition:background-color .16s,box-shadow .16s,color .16s,transform .16s}.header-actions .solid-button{background:#0f766e;box-shadow:0 8px 18px #0f766e38}.header-actions .ghost-button{color:#43524c;background:0 0}.header-actions .ghost-button:hover,.header-actions .ghost-button:focus-visible{color:#17211b;background:#eef4f1;outline:none}.header-actions .solid-button:hover,.header-actions .solid-button:focus-visible{background:#115e59;outline:none;box-shadow:0 10px 22px #0f766e47}.header-actions button:hover{transform:translateY(-1px)}.workspace{grid-template-columns:320px minmax(0,1fr);gap:24px;width:min(1440px,100% - 32px);margin:0 auto;padding:12px 0 40px;display:grid}.sidebar{background:#ffffffdb;border:1px solid #d9e0dc;align-self:start;max-height:calc(100vh - 32px);padding:14px;position:sticky;top:16px;overflow:auto;box-shadow:0 18px 48px #13221c14}.search-field{gap:8px;display:grid}.search-field span{color:#53615d;font-size:.82rem;font-weight:800}.search-field input{appearance:none;color:#17211b;background:#fff;border:1px solid #c9d4ce;outline:none;width:100%;min-height:44px;padding:0 12px}.search-field input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.reader-passage-menu{gap:10px;margin:18px 0 24px;display:grid}.reader-passage-subtitle{color:#53615d;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.9rem;font-weight:700}.reader-passage-list{flex-wrap:wrap;gap:8px;display:flex}.reader-passage-item{white-space:nowrap;color:#0f766e;background:#f1f6f3;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:96px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:transform .14s,background-color .14s,box-shadow .14s;display:inline-flex;box-shadow:inset 0 0 0 1px #0f766e1f}.reader-passage-item:hover{background:#e4f1ec;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0f766e33}.reader-passage-item.active{color:#fff;background:#0f766e;border-color:#0f766e}.book-list,.search-results{gap:8px;margin-top:18px;display:grid}.book-scroll{gap:8px;display:grid}.panel-label{margin:0 0 2px}.chapter-popover{z-index:20;background:#fffffffa;border:1px solid #c6d5ce;border-radius:8px;max-height:min(420px,62vh);padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 22px 46px #13221c2e}.chapter-popover-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.chapter-popover-head p{color:#17211b;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.chapter-popover-head span{color:#53615d;text-align:right;font-size:.76rem;font-weight:750}.chapter-list{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:7px;display:grid}.chapter-option{color:#17211b;background:#f7faf8;border:1px solid #d6e0dc;border-radius:8px;min-height:38px;font-weight:850;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s}.chapter-option:hover{color:#0b5f58;background:#edf6f3;border-color:#7fb3aa;transform:translateY(-1px)}.chapter-option:focus-visible{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e29}.chapter-option.active{color:#fff;background:#0f766e;border-color:#0f766e;box-shadow:0 10px 18px #0f766e3d}.book-row{border:1px solid #0000;border-radius:8px;position:relative}.book-row.open{z-index:25}.book-row.active,.book-row.open{background:#eef4f1;border-color:#b8c8c1}.book-chapter-popover{top:calc(100% + 6px)}.book-button,.result-button{text-align:left;background:0 0;border:1px solid #0000;gap:4px;width:100%;padding:10px;display:grid}.book-row:hover,.result-button:hover,.book-row.active{background:#eef4f1;border-color:#b8c8c1}.book-button span,.result-button strong{color:#17211b;font-size:.95rem;font-weight:850}.book-button small,.result-button span,.result-button small{color:#5c6b66;line-height:1.45}.result-button small{font-size:.8rem}.search-result-highlight{color:#0f766e;background:#0f766e2e;border-radius:3px;padding:0 .15em}.passage-select{margin-top:18px}.reader-shell{min-width:0}.reader-tools{color:#53615d;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:.85rem}.reader-tools>div:first-child{flex-wrap:wrap;gap:8px;display:flex}.reader-tools>div:first-child span{background:#ffffffb3;border:1px solid #d8e0db;border-radius:999px;padding:6px 10px}.reader{overflow-wrap:break-word;background:#fff;border:1px solid #d9e0dc;min-height:72vh;padding:clamp(24px,5vw,64px);box-shadow:0 18px 48px #13221c14}.reader-heading{border-bottom:1px solid #e1e7e4;gap:10px;margin-bottom:clamp(24px,4vw,44px);padding-bottom:22px;display:grid}.reader h2{color:#121a16;max-width:900px;font-family:Georgia,Times New Roman,serif;font-size:calc(clamp(2rem, 4vw, 3.6rem) * var(--reader-scale));letter-spacing:0;line-height:1.05}.reader-heading span{color:#9f1239;font-weight:800}.intro-page{overflow-wrap:break-word;background:#fff;border:1px solid #d9e0dc;box-shadow:0 12px 30px #13221c12}.intro-layout{grid-template-columns:220px minmax(0,78ch);gap:clamp(24px,4vw,48px);padding:clamp(24px,5vw,56px);display:grid}.intro-aside{background:#f6f8f5;border-left:3px solid #0f766e;align-self:start;gap:10px;padding:16px;display:grid;position:sticky;top:16px}.intro-aside strong{color:#17211b;line-height:1.35}.intro-aside span{color:#5c6b66;font-size:.9rem;font-weight:800}.intro-content{color:#26322e;max-width:76ch;font-family:Georgia,Times New Roman,serif;font-size:calc(.98rem * var(--reader-scale));line-height:1.82}.intro-content>h2{color:#121a16;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(1.2rem * var(--reader-scale));letter-spacing:0;margin:0 0 18px;line-height:1.35}.passage-text{color:#1f2a25;font-family:Georgia,Times New Roman,serif;font-size:calc(1.2rem * var(--reader-scale));line-height:1.85}.passage-paragraph,.passage-text p{white-space:pre-line;max-width:78ch;margin:0 0 1.25em}.intro-section{border-top:1px solid #e1e7e4;margin-top:2.25rem;padding-top:1.25rem}.intro-section h3{color:#0f766e;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(.96rem * var(--reader-scale));letter-spacing:0;margin:0 0 .9em;font-weight:850;line-height:1.35}.intro-paragraph{text-indent:1.6rem;margin:0 0 1em}.verse-group{gap:.58rem;max-width:82ch;margin-bottom:1.3em;display:grid}.passage-blocks{gap:.7rem;max-width:82ch;margin-bottom:1.3em;display:grid}.passage-text-block .verse-group,.passage-text-block .passage-paragraph{margin-bottom:0}.inline-section-heading{color:#0f766e;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(.95rem * var(--reader-scale));text-align:center;white-space:pre-line;margin:.7em 0 .35em;font-style:italic;font-weight:850;line-height:1.4}.verse-line{grid-template-columns:2.25rem minmax(0,1fr);gap:.65rem;margin:0;display:grid}.verse-number{color:#9f1239;text-align:right;padding-top:.38em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72em;font-weight:850;line-height:1.2;display:block}.verse-text{white-space:pre-line}.passage-text h3{color:#0f766e;max-width:78ch;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(1rem * var(--reader-scale));letter-spacing:0;margin:2em 0 .7em;line-height:1.35}.reader-nav{border-top:1px solid #e1e7e4;justify-content:space-between;margin-top:40px;padding-top:20px}.back-to-top-button{color:#f5f6f3;cursor:pointer;z-index:40;background:#0f766e;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 12px #0f766e4d}.back-to-top-button:hover{background:#0d5f5a;transform:scale(1.1);box-shadow:0 6px 16px #0f766e66}.back-to-top-button:active{transform:scale(.95)}@media (width<=980px){.site-header{gap:18px;display:grid}.workspace{grid-template-columns:1fr;gap:18px}.sidebar{max-height:none;position:static;overflow:visible}.book-scroll{scrollbar-width:thin;max-height:360px;padding-right:4px;overflow:auto}.book-scroll::-webkit-scrollbar{width:8px}.book-scroll::-webkit-scrollbar-thumb{background:#c8d5cf;border-radius:999px}.book-chapter-popover{width:auto;max-height:none;margin:0 8px 8px;position:static;box-shadow:0 10px 24px #13221c1f}.passage-select{margin-top:12px}.intro-layout{grid-template-columns:1fr}.intro-aside{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.intro-aside strong{grid-column:1/-1}}@media (width<=640px){.site-header,.workspace{width:min(100% - 16px,1440px)}.site-header{padding:16px 0 10px}.site-header h1{font-size:clamp(1.8rem,12vw,3rem);line-height:1}.site-header p:not(.kicker){font-size:.92rem;line-height:1.5}.header-actions,.reader-tools{align-items:stretch}.header-actions{align-self:stretch;padding:3px}.header-actions,.reader-tools,.scale-controls{width:100%}.header-actions button,.scale-controls button{flex:1}.reader-tools{gap:10px;margin-bottom:10px;display:grid}.reader-tools>div:first-child span{padding:5px 8px;font-size:.78rem}.sidebar{padding:10px;box-shadow:0 10px 28px #13221c14}.search-field input,.passage-select select{min-height:42px;font-size:.9rem}.book-list,.search-results{margin-top:14px}.book-button{padding:9px}.book-button span,.result-button strong{font-size:.88rem}.book-button small,.result-button span,.result-button small{font-size:.76rem}.chapter-popover{max-height:min(390px,58vh);padding:10px}.chapter-popover-head{gap:2px;display:grid}.chapter-popover-head span{text-align:left}.chapter-list{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}.chapter-option{min-height:36px}.reader{min-height:auto;padding:22px 16px;box-shadow:0 10px 28px #13221c14}.reader-heading{gap:8px;margin-bottom:22px;padding-bottom:16px}.reader h2{font-size:calc(clamp(1.55rem, 9vw, 2.35rem) * var(--reader-scale));line-height:1.1}.reader-heading span{font-size:.85rem;line-height:1.45}.passage-text{font-size:calc(1.03rem * var(--reader-scale));line-height:1.72}.intro-content{font-size:calc(.95rem * var(--reader-scale));line-height:1.72}.intro-layout{padding:20px 16px}.intro-content>h2{font-size:calc(1.05rem * var(--reader-scale));line-height:1.35}.intro-aside{grid-template-columns:1fr;padding:12px}.intro-section{margin-top:1.7rem;padding-top:1rem}.intro-section h3{font-size:calc(.9rem * var(--reader-scale))}.intro-paragraph{text-indent:1rem}.verse-line{grid-template-columns:1.55rem minmax(0,1fr);gap:.48rem}.verse-number{padding-top:.34em}.reader-nav{gap:10px;margin-top:28px}.reader-nav button{flex:1}.back-to-top-button{width:44px;height:44px;bottom:12px;left:auto;right:12px}}@media (width<=380px){.site-header,.workspace{width:min(100% - 12px,1440px)}.solid-button,.ghost-button,.scale-controls button{min-height:38px;padding:0 10px;font-size:.84rem}.chapter-list{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.chapter-option{min-height:34px;font-size:.86rem}.reader{padding:20px 14px}.passage-text{font-size:calc(.98rem * var(--reader-scale))}.back-to-top-button{width:40px;height:40px;font-size:1.2rem}}*{box-sizing:border-box}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}::selection{background:#0f766e2e}button,input,textarea,select{font:inherit}code{background:#e8ecf2;border-radius:4px;padding:.1em .35em;font-size:.95em}