:root{font-family:DM Sans,sans-serif;color:#e6e9df;background:#111713;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #111713;--panel: #171e19;--line: #2a332b;--text: #e6e9df;--muted: #a2aea3;--accent: #d0dfa5;--reading-scale: 1;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.32}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:color .18s ease,background .18s ease,border-color .18s ease}a{color:var(--accent)}svg{flex-shrink:0;stroke-width:1.65}button:hover:not(:disabled){color:#f5f8ec}::selection{background:#5b7259;color:#fff}.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;z-index:20;display:flex;flex-direction:column;top:0;bottom:0;left:0;width:234px;padding:39px 22px 27px;border-right:1px solid var(--line);background:#101712;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:12px;padding:0 13px;width:fit-content;font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-2px;font-size:39px;line-height:1}.brand-period{color:var(--accent)}.brand-symbol{display:flex;align-items:center;justify-content:center;gap:5px;width:31px;height:33px;transform:rotate(13deg)}.brand-symbol i{display:block;background:var(--accent);height:24px;width:5px;border-radius:4px}.brand-symbol i:first-child{height:30px}.sidebar-top-copy{margin:18px 0 44px 14px;color:var(--muted);font-size:12px;letter-spacing:.12px}.main-nav{display:flex;flex-direction:column;gap:8px}.main-nav>button{padding:14px 15px;min-height:49px;display:flex;align-items:center;gap:13px;text-align:left;font-size:14px;font-weight:500;color:#aeb7ac;border-radius:8px}.main-nav>button:hover{background:#1c281f}.main-nav>button.active{background:#243127;color:#e0eac8}.nav-active-dot{margin-left:auto;height:5px;width:5px;border-radius:50%;background:var(--accent);opacity:0}.active .nav-active-dot{opacity:1}.nav-chevron,.count-badge{margin-left:auto}.count-badge{font-size:12px;padding:1px 6px;border-radius:5px;background:#37432e}.sidebar-continue{margin-top:43px;padding:0 10px}.section-label{font-size:12px;font-weight:550;letter-spacing:1px;color:var(--muted);line-height:1.5}.continue-card{margin-top:19px;display:flex;align-items:center;gap:10px;padding:0;text-align:left}.continue-icon{width:35px;height:39px;display:grid;place-items:center;background:#202b22;border:1px solid #303d2e;border-radius:6px;color:#b6c69f}.continue-card small{display:block;font-size:12px;line-height:1.5;color:#9ba796;margin-bottom:6px}.continue-card strong{font-size:14px;font-weight:500;display:flex;align-items:center;gap:15px}.sidebar-bottom{margin-top:auto;padding:32px 10px 0}.pause-note{color:#93a78e;border-bottom:1px solid var(--line);padding:0 0 26px}.pause-note p{font-family:Lora,Georgia,serif;font-size:15px;line-height:1.85;margin:13px 0 0;color:#b9c2b0}.settings-link{display:flex;align-items:center;gap:11px;margin:23px 0 22px;padding:0;color:#a7b1a3;font-size:14px}.sidebar-footnote{font-size:12px;line-height:1.6;display:block;color:#82927f}.main-content{margin-left:234px;width:calc(100% - 234px);padding:0 42px 26px}.main-content.reading-view{height:100dvh;display:flex;flex-direction:column;padding-top:12px;padding-bottom:14px}.reading-view .reading-workspace{display:flex;width:100%;height:100%;min-height:0}.reading-view .feed-column{display:flex;flex-direction:column;min-height:0;max-width:760px}.reading-view .reader-layout{display:grid;flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto}.reading-view .reader,.reading-view .reader-placeholder{height:100%;min-height:0}.reading-view .reader-placeholder{flex:1}.reading-view .context-sidebar{padding-top:56px;min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#99a495}.breadcrumb span{color:#657363}.breadcrumb strong{font-weight:450;color:#d5dccc}.translation-button{display:flex;gap:9px;align-items:center;color:#aab8a3;font-size:12px;padding:9px 11px;border:1px solid var(--line);border-radius:6px}.translation-button:hover{background:#202a20}.mobile-web{display:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:31px 0 24px}.overline{font-size:12px;font-weight:550;letter-spacing:2.4px;color:#a1b394;margin-bottom:10px}h1{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.8px;font-size:clamp(25px,2.6vw,36px);margin:0;line-height:1.3}h1>span{color:var(--accent)}.gentle-note{display:flex;align-items:center;gap:8px;color:#a4b699;font-size:12px;margin-top:20px}.reading-workspace{display:flex;gap:clamp(24px,3.5vw,54px);max-width:1230px;margin:0 auto;justify-content:center}.feed-column{flex:1;min-width:0;max-width:660px}.feed-controls{display:flex;align-items:center;gap:12px;height:44px;flex-shrink:0;margin-right:66px;margin-bottom:12px}.feed-tabs{display:flex;gap:20px;align-items:center;height:100%;min-width:0;margin-right:auto}.feed-tabs>button{height:100%;display:flex;align-items:center;gap:7px;padding:0 1px;font-size:14px;font-weight:500;color:#9ca895;white-space:nowrap;border-bottom:2px solid transparent}.feed-tabs>button.selected{color:var(--accent);border-color:var(--accent)}.jump-button{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 3px;font-size:12px;color:#a5b29d}.jump-icon{display:none}.jump-label{display:inline-block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;column-gap:18px}.reader{position:relative;height:clamp(440px,calc(100dvh - 295px),800px);border:1px solid #364346;border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#04101f00 50%,#04101680),url(/midnight-mountains.jpg) center center / cover;box-shadow:0 14px 60px #00000020}.reader:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 100px #00000018}.reader-topline{position:absolute;z-index:2;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#bdcacc;pointer-events:none}.reader-topline>span:first-child{font-size:12px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.tiny-star{font-size:16px;color:#d4dfbc}.translation-tag{font-size:12px;letter-spacing:1px;padding:5px 7px;border-radius:4px;border:1px solid #ffffff24;background:#ffffff08}.verse-rail{position:absolute;inset:0;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:none;touch-action:pan-y}.verse-rail::-webkit-scrollbar{display:none}.verse-page{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 35px 100px}.verse-content{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;max-height:100%}.verse-eyebrow{font-size:12px;letter-spacing:2.6px;text-transform:uppercase;color:#bdcacc;margin-bottom:18px;flex-shrink:0}.verse-eyebrow span{margin:0 5px;color:#bdcacc}.verse-text-scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;max-width:100%;padding:0 5px}.verse-text{font-family:Lora,Georgia,serif;font-weight:400;color:#f3f3ec;font-size:calc(clamp(27px,2.6vw,39px) * var(--reading-scale));line-height:1.52;letter-spacing:-.65px;margin:0;text-wrap:pretty;text-shadow:0 2px 15px #00000040}.verse-text.long{font-size:calc(clamp(23px,2vw,30px) * var(--reading-scale));line-height:1.55}.verse-text.very-long{font-size:calc(23px * var(--reading-scale))}.verse-divider{height:1px;width:29px;background:#d2deca85;margin:22px 0 14px;flex-shrink:0}.verse-reference{font-size:12px;color:#d2dace;display:flex;align-items:center;gap:9px;padding:3px;flex-shrink:0}.verse-reference svg{opacity:.75}.reader-bottom{position:absolute;bottom:20px;z-index:2;left:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.context-pill{display:flex;align-items:center;gap:9px;border:1px solid #e7efe22e;border-radius:30px;padding:10px 15px;background:#17232c5c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:450;color:#e4e8df;pointer-events:auto}.context-pill:hover{background:#354e5080}.context-pill>span{font-size:14px;margin-left:5px}.swipe-hint{color:#d0d7d3;display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.3px}.reader-tools{display:flex;flex-direction:column;justify-content:center;position:relative}.verse-actions{display:flex;flex-direction:column;gap:27px}.round-action{display:flex;flex-direction:column;gap:9px;align-items:center;color:#c6d0be;padding:0}.round-action>svg{box-sizing:content-box;background:#202a21;border:1px solid #344030;padding:13px;border-radius:50%}.round-action:hover>svg{background:#34432e;border-color:#667b50}.round-action>span{font-size:12px;color:#afbaa5}.round-action.is-saved{color:var(--accent)}.round-action.is-saved>svg{background:#37462b;border-color:#6c8150}.step-actions{display:flex;flex-direction:column;gap:10px;position:absolute;bottom:0}.arrow-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #364330;border-radius:50%;color:#bfcbb4}.arrow-button:hover:not(:disabled){background:#2a3825;border-color:#698056}.reader-caption{grid-column:1;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#a4b299;padding-top:17px}.reader-caption>span:first-child{display:flex;align-items:center;gap:7px}.reader-caption>span:last-child{color:#8f9f86;display:none}.live-dot{height:4px;width:4px;display:inline-block;background:var(--accent);border-radius:50%}.reader-placeholder{height:clamp(440px,calc(100dvh - 295px),800px);background:#142220;margin-right:66px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:35px;text-align:center;color:#c3d0b6}.reader-placeholder p{font-size:14px;line-height:1.6}.reader-placeholder h2{font-family:Lora,Georgia,serif;font-weight:400}.context-sidebar{width:242px;flex-shrink:0;padding-top:75px}.context-heading{display:flex;align-items:center;justify-content:space-between;color:#93a888}.context-heading .section-label{font-size:12px;letter-spacing:.7px}.context-sidebar h2{font-family:Lora,Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.5px;margin:20px 0 10px}.context-intro{color:#a6b29b;font-size:12px;line-height:1.65;margin:0 0 22px}.context-preview{position:relative;max-height:245px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}.context-preview>p{font-family:Lora,Georgia,serif;font-size:14px;color:#9eaa97;line-height:1.85;margin:0 0 13px;padding:3px 0 3px 16px;border-left:1px solid #38462e}.context-preview>p.highlighted{border-left:2px solid #b4c487;color:#d8e0c6;background:linear-gradient(90deg,#bbc8840c,transparent)}.context-number{font-family:DM Sans,sans-serif;display:inline-block;font-size:12px;color:#93a583;margin-right:8px;vertical-align:super}.text-button{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#cedcaf;padding:10px 0;text-decoration:none}.text-button:hover{color:#f1f6db}.context-rule{margin-top:24px;border-top:1px solid var(--line)}.reflection-note{padding-top:26px}.reflection-note>.tiny-star{margin-right:8px}.reflection-note>.section-label{font-size:12px;letter-spacing:1.5px}.reflection-note p{font-family:Lora,Georgia,serif;font-size:18px;line-height:1.65;font-style:italic;color:#d1dbc3;margin:15px 0 13px}.reflection-note>span:last-child{font-size:12px;line-height:1.75;color:#9eaf92}.keyboard-note{display:flex;gap:5px;align-items:center;margin-top:31px;color:#95a587;font-size:12px}.keyboard-note>span:first-child{margin-right:3px}.keyboard-note>span:last-child{margin-left:3px}kbd{font-family:inherit;font-size:12px;width:21px;height:23px;border:1px solid #38432f;border-radius:4px;display:grid;place-items:center;color:#b4c3a4;box-shadow:0 2px #222d1f}.mobile-nav,.mobile-actions{display:none}.modal{border:1px solid #3a4936;background:#172019;color:var(--text);border-radius:17px;width:min(560px,calc(100% - 32px));max-height:min(790px,88dvh);padding:28px;box-shadow:0 25px 120px #0008}.modal::backdrop{background:#050e09b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal[open]{animation:modal-in .2s ease-out}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.modal h2{font-family:Lora,Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.4px;margin:0}.modal-header p{font-size:14px;line-height:1.6;margin:9px 0 0;color:#afbea3}.icon-button{display:grid;place-items:center;padding:8px;margin:-6px -6px 0 0;border-radius:50%;color:#bac7ad}.icon-button:hover{background:#34412d}.search-field{border:1px solid #3d4d35;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#aabb9a;background:#111b13}.search-field input{height:47px;width:100%;color:#e2ebd8;border:none;outline:none;background:none;font-size:16px}.search-field:focus-within{outline:2px solid #a9c18d;outline-offset:2px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#a3b296}.testament-tabs{display:flex;border-bottom:1px solid #3d4a34;gap:20px;margin:14px 0 7px}.testament-tabs>button{font-size:14px;color:#a7b799;padding:13px 0;border-bottom:2px solid transparent}.testament-tabs>button.selected{color:var(--accent);border-color:var(--accent)}.testament-tabs span{font-size:12px;margin-left:3px;opacity:.7}.book-list{max-height:45dvh;overflow:auto;padding-right:5px;scrollbar-width:thin}.book-list>button{display:flex;align-items:center;width:100%;gap:10px;padding:15px 9px;border-radius:5px;text-align:left;font-size:16px;border-bottom:1px solid #2b3926}.book-list>button:hover{background:#2a3825}.book-list small{margin-left:auto;font-size:12px;color:#aabc99}.book-list svg{color:#aabc99}.back-button{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;padding:0 0 20px}.chapter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;max-height:55dvh;overflow:auto;padding:4px}.chapter-grid button{min-height:47px;border:1px solid #3d4b34;border-radius:7px;font-size:15px}.chapter-grid button:hover,.chapter-grid button.selected{background:#d0dfa5;border-color:#d0dfa5;color:#1e2a14}.loading-caption{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--accent)}.chapter-modal{width:min(680px,calc(100% - 32px))}.full-chapter{max-height:60dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6c8059 transparent;padding:5px 10px 5px 0}.full-chapter>button{display:flex;gap:14px;padding:10px 12px;width:100%;text-align:left;font-family:Lora,Georgia,serif;font-size:18px;line-height:1.9;color:#c0cfb5;border-radius:5px}.full-chapter>button.current{color:#e1eccd;background:#34432a}.full-chapter>button:hover{background:#2a3922}.full-chapter sup{font:12px DM Sans,sans-serif;margin-top:4px;width:15px;flex-shrink:0;color:#c2d3a8}.modal-footnote{font-size:12px;color:#a7b99a;text-align:center;padding-top:12px;margin-bottom:0}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:15px}.range-label span{color:var(--accent)}.text-size-control{display:flex;align-items:center;gap:15px;margin:25px 0}.text-size-control>span{font-family:Lora,Georgia,serif;font-size:16px}.text-size-control>span:last-child{font-size:25px}.text-size-control>input{width:100%;accent-color:var(--accent)}.type-preview{font-family:Lora,Georgia,serif;font-size:calc(26px * var(--reading-scale));line-height:1.8;border-radius:10px;padding:30px;text-align:center;background:#0c1720;border:1px solid #35443e}.settings-info{display:flex;gap:13px;align-items:center;color:#acbe9d;border-top:1px solid var(--line);padding-top:15px}.settings-info p{font-size:14px;line-height:1.7}.translation-option{display:flex;align-items:center;gap:15px;padding:19px 14px;border:1px solid #657d48;background:#293820;border-radius:10px;margin-bottom:23px}.translation-option strong{font-size:15px;font-weight:500}.translation-option p{color:#b9cba8;font-size:12px;margin:6px 0 0}.translation-option>svg:last-child{margin-left:auto;color:var(--accent)}.translation-icon{color:var(--accent)}.translation-content>p{font-size:14px;line-height:1.85;color:#b1c0a5}.powered-by{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:21px;padding-top:20px;border-top:1px solid #34432d;text-decoration:none;color:#a7b799;font-size:12px}.pipe-credit{display:inline-flex;align-items:center;gap:9px;color:#e3ead8;font-size:14px;font-weight:550}.pipe-credit img{display:block;width:28px;height:28px;object-fit:contain}.pipe-credit svg{margin-left:3px;color:#a7bd91;transition:transform .18s ease}.powered-by:hover .pipe-credit{color:#d0dfa5}.powered-by:hover .pipe-credit svg{transform:translate(3px)}.primary-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:var(--accent);color:#1a2a11;font-size:14px;font-weight:550;padding:13px 20px;border-radius:7px}.primary-button:hover:not(:disabled){color:#16220f;background:#e2edc1}.saved-view .page-heading{padding-bottom:40px}.saved-view .page-heading p{font-size:14px;color:#a4b499;margin:15px 0 0}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:30px}.saved-card{position:relative;padding:27px;border:1px solid #3a4831;border-radius:11px;background:#1a2419}.saved-card .section-label{color:#c1d3a8;font-size:12px}.saved-open{padding:0;text-align:left;width:100%}.saved-open p{font-family:Lora,Georgia,serif;font-size:21px;line-height:1.7;color:#dde6cf;margin:23px 0 24px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.saved-open>span{display:flex;align-items:center;gap:9px;color:#a7bd91;font-size:12px}.unsave-button{position:absolute;top:19px;right:17px;color:#c2d99e;padding:7px}.saved-empty{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:440px;justify-content:center;border:1px dashed #394931;border-radius:14px}.empty-icon{width:86px;height:86px;display:grid;place-items:center;border:1px solid #415936;color:#bed69c;background:#273922;border-radius:50%}.saved-empty h2{font-family:Lora,Georgia,serif;font-weight:400;font-size:27px;margin:25px 0 4px}.saved-empty p{color:#a5b799;font-size:14px;line-height:1.8;margin-bottom:27px}.share-text{width:100%;min-height:140px;border:1px solid #465d39;background:#0e1b12;border-radius:9px;color:#e6eedb;padding:20px;font-size:16px;line-height:1.8;resize:vertical}.toast{position:fixed;left:calc(50% + 110px);bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:100;background:#d6e3b6;color:#24321a;padding:15px 22px;border-radius:10px;box-shadow:0 10px 50px #0007;font-size:14px;max-width:calc(100% - 35px);width:max-content;animation:toast-in .2s ease-out}.no-results{padding:28px 10px;color:var(--muted);line-height:1.7}.spin{animation:spin 1s linear infinite}.sr-only{position:absolute;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-in{0%{opacity:0;bottom:20px}to{opacity:1;bottom:30px}}@media(min-width:1600px){.main-content{padding-left:65px;padding-right:65px}.page-heading,.topbar{max-width:1230px;margin-left:auto;margin-right:auto}.context-sidebar{width:270px}}@media(max-width:1200px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.main-content{margin-left:205px;width:calc(100% - 205px);padding-left:28px;padding-right:28px}.context-sidebar{width:210px}.reading-workspace{gap:27px}.gentle-note{display:none}.feed-tabs{gap:17px}.feed-tabs>button.jump-button{font-size:12px}.verse-page{padding-left:27px;padding-right:27px}.verse-text{font-size:calc(30px * var(--reading-scale))}.context-heading .section-label{font-size:12px}}@media(max-width:1050px){.context-sidebar{display:none}.feed-column,.page-heading{max-width:700px;margin:0 auto}.reader{height:clamp(440px,calc(100dvh - 290px),840px)}.verse-text{font-size:calc(35px * var(--reading-scale))}.saved-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{display:none}.main-content{margin-left:0;width:100%;padding:0 20px 100px}.main-content.reading-view{padding-top:8px;padding-bottom:calc(68px + max(12px,env(safe-area-inset-bottom)))}.topbar{height:65px}.breadcrumb{font-size:12px;gap:9px}.translation-button{font-size:12px;border:0;padding:8px 0 8px 8px;gap:7px}.mobile-web{display:inline}.page-heading{padding:23px 0 15px}h1{font-size:29px}.overline{font-size:12px;margin-bottom:7px}.reader{height:calc(100dvh - 272px);min-height:420px}.reader-layout{grid-template-columns:minmax(0,1fr) 44px;column-gap:14px}.reader-caption{font-size:12px}.reader-caption>span:last-child{display:none}.feed-controls{margin-right:58px}.feed-tabs{gap:16px}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:11px 9px max(12px,env(safe-area-inset-bottom));background:#111b15f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #34412e}.mobile-nav>button{display:flex;gap:5px;flex-direction:column;align-items:center;min-width:65px;color:#94a58b;font-size:12px;padding:1px 8px}.mobile-nav>button.active{color:#d0dfa5}.mobile-nav>button.active svg{fill:#d0dfa51c}.toast{left:50%;bottom:90px;animation:none}.reader-placeholder{margin-right:58px;height:calc(100dvh - 272px);min-height:420px}}@media(max-width:520px){.main-content{padding:0 0 75px}.main-content.reading-view{padding-top:0;padding-bottom:calc(56px + max(12px,env(safe-area-inset-bottom)))}.topbar{padding:0 20px;height:55px;border-bottom:0}.breadcrumb{font-size:12px}.breadcrumb>span,.breadcrumb>strong{display:none}.breadcrumb:before{content:"Ⅱ";font:24px Lora,Georgia,serif;transform:rotate(13deg);color:var(--accent);padding-right:2px}.page-heading{display:none}.feed-controls{margin:0;padding:0 16px;height:48px;gap:10px}.feed-tabs{margin:0 auto 0 0;height:100%;gap:14px}.feed-controls .jump-label{display:none}.jump-icon{display:block}.feed-controls .translation-button{gap:5px;padding:8px 0 8px 3px}.jump-label{max-width:65px}.feed-tabs>button{font-size:14px}.feed-tabs>button.jump-button{font-size:12px}.reading-workspace{gap:0}.reading-view .reader-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.reader{height:calc(100svh - 178px - env(safe-area-inset-bottom));min-height:390px;border-radius:0;border:0;border-top:1px solid #273b3a;border-bottom:1px solid #2c3d37}.reader-topline{left:24px;right:24px;top:22px}.reader-topline>span:first-child{font-size:12px;letter-spacing:2px}.verse-page{padding:28px 26px 84px}.verse-eyebrow{font-size:12px;letter-spacing:2.3px;margin-bottom:16px}.verse-text{font-size:calc(31px * var(--reading-scale));letter-spacing:-.4px;line-height:1.56}.verse-text.long{font-size:calc(25px * var(--reading-scale))}.verse-text.very-long{font-size:calc(22px * var(--reading-scale))}.verse-divider{margin:22px 0 13px}.verse-reference{font-size:12px}.reader-bottom{left:18px;right:18px;bottom:18px;align-items:flex-start;gap:0}.context-pill{font-size:12px;padding:11px 15px}.swipe-hint,.reader-tools,.reader-caption{display:none}.mobile-actions{display:flex;position:absolute;z-index:3;right:18px;bottom:18px;gap:8px;flex-direction:row}.mobile-actions>button{width:42px;height:42px;display:grid;place-items:center;background:#17252a6b;border:1px solid #bac8bb2a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:#e2e9d9}.mobile-actions>button.is-saved{color:var(--accent);background:#354932d4}.reader-placeholder{height:calc(100svh - 178px - env(safe-area-inset-bottom));min-height:390px;margin:0;border-radius:0}.saved-view{padding:0 20px}.saved-view .page-heading{display:block;padding:28px 0}.saved-view h1{font-size:29px}.saved-card{padding:25px}.saved-empty{padding:30px 16px;min-height:420px}.saved-empty h2{font-size:24px}.saved-empty p{font-size:14px}.modal{padding:24px 20px;border-radius:14px;max-height:87dvh}.modal h2{font-size:23px}.chapter-grid{grid-template-columns:repeat(5,1fr)}.testament-tabs{gap:21px}.testament-tabs>button{font-size:12px}.full-chapter>button{padding:10px 6px;font-size:17px;gap:8px}}@media(max-height:740px)and (min-width:1060px){.reflection-note{padding-top:20px}.reflection-note p{font-size:16px}.context-preview{max-height:180px}.keyboard-note{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[lang=zh-Hans] .verse-text,.context-preview[lang=zh-Hans]>p,.full-chapter[lang=zh-Hans]>button,.saved-open>p[lang=zh-Hans],.type-preview[lang=zh-Hans]{font-family:Songti SC,"Noto Serif SC",SimSun,serif;letter-spacing:normal;line-height:1.75}[lang=he] .verse-text,.context-preview[lang=he]>p,.full-chapter[lang=he]>button,.saved-open>p[lang=he],.type-preview[lang=he]{font-family:"Noto Serif Hebrew",Times New Roman,serif;letter-spacing:normal;line-height:1.65}.verse-eyebrow[lang],[lang=he] .verse-eyebrow,[lang=zh-Hans] .verse-eyebrow{letter-spacing:normal}.context-preview[dir=rtl]>p{padding:3px 16px 3px 0;border-left:0;border-right:1px solid #38462e}.context-preview[dir=rtl]>p.highlighted{border-right:2px solid #b4c487}.context-preview[dir=rtl] .context-number{margin-right:0;margin-left:8px}.full-chapter>button{text-align:start}.full-chapter sup{width:auto;min-width:18px}.translation-list{display:grid;gap:10px}.translation-list .translation-option{width:100%;margin:0;padding:14px;text-align:start;border-color:#3c4e33;background:#1e2b1a}.translation-list .translation-option.selected{background:#293820;border-color:#819e5a}.translation-list .translation-option:hover{border-color:#819e5a}.translation-details{display:grid;gap:5px;min-width:0}.translation-details strong{font-size:17px;justify-self:start}.translation-details>span{font-size:14px;color:#c4d2b7}.translation-details>small{font-size:12px;color:#a9ba9c}.type-preview{max-height:150px;overflow-y:auto}.toast{max-width:min(560px,calc(100vw - 32px))}