:root{--ink:#343a2e;--dim:#777e70;--accent:#596248;--accent-dark:#424d38;--bg:#f8f6f2;--surface:#fffdf9;--line:#e4e5da;--cream:#f0efdd;--shadow:0 12px 34px rgba(44,60,39,.075);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.33;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #a5aa83;outline-offset:2px}a{color:var(--accent)}.svg-sprite{position:absolute;left:-1000px;top:-1000px;width:0;height:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.app-shell{max-width:760px;min-height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column}.topbar{height:73px;flex:0 0 auto;background:rgba(248,246,242,.96);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;gap:10px;align-items:center}.brand-icon{height:43px;width:43px;border-radius:12px}.brand strong{display:block;font:600 18px/1.25 Georgia,"Times New Roman",serif;letter-spacing:.2px}.brand small{font-size:10px;display:block;color:var(--dim);margin-top:4px}.icon-button,.dialog-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent)}.content-area{flex:1;min-height:0}.view{display:none;padding:24px 18px 30px;animation:fade .18s ease}.view.active{display:block}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:#a0816b}.view h1,.view h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.22;margin:11px 0 13px}.view h1{font-size:clamp(28px,7vw,37px)}.view h2{font-size:clamp(26px,6vw,33px)}.intro,.subtext{color:#756b63;font-size:14px;line-height:1.7;margin:0 0 20px}.home-cover-wrap{max-width:245px;margin:22px auto 18px;filter:drop-shadow(0 14px 17px rgba(67,41,28,.22))}.home-cover{display:block;width:100%;height:auto;border-radius:5px}.stats{display:flex;max-width:315px;margin:0 auto 20px;padding:15px 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stats span{flex:1;text-align:center;border-right:1px solid var(--line)}.stats span:last-child{border-right:0}.stats strong{display:block;font:400 25px/1.1 Georgia,serif}.stats small{display:block;color:var(--dim);font-size:11px;margin-top:4px}.primary-button,.secondary-button{width:100%;border-radius:12px;padding:14px 16px;font-size:14px;font-weight:650;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.primary-button:hover{background:var(--accent-dark)}.secondary-button{color:var(--accent);background:var(--surface);border:1px solid #d6c5b7;margin-top:9px}.quiet-note,.reader-tip{color:#8b8077;font-size:11px;line-height:1.65;margin:20px 3px 8px}.bottom-nav{position:sticky;bottom:0;flex:0 0 auto;height:calc(65px + env(safe-area-inset-bottom));padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;background:rgba(255,253,249,.98);border-top:1px solid var(--line);z-index:15;box-shadow:0 -6px 20px rgba(60,40,30,.04)}.nav-item{flex:1;min-width:0;border:0;background:transparent;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:#988a80;padding:3px;font-size:10px}.nav-item svg{width:21px;height:21px}.nav-item.active{color:var(--accent);font-weight:700}.nav-item.active svg{stroke-width:2.1}.reader-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-section{font-size:11px;color:#887d74;max-width:67%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reader-tools{display:flex;justify-content:flex-end;gap:7px;margin:15px 0 9px}.small-icon-button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;color:var(--accent);background:var(--surface);padding:9px 11px;font-size:11px}.small-icon-button svg{width:16px;height:16px}.small-icon-button.is-active{background:#f1e5d7;border-color:#a5aa83}.page-stage{width:100%;overflow:auto;background:#f1eee8;border:1px solid #e6ded4;border-radius:10px;min-height:300px;max-height:none;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x pan-y}.page-stage img{display:block;width:100%;height:auto;max-width:none;box-shadow:0 1px 5px rgba(0,0,0,.07)}.page-stage.zoomed img{width:180%}.page-controls{display:flex;align-items:center;justify-content:space-between;max-width:320px;margin:19px auto 6px}.page-arrow{height:45px;width:55px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--accent)}.page-current{text-align:center;font-size:12px;color:var(--dim)}.page-jump{display:flex;gap:5px;align-items:center;margin-top:3px;color:var(--dim)}.page-jump input{width:58px;padding:7px 5px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-weight:700}.page-jump input::-webkit-inner-spin-button,.page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pdf-link{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-top:1px solid var(--line);padding:15px 8px 4px;font-size:12px}.pdf-link svg{width:18px}.search-wrap{height:47px;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 13px;background:var(--surface);border-radius:10px;margin:7px 0 19px}.search-wrap svg{color:#a59487;width:18px}.search-wrap input{width:100%;border:0;background:transparent;outline:none;font-size:14px;color:var(--ink)}.sections-list{display:grid;gap:10px}.section-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.section-card summary{list-style:none;display:flex;align-items:center;gap:10px;padding:16px 13px;cursor:pointer}.section-card summary::-webkit-details-marker{display:none}.section-num{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eee5d9;color:var(--accent);font:19px Georgia,serif}.section-desc{flex:1;min-width:0}.section-title{display:block;font-size:13px;font-weight:600;line-height:1.45}.section-page{display:block;color:var(--dim);font-size:11px;margin-top:4px}.section-chevron{transform:rotate(90deg);color:#988779}.section-card[open] .section-chevron{transform:rotate(-90deg)}.prayer-grid{padding:0 13px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prayer-button{background:#f8f4ef;border:1px solid #eee1d4;color:#60493d;text-align:center;padding:11px 4px;border-radius:9px;font-size:12px}.prayer-button small{display:block;color:#938074;font-size:10px;margin-top:4px}.favorite-list{display:grid;gap:10px}.favorite-card{border:1px solid var(--line);border-radius:12px;padding:9px;background:var(--surface);display:flex;align-items:center;gap:12px}.favorite-thumb{width:45px;height:68px;object-fit:cover;object-position:top center;border-radius:4px;border:1px solid var(--line)}.favorite-details{flex:1}.favorite-details strong{display:block;font-size:14px}.favorite-details small{display:block;font-size:11px;color:var(--dim);margin-top:5px}.favorite-open{background:#f1e4d8;border:0;color:var(--accent);border-radius:8px;padding:10px 12px;font-size:12px}.empty-state{background:var(--surface);border:1px dashed #dacfc2;padding:24px;text-align:center;border-radius:12px;color:var(--dim);font-size:13px;line-height:1.65}.offline-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:23px 18px;margin-top:26px;box-shadow:var(--shadow)}.offline-badge{height:48px;width:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:19px;background:#f2e5da;color:var(--accent)}.offline-card strong{font-size:17px}.offline-card p{font-size:13px;color:var(--dim);line-height:1.6}.progress-track{margin:19px 0 18px;height:7px;background:#f1eae2;border-radius:10px;overflow:hidden}.progress-track div{height:100%;width:0;background:#866557;border-radius:10px;transition:width .18s}.offline-card .primary-button{font-size:13px}.install-dialog{position:fixed;max-width:min(92vw,460px);border:0;border-radius:18px;padding:25px 22px;background:var(--surface);box-shadow:0 30px 80px rgba(30,20,10,.25);color:var(--ink)}.install-dialog::backdrop{background:rgba(30,20,14,.5)}.install-dialog h2{font:400 26px Georgia,serif}.install-dialog p{font-size:13px;line-height:1.7}.install-dialog .subtext{font-size:12px}.dialog-close{position:absolute;right:15px;top:13px}.toast{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);background:var(--ink);color:white;padding:12px 17px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.22s;z-index:50;max-width:85vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.app-shell{border-right:1px solid var(--line);border-left:1px solid var(--line)}.view{padding:30px 45px}.home-cover-wrap{max-width:285px}.page-stage{width:90%;margin-left:auto;margin-right:auto}}@keyframes fade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}