:root{color-scheme:light;--bg: #f7f5ef;--paper: #fffefa;--ink: #29352d;--muted: #656e62;--line: #e2e4da;--olive: #4d633f;--olive-hover: #3d5132;--soft: #edf0e6;--listening-bg: #e1e9d4;--ai-gold: #8a6212;--ai-teal: #1f6b66;--ai-plum: #7a4590;--ai-glow: rgba(200, 149, 43, .35);--button-ink: #fffefa;--error-bg: #faede7;--error-ink: #8a382c;--radius: 12px}[data-theme=dark]{color-scheme:dark;--bg: #181e1a;--paper: #202823;--ink: #e6eade;--muted: #afb9a9;--line: #39453b;--olive: #b2c59b;--olive-hover: #c4d5b2;--soft: #303d30;--listening-bg: #354531;--ai-gold: #e6c26b;--ai-teal: #6cc3bb;--ai-plum: #c39ad6;--ai-glow: rgba(230, 194, 107, .22);--button-ink: #1d281e;--error-bg: #442d28;--error-ink: #ffcabd}@font-face{font-family:Noto;src:url(/assets/noto-arabic-DsXvXChE.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url(/assets/noto-arabic-semibold-B-vnp7eD.woff2) format("woff2");font-weight:600 900;font-display:swap}@font-face{font-family:Amiri;src:url(/assets/amiri-B9xXZFRw.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url(/assets/amiri-bold-Di1krFMH.woff2) format("woff2");font-weight:700;font-display:swap}:root{font-family:Noto,Tahoma,sans-serif;font-size:14px;line-height:1.8;font-synthesis:none;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}button,a{touch-action:manipulation}button{transition:background .12s ease,color .12s ease,border-color .12s ease}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--olive);outline-offset:4px}svg{flex-shrink:0;stroke-width:1.7}h1,h2,h3,p{margin:0}img{max-width:100%}.app{min-height:100dvh}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;border-radius:8px;padding:0}.icon-button:hover:not(:disabled){background:var(--soft)}.primary,.quiet-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600}.primary{background:var(--olive);color:var(--button-ink);border:1px solid var(--olive)}.primary:hover:not(:disabled){background:var(--olive-hover)}.quiet-button{border:1px solid var(--line);background:var(--paper)}.quiet-button:hover:not(:disabled),.text-button:hover{background:var(--soft)}.text-button{color:var(--olive);padding-inline:12px}.full{width:100%}main{max-width:1088px;padding:32px 24px 40px;margin:auto}main:focus{outline:none}main.reading-main{max-width:832px;padding:20px max(16px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.topbar button,.reader-sheet button,.reading-completion button{transition:background .12s ease,color .12s ease,border-color .12s ease,transform 80ms ease}.topbar button:active:not(:disabled),.reader-sheet button:active:not(:disabled),.reading-completion button:active:not(:disabled){transform:scale(.97)}@media(max-width:760px){main{padding:24px 16px 32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.eyebrow{color:var(--olive);font-size:12px;font-weight:600}.listen-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 8px;font-size:12px;color:var(--olive)}.audio-launch>.loading-state,.audio-launch>.load-error{position:fixed;inset-inline:0;bottom:0;z-index:25;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);font-size:14px}.audio-launch .skeleton{display:none}.verse[data-selected]{background:var(--soft);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.study-verse{margin-bottom:14px;padding:10px 14px;border-inline-start:3px solid var(--olive);border-radius:var(--radius);border-start-start-radius:4px;border-end-start-radius:4px;background:var(--soft);font-family:Amiri,serif;font-size:min(var(--verse-size, 22px),22px);line-height:1.9}.page-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-block:4px 32px}.page-heading h1{font-family:Amiri,serif;font-size:36px;line-height:1.5;margin-block:8px}.page-heading p{color:var(--muted)}.page-heading>button{flex-shrink:0}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:0}dialog::backdrop{background:#101b14a6}.app-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);border-radius:16px;box-shadow:0 24px 100px #0003}.dialog-content{padding:32px;position:relative}.dialog-close{position:absolute;inset-block-start:16px;inset-inline-end:16px}.loading-state{min-height:340px;padding:48px 32px;color:var(--muted);font-size:14px}.loading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--olive);margin-inline-end:10px}.skeleton{display:grid;gap:24px;margin-top:44px}.skeleton i{height:14px;background:var(--soft);border-radius:4px}.skeleton i:nth-child(2){width:88%}.skeleton i:nth-child(3){width:72%}.load-error{min-height:240px;padding:40px 24px;display:grid;align-content:center;justify-items:center;gap:20px;text-align:center}.error,.form-error{background:var(--error-bg);color:var(--error-ink);padding:16px;border-radius:10px;margin-bottom:20px;font-size:14px}.error{display:flex;align-items:center;justify-content:space-between;gap:16px}.form-error{margin-top:20px}.dialog-notice{display:flex;gap:10px;align-items:center;margin:0 24px 24px;padding:12px 16px;border-radius:8px;background:var(--soft);color:var(--olive);font-size:13px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:14px 20px;border-radius:10px;background:var(--ink);color:var(--paper);box-shadow:0 8px 32px #0002;z-index:100;font-size:13px;pointer-events:none}@media(max-width:760px){.page-heading{display:block;margin-bottom:24px}.page-heading h1{font-size:32px}.page-heading>button{margin-top:20px}.dialog-content{padding:28px 24px}}.reader-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:520px;max-height:min(80dvh,720px);margin:0 auto;padding:0;overflow:visible;border:0;background:transparent}.sheet-surface{display:flex;flex-direction:column;max-height:min(80dvh,720px);overflow:hidden;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;background:var(--paper);box-shadow:0 -8px 40px #101b1414}.sheet-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;padding:12px 16px 8px}.sheet-header h2{font-size:17px;line-height:1.8;font-weight:600;padding-inline-start:4px}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px calc(24px + env(safe-area-inset-bottom,0px))}.reader-sheet[open] .sheet-surface{animation:sheet-enter .15s ease-out both}.reader-sheet[open]::backdrop{animation:backdrop-enter .15s ease-out both}.reader-sheet[data-closing=true] .sheet-surface{animation:sheet-exit .1s ease-in both}.reader-sheet[data-closing=true]::backdrop{animation:backdrop-exit .1s ease-in both}@keyframes sheet-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}.sheet-header-actions{display:flex;align-items:center;gap:2px}.reading-completion{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.reading-completion .primary{width:min(100%,300px)}.completion-state{display:inline-flex;align-items:center;gap:8px;color:var(--olive);font-weight:600;animation:completion-enter .12s ease-out}@keyframes completion-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.passage-reference{display:inline;white-space:nowrap}.passage{scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}.passage:focus{outline:none}.passage+.passage{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.passage h2{font-family:Amiri,serif;font-size:24px;line-height:1.5;font-weight:700;color:var(--ink);margin-bottom:8px}.passage-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.passage-title-row h2{flex:1}.verse-text{font-family:Amiri,Times New Roman,serif;font-size:var(--verse-size, 28px);line-height:2;text-align:right;overflow-wrap:break-word}.verse-text h3{font-family:Noto,sans-serif;font-size:14px;font-weight:600;color:var(--olive);line-height:1.9;margin-block:24px 8px}.verse-text h3:first-child{margin-top:8px}.verse sup{font-family:Noto,sans-serif;color:var(--olive);font-size:12px;line-height:0;padding-inline-end:7px}.verse-number{padding:0;border:0;background:none;font:inherit;color:inherit;line-height:1;cursor:pointer}.verse-number:focus-visible{outline:2px solid var(--olive);outline-offset:2px;border-radius:2px}.reading-layout{max-width:800px;margin-inline:auto}.reader,.scripture{padding:0}.menu-brand{display:flex;align-items:center;gap:16px;margin-block:0 20px}.menu-brand img{flex-shrink:0;width:64px;height:64px;object-fit:contain}.menu-brand>span{max-width:280px;font-family:Amiri,serif;font-size:25px;line-height:1.6}.menu-links{margin-inline:-8px}.menu-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}.menu-source{min-width:0;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.menu-source p{margin:0}.menu-source a{color:var(--olive);text-decoration:underline;text-underline-offset:4px}.about-link{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:44px;padding:0;color:var(--muted);font-size:12px;line-height:2}.about-link span{text-decoration:underline;text-underline-offset:4px}.about-link:hover{color:var(--olive)}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:start;border-radius:8px;min-height:52px;padding:12px;font-size:14px;margin-bottom:6px}.nav-item>svg:last-child:not(:first-child){margin-inline-start:auto}.nav-item[aria-current=page],.nav-item:hover{background:var(--soft);color:var(--olive)}.menu-link-label small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.profile{display:flex;width:100%;align-items:center;gap:12px;text-align:start;border-top:1px solid var(--line);padding:20px 0;margin-top:auto}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--olive);background:var(--soft);flex-shrink:0}.profile>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.profile small{display:block;font-size:12px;color:var(--muted)}.profile>svg{margin-inline-start:auto}@media(max-width:299px){.menu-footer{flex-direction:column;align-items:stretch;gap:0}.about-link{align-self:flex-end}}.tag{display:inline-flex;align-items:center;gap:4px;font-family:Noto,sans-serif;font-size:12px;font-weight:400;padding:2px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.tag.complete{color:var(--olive);background:var(--soft);border-color:transparent}.day-sheet-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:13px;margin-bottom:16px}.passage-list{padding:0;margin:0;list-style:none}.passage-list li+li{border-top:1px solid var(--line)}.passage-list a{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 4px;color:var(--olive);font-size:15px}.passage-list a:hover{background:var(--soft)}.sheet-actions{display:grid;gap:10px;margin-top:20px}.day-sheet-navigation{display:none}@media(max-width:299px){.day-sheet-navigation{display:flex;gap:8px;margin-top:20px}.day-sheet-navigation button{flex:1;min-width:0;font-size:12px}}.appearance-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:56px}.font-controls{display:flex;align-items:center;gap:8px}.font-controls .icon-button{border:1px solid var(--line)}.font-controls output{min-width:32px;text-align:center;font-size:14px;color:var(--muted)}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.theme-option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.theme-option[aria-pressed=true]{border-color:var(--olive);background:var(--soft);color:var(--olive)}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:200;padding:12px 20px;background:var(--paper);border:2px solid var(--olive)}.skip-link:focus{inset-block-start:10px}.topbar{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top,0px);background:var(--bg);box-shadow:0 1px 0 var(--line)}.topbar-inner{display:grid;grid-template-columns:56px 44px minmax(0,1fr) 44px 44px;align-items:center;gap:2px;width:100%;max-width:800px;height:60px;margin-inline:auto;padding-inline:max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-left,0px))}.menu-toggle{width:56px;gap:4px}.menu-toggle img{width:28px;height:28px;object-fit:contain}.toolbar-day{min-width:0;font-size:14px;font-weight:600}.day-trigger{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:0 2px;border-radius:8px;white-space:nowrap}.day-trigger:hover{background:var(--soft)}.appearance-toggle{font-family:Amiri,serif;font-size:27px;line-height:1}.toolbar-title{grid-column:2 / 5;min-width:0;text-align:center;font-size:14px;font-weight:600;line-height:1.6}@media(max-width:299px){.topbar-inner{grid-template-columns:44px minmax(0,1fr) 44px}.menu-toggle{width:44px;gap:2px}.menu-toggle img{width:24px;height:24px}.menu-toggle svg{width:14px}.previous-day,.next-day{display:none}.toolbar-title{grid-column:2}}