:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f6f4ed;--surface-raised:#fbfaf6;--surface-sidebar:#f0eee6;--ink:#252923;--muted:#73776e;--line:#deddd3;--accent:#3d5140;--accent-soft:#e4e9df;--selection:#e4e9df;--focus:#58745d;--shadow:0 18px 70px #2529232e}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{color:inherit;font:inherit}button{cursor:pointer}:is(button:focus-visible,input:focus-visible,a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.app-shell{background:var(--surface);min-height:100dvh;color:var(--ink);--reading-size:22px;display:flex}.app-shell.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1c211e;--surface-raised:#232a25;--surface-sidebar:#202622;--ink:#ecece4;--muted:#a0a79f;--line:#3a433c;--accent:#b6c6ae;--accent-soft:#303b32;--selection:#344337;--focus:#a9c5a0;--shadow:0 18px 70px #00000073}.sidebar{background:var(--surface-sidebar);border-right:1px solid var(--line);z-index:4;flex-direction:column;flex:0 0 278px;width:278px;height:100dvh;padding:28px 16px 16px;transition:width .22s,flex-basis .22s,transform .22s;display:flex;position:sticky;top:0}.sidebar.collapsed{border:0;flex-basis:0;width:0;padding-inline:0;overflow:hidden}.sidebar-top{justify-content:space-between;align-items:center;padding:0 9px 26px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:38px;height:38px;color:var(--surface);border-radius:13px;place-items:center;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:25px;height:25px}.brand strong{letter-spacing:-.06em;font:500 23px/1 Georgia,serif;display:block}.brand small{color:var(--muted);letter-spacing:.14em;margin-top:4px;font-size:8px;font-weight:700;display:block}.icon-button{width:42px;height:42px;color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;transition:color .15s,background .15s;display:inline-grid}.icon-button:hover{background:var(--accent-soft);color:var(--ink)}.icon-button svg,.settings-trigger svg,.chapter-picker svg,.chapter-step svg,.offline-button svg,.search-wrap svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:19px;height:19px}.sidebar-close{font-size:25px;display:none}.search-wrap{height:42px;color:var(--muted);border:1px solid var(--line);background:var(--surface-raised);border-radius:11px;align-items:center;gap:8px;margin:0 4px 23px;padding:0 10px;display:flex}.search-wrap svg{flex:none;width:16px;height:16px}.search-wrap input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-wrap input::placeholder{color:var(--muted)}.search-wrap kbd{border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:10px}.book-nav{scrollbar-width:thin;flex:1;padding:0 4px 16px;overflow-y:auto}.book-group+.book-group{margin-top:23px}.book-group h2{color:var(--muted);letter-spacing:.16em;margin:0 0 8px 10px;font-size:9px;font-weight:700}.book-list{margin:0;padding:0;list-style:none}.book-row{text-align:left;width:100%;min-height:38px;color:var(--ink);background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 11px;font-size:13px;transition:background .15s,color .15s;display:flex}.book-row:hover{background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}.book-row.selected{background:var(--selection);color:var(--accent);font-weight:600}.book-arrow{opacity:0;color:var(--muted);font-size:18px}.book-row:hover .book-arrow,.book-row.selected .book-arrow{opacity:1}.no-books{color:var(--muted);padding:12px;font-size:13px}.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:15px 9px 4px;font-size:10px;display:flex}.version-dot,.status-dot{background:#6d8d68;border-radius:50%;width:7px;height:7px;display:inline-block}.main-area{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex;position:relative}.toolbar{z-index:2;border-bottom:1px solid var(--line);flex:0 0 72px;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,54px);display:flex;position:relative}.toolbar-leading,.toolbar-actions{align-items:center;gap:14px;display:flex}.toolbar-divider{background:var(--line);width:1px;height:20px}.toolbar-label{color:var(--muted);font-size:12px}.offline-indicator{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.offline-indicator .status-dot{width:6px;height:6px}.settings-trigger{border:1px solid var(--line);background:var(--surface-raised);min-height:42px;color:var(--ink);border-radius:11px;align-items:center;gap:8px;padding:0 12px;font-size:12px;transition:border-color .15s,background .15s;display:inline-flex}.translation-trigger{border:1px solid var(--line);background:var(--surface-raised);min-height:38px;color:var(--ink);border-radius:10px;padding:0 11px;font-size:11px;font-weight:600}.translation-trigger:hover{border-color:var(--accent);background:var(--accent-soft)}.settings-trigger:hover{background:var(--accent-soft);border-color:#0000}.settings-trigger svg{width:16px;height:16px}.settings-dropdown{z-index:3;border:1px solid var(--line);background:var(--surface-raised);width:50vw;max-width:500px;min-height:80vh;max-height:85dvh;box-shadow:var(--shadow);border-radius:18px;margin-top:10px;animation:.18s ease-out dialog-in;position:absolute;top:72px;right:clamp(20px,4vw,54px);overflow:auto}.reader-scroll{flex:1;min-height:0;overflow-y:auto}.reader{width:min(100% - 48px,760px);margin:0 auto;padding:60px 0 70px}.reader-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;display:flex}.eyebrow{color:#72806c;letter-spacing:.17em;margin:0 0 11px;font-size:9px;font-weight:700}.eyebrow span{color:#a2a497;padding:0 4px}.reader-heading h1{letter-spacing:-.045em;margin:0;font:400 clamp(34px,4vw,47px)/1.08 Georgia,serif}.reader-heading h1 span{color:var(--muted);margin-left:5px;font-size:.58em}.chapter-picker{border:1px solid var(--line);background:var(--surface-raised);min-height:42px;color:var(--ink);white-space:nowrap;border-radius:11px;align-items:center;gap:10px;padding:0 13px;font-size:12px;display:flex}.chapter-picker:hover{border-color:var(--accent)}.chapter-picker svg{width:16px;height:16px}.welcome{text-align:center;border:1px solid var(--line);background:var(--surface-raised);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:62px 42px;display:flex}.welcome-art{place-items:center;width:155px;height:126px;margin-bottom:25px;display:grid;position:relative}.welcome-art svg{z-index:1;width:160px;height:auto;position:relative;overflow:visible}.art-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.art-page{fill:var(--accent-soft);stroke:none}.art-rule{fill:none;stroke:#92a18b;stroke-width:1.6px;stroke-linecap:round}.welcome .eyebrow{margin-bottom:12px}.welcome h2{letter-spacing:-.055em;margin:0;font:400 clamp(38px,5vw,54px)/1.04 Georgia,serif}.welcome-copy{max-width:365px;color:var(--muted);margin:16px 0 22px;font-size:14px;line-height:1.7}.primary-button{background:var(--accent);min-height:46px;color:var(--surface-raised);border:0;border-radius:11px;align-items:center;gap:22px;padding:0 18px;font-size:12px;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button span{font-size:17px}.setup-note{color:var(--muted);margin:13px 0 0;font-size:10px}.reader-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:0 clamp(20px,4vw,54px);display:flex}.chapter-step,.offline-button{min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:11px;display:inline-flex}.chapter-step:hover:not(:disabled){color:var(--ink)}.chapter-step:disabled{opacity:.35;cursor:not-allowed}.chapter-step svg{width:17px;height:17px}.offline-button{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);border-radius:11px;padding:0 14px}.offline-button:hover{background:var(--accent-soft)}.offline-button svg{width:17px;height:17px}.sidebar-scrim{display:none}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#13181461;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-dialog{border:1px solid var(--line);background:var(--surface-raised);width:min(100%,480px);max-height:min(85dvh,760px);box-shadow:var(--shadow);border-radius:20px;animation:.18s ease-out dialog-in;position:relative;overflow:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(7px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-close{z-index:1;font-size:24px;position:absolute;top:14px;right:14px}.dialog-content{padding:33px 32px 30px}.dialog-content h2{letter-spacing:-.04em;margin:0 0 26px;font:400 31px/1.15 Georgia,serif}.chapter-grid{grid-template-columns:repeat(6,minmax(40px,1fr));gap:8px;display:grid}.chapter-grid button{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:44px;font-size:12px;transition:background .15s,border-color .15s}.chapter-grid button:hover{border-color:var(--accent)}.chapter-grid button.active{border-color:var(--accent);background:var(--accent);color:var(--surface-raised)}.setting-block{border-top:1px solid var(--line);padding:19px 0}.setting-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-heading h3{margin:0;font-size:13px;font-weight:600}.setting-heading p,.privacy-note{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.setting-heading output{color:var(--accent);font-size:11px;font-weight:600}.slider-row{align-items:center;gap:12px;margin-top:16px;display:flex}.slider-row input{accent-color:var(--accent);flex:1}.slider-small{font:400 13px Georgia,serif}.slider-large{font:400 20px Georgia,serif}.slider-levels{color:var(--muted);justify-content:space-between;margin:4px 29px 0;font-size:9px;display:flex}.line-height-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.line-height-option{position:relative}.line-height-option input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.line-height-option span{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;min-height:44px;font-size:12px;display:grid}.line-height-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.line-height-option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.line-height-option span:hover{border-color:var(--accent)}.field-label{color:var(--muted);margin:16px 0 7px;font-size:10px;display:block}.key-field{gap:8px;display:flex}.key-field input{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1;min-width:0;height:42px;padding:0 11px;font-size:12px}.small-button,.secondary-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:42px;padding:0 14px;font-size:11px;font-weight:600}.small-button:hover,.secondary-button:hover{border-color:var(--accent);background:var(--accent-soft)}.privacy-note{margin-top:9px}.secondary-button{margin-top:15px}.scripture{max-width:680px;color:var(--ink);font:400 var(--reading-size) / var(--reading-line-height,1.65) Georgia, "Times New Roman", serif;letter-spacing:.002em;margin:0 auto}.scripture p.verse{margin:0 0 .75em}.verse-number{color:var(--muted);padding-right:5px;font-weight:525}.scripture .copyright{border-top:1px solid var(--line);color:var(--muted);margin-top:3.5em;padding-top:1.2em;font:11px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.reader-heading h1[dir=rtl]{letter-spacing:0;font-family:Geeza Pro,Noto Naskh Arabic,Times New Roman,serif}.scripture.arabic-scripture{text-align:right;font-family:Geeza Pro,Noto Naskh Arabic,Times New Roman,serif;font-size:calc(var(--reading-size) + 2px);line-height:calc(var(--reading-line-height,1.65) + .25)}.scripture.arabic-scripture p{margin-bottom:1.3em}.offline-ready{color:var(--muted);font-size:11px}.reader-message{text-align:center;min-height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px;display:flex}.reader-message p{max-width:480px;margin:0;line-height:1.7}.loading-mark{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-indicator.offline .status-dot{background:#bd765c}.text-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:5px 0;font-size:11px;text-decoration:underline}.text-button:hover{color:var(--ink)}.download-status,.settings-status{color:var(--muted);font-size:11px;line-height:1.6}.settings-status{background:var(--accent-soft);color:var(--ink);border-radius:9px;padding:10px 12px}.offline-setting progress{width:100%;height:6px;accent-color:var(--accent)}@media (max-width:760px){.sidebar{width:min(84vw,310px);box-shadow:var(--shadow);flex-basis:min(84vw,310px);position:fixed;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{border-right:1px solid var(--line);flex-basis:min(84vw,310px);width:min(84vw,310px);padding:28px 16px 16px}.sidebar-close{display:inline-grid}.sidebar-scrim{z-index:3;background:#14181547;border:0;width:100%;display:block;position:fixed;inset:0}.toolbar{flex-basis:64px;height:64px;padding-inline:14px}.toolbar-leading,.toolbar-actions{gap:8px}.toolbar-label,.offline-indicator,.toolbar-divider{display:none}.settings-trigger{justify-content:center;width:42px;padding:0}.settings-trigger span{display:none}.settings-dropdown{width:min(460px,100% - 28px);margin-top:8px;top:64px;right:14px}.reader{width:min(100% - 32px,620px);padding:36px 0 40px}.reader-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:24px}.reader-heading h1{font-size:38px}.welcome{border-radius:18px;min-height:430px;padding:40px 22px}.welcome h2{font-size:43px}.welcome-copy{font-size:13px}.reader-footer{min-height:68px;padding-inline:12px}.chapter-step{gap:3px;font-size:10px}.offline-button{padding-inline:10px;font-size:10px}.dialog-content{padding:30px 22px 24px}}@media (max-width:390px){.toolbar-actions{gap:4px}.chapter-grid{grid-template-columns:repeat(5,minmax(38px,1fr));gap:6px}.welcome{padding-inline:16px}.offline-button span{max-width:94px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}