:root{--ink: #1b2430;--muted: #5f6b7a;--paper: #f4efe4;--card: #fffdf8;--accent: #1e3a5f;--accent-soft: #d8e4f2;--line: #ddd2c0;--highlight: #fff3bf;--error: #9b1c1c;--page-max: 860px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Figtree,system-ui,sans-serif;background:linear-gradient(180deg,#ebe3d2 0%,var(--paper) 240px);color:var(--ink)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--paper) 88%,white);border-bottom:1px solid var(--line)}.topbar--scrollable{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.reader-sticky-chrome{position:sticky;top:0;z-index:11;width:min(var(--page-max),100%);margin:0 auto;padding:8px max(16px,env(safe-area-inset-left)) 14px max(16px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--paper) 88%,white);border-bottom:1px solid var(--line)}.reader-sticky-chrome .topbar-title{padding:0 0 10px}.reader-sticky-chrome .reader-toolbar{margin-bottom:12px}.reader-sticky-chrome .chapter-picker,.reader-sticky-chrome .chapter-picker-bar{margin-bottom:0}.app-shell.reader-page .page{padding-top:16px}.topbar-inner,.page{width:min(var(--page-max),100%);margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px}.topbar-title{width:min(var(--page-max),100%);margin:0 auto;padding:4px max(16px,env(safe-area-inset-left)) 18px max(16px,env(safe-area-inset-right))}.page-title{margin:0;font-size:1.35rem;line-height:1.2}.brand{display:grid;gap:4px;font-weight:700;color:var(--accent)}.brand-title{font-size:1.1rem;line-height:1.1}.topnav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.topnav a{padding:8px 10px;border-radius:999px;font-weight:600;font-size:.82rem}.topnav a[aria-current=page]{background:var(--accent);color:#fff}.page{padding-top:24px;padding-bottom:56px}.hero{text-align:center;margin-bottom:36px}.hero h1{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.6rem)}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.lede,.muted{color:var(--muted)}.lede{margin:0;line-height:1.6}.home-stack{display:grid;gap:28px}.home-stack>*{margin:0}.alkitabku-install-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,white),var(--card))}.alkitabku-install-copy{display:grid;gap:4px;min-width:0}.alkitabku-install-copy .eyebrow{margin:0}.alkitabku-install-copy strong{font-size:1.05rem;color:var(--accent)}.alkitabku-install-copy .muted{font-size:.84rem;line-height:1.45}.alkitabku-install-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.alkitabku-install-go{min-height:42px;padding-inline:16px;font-size:.88rem;white-space:nowrap}.alkitabku-install-dismiss{width:36px;height:36px;border:0;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,white);color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer}@media(max-width:640px){.alkitabku-install-banner{flex-direction:column;align-items:stretch}.alkitabku-install-actions{justify-content:space-between}.alkitabku-install-go{flex:1;text-align:center}}.error{color:var(--error)}.recent-block{margin-bottom:24px}.recent-block h2{margin:0 0 10px;font-size:1rem}.recent-list{display:flex;flex-wrap:wrap;gap:8px}.recent-chip,.book-card,.nav-btn,.copy-btn,.segmented button,.font-controls button{border:1px solid var(--line);background:var(--card)}.recent-chip,.nav-btn{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px}.book-section{display:grid;gap:16px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented button{min-height:42px;border-radius:12px;cursor:pointer;font-weight:600}.segmented button.active{background:var(--accent);border-color:var(--accent);color:#fff}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.book-card{display:grid;gap:6px;padding:16px;border-radius:16px;transition:transform .12s ease,box-shadow .12s ease}.book-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e3a5f14}.book-card strong{font-size:1.02rem}.book-card span{color:var(--muted);font-size:.86rem}.reader-toolbar,.chapter-nav,.font-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-toolbar{margin-bottom:16px}.font-controls button{min-width:42px;min-height:38px;border-radius:10px;cursor:pointer}.chapter-picker{display:grid;gap:16px;margin-bottom:18px}.chapter-picker-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.chapter-picker-bar .chapter-nav{flex:1 1 220px}.chapter-picker-open{flex:0 0 auto;font-weight:700}.chapter-picker-sheet{width:min(520px,100%);max-height:min(92dvh,720px);margin:auto;overflow-y:auto;box-shadow:0 20px 44px #1e3a5f3d}.chapter-picker-overlay{z-index:60}.chapter-picker-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chapter-picker-sheet-head .share-close{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,white);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.section-head{display:grid;gap:10px}.section-head-compact{gap:8px}.section-head h2,.section-title-inline{margin:0;font-size:1.12rem;line-height:1.25}.section-head .muted,.section-head .eyebrow{margin:0}.field-label{display:grid;gap:10px;font-weight:600;font-size:.88rem;color:var(--ink)}.field-control{width:100%;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 88%,var(--accent));background:#fff;color:var(--ink)}.field-control:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 40%,white);outline-offset:2px;border-color:var(--accent)}.field-control:disabled{background:color-mix(in srgb,var(--paper) 72%,white);color:var(--muted);cursor:not-allowed}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:12px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,black)}.btn-secondary{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:#fff;color:var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.form-card{display:grid;gap:22px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 28px #1e3a5f0d}.form-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem;font-weight:600}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--line)}.form-hint{margin:0;font-size:.9rem}.form-hint strong{color:var(--accent);font-weight:700}.form-error{margin:0;font-size:.88rem}.reference-jump-form{display:grid;gap:16px}.reference-jump-row,.reference-jump-quick{display:grid;gap:12px;align-items:end}.reference-jump-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reference-jump-quick{grid-template-columns:minmax(0,1fr) auto}.reference-jump-open{grid-column:1 / -1;width:100%}@media(min-width:720px){.reference-jump-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.reference-jump-open{grid-column:auto;width:auto;min-width:132px}}.search-page{display:grid;gap:20px}.search-results-meta{margin:0;font-size:.92rem;font-weight:600;color:var(--accent)}.search-input{font-size:1rem}.reader{border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:visible}.reader-head{padding:20px 22px 12px;border-bottom:1px solid var(--line);background:var(--accent-soft)}.reader-head h2{margin:0}.reader-head p{margin:6px 0 0;color:var(--muted)}.reader-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-head-row h2{margin:0}.reader-select-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.reader-select-hint{margin:8px 0 0;font-size:.84rem}.reader-select-notice{margin:8px 0 0;color:var(--accent);font-weight:700;font-size:.84rem}.verse-list{padding:8px 0 18px}.verse{position:relative;padding:10px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,white)}.verse-actions-menu.open{z-index:4}.verse:last-child{border-bottom:0}.verse.highlight{background:var(--highlight)}.verse-num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;font-size:.82rem;font-weight:700}.verse-meta{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.verse-meta .verse-num{margin-top:4px}.verse-read-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:4px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:transparent;font-size:1rem;font-weight:800;line-height:1;cursor:pointer}.verse-read-toggle.read{border-color:color-mix(in srgb,#2f855a 40%,var(--line));background:color-mix(in srgb,#2f855a 16%,white);color:#2f855a}.verse-select-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:4px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:transparent;font-size:1rem;font-weight:800;line-height:1;cursor:pointer}.verse-select-toggle.selected{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent)}.verse.verse-share-selected{background:color-mix(in srgb,var(--accent-soft) 45%,white)}.verse-share-bar{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--card) 94%,white);box-shadow:0 12px 28px #1e3a5f1f}.verse-share-bar span{font-weight:700;color:var(--accent)}.multi-share-sheet{width:min(640px,100%)}.multi-share-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.multi-share-preview-card{margin:0;display:grid;gap:8px}.multi-share-preview-card .share-preview,.multi-share-preview-card .share-preview-placeholder{width:100%;max-height:220px;object-fit:contain;border-radius:14px}.multi-share-preview-card figcaption{text-align:center;font-size:.82rem;font-weight:700;color:var(--accent)}.multi-share-overlay{z-index:70}.verse.verse-read>p:first-of-type{color:color-mix(in srgb,var(--ink) 72%,var(--muted))}.verse.verse-read .verse-num{background:color-mix(in srgb,#2f855a 78%,var(--accent))}.verse p{margin:0;font-family:"Source Serif 4",Georgia,serif;line-height:1.75}.verse-actions-menu{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 1 auto}.verse-actions-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--accent);font-size:1.15rem;line-height:1;font-weight:700;cursor:pointer;transition:background .16s ease}.verse-actions-toggle.open,.verse-actions-toggle.has-state{background:color-mix(in srgb,var(--accent-soft) 80%,white);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.verse-actions-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:6;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:max-content;max-width:min(340px,78vw);padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:0 10px 24px #1e3a5f24;opacity:0;transform:translateY(-6px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.verse-actions-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.verse-actions-panel .copy-btn{white-space:nowrap}.verse-actions-panel.open .copy-btn{animation:verse-action-in .18s ease both}.verse-actions-panel.open .copy-btn:nth-child(1){animation-delay:0ms}.verse-actions-panel.open .copy-btn:nth-child(2){animation-delay:30ms}.verse-actions-panel.open .copy-btn:nth-child(3){animation-delay:60ms}.verse-actions-panel.open .copy-btn:nth-child(4){animation-delay:90ms}@keyframes verse-action-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.copy-btn,.share-btn{padding:6px 10px;border-radius:999px;font-size:.78rem;cursor:pointer;border:1px solid var(--line);background:var(--card)}.share-btn{color:var(--accent);font-weight:700}.verse-reference-jump,.search-keywords-card{display:grid;gap:16px}.search-panel{display:contents}.search-results{list-style:none;margin:0;padding:0;display:grid;gap:10px}.search-results li a{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.search-results li a:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));box-shadow:0 8px 20px #1e3a5f12;transform:translateY(-1px)}.search-results strong{color:var(--accent)}.search-results span{color:var(--muted);line-height:1.5}.install-overlay{position:fixed;inset:0;z-index:40;background:#1b243073;display:grid;align-items:end;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.install-sheet{width:min(420px,100%);margin:0 auto;background:var(--card);border-radius:20px;padding:22px 20px 18px;text-align:center;box-shadow:0 18px 40px #1e3a5f38}.install-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:16px}.install-sheet h2{font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;margin:0 0 8px}.install-sheet p{margin:0 0 18px;color:var(--muted);line-height:1.45}.install-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.install-later,.install-go{min-height:44px;border-radius:12px;font-weight:700;cursor:pointer}.install-later{border:1px solid var(--line);background:transparent;color:var(--ink)}.install-go{border:0;background:var(--accent);color:#fff}.install-go:disabled{opacity:.6;cursor:wait}.share-overlay{position:fixed;inset:0;z-index:50;background:#1b24308c;display:grid;align-items:center;justify-items:center;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.share-sheet{width:min(520px,100%);max-height:min(92dvh,920px);margin:auto;background:var(--card);border-radius:24px;padding:18px;box-shadow:0 20px 44px #1e3a5f3d;display:flex;flex-direction:column;gap:12px}.share-sheet-scroll{overflow-y:auto;min-height:0;flex:1 1 auto;padding-right:2px}.share-subtitle{margin:4px 0 0;color:var(--muted);font-size:.82rem;font-weight:600}.share-theme-label{margin:0 0 8px;color:var(--muted);font-size:.86rem;font-weight:600}.share-theme-panel{max-height:min(34dvh,220px);overflow-y:auto;padding-bottom:2px}.share-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.share-head h2{margin:0;font-size:1.2rem}.share-close{width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer}.share-preview-wrap{border-radius:18px;overflow:hidden;background:#dfe7f0;margin-bottom:12px;display:flex;justify-content:center;align-items:center}.share-preview,.share-preview-placeholder{display:block;width:100%;max-width:360px;max-height:min(38dvh,320px);aspect-ratio:1 / 1;object-fit:contain;margin:0 auto}.share-preview-placeholder{display:grid;place-items:center;color:var(--muted);font-weight:600}.share-theme-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-theme{min-height:50px;border:2px solid transparent;border-radius:14px;cursor:pointer;color:#fff;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.35)}.share-theme.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,white)}.share-theme span{mix-blend-mode:difference}.share-theme-image span{mix-blend-mode:normal;background:#0000006b;padding:4px 10px;border-radius:999px}.share-status{margin:0 0 12px;color:var(--accent);font-weight:600;text-align:center}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:0 0 auto;position:sticky;bottom:0;background:var(--card);padding-top:2px}.share-later,.share-go{min-height:44px;border-radius:12px;font-weight:700;cursor:pointer}.share-later{border:1px solid var(--line);background:transparent}.share-go{border:0;background:var(--accent);color:#fff}.share-go:disabled{opacity:.6}@media(max-height:820px),(max-width:1024px)and (orientation:landscape){.share-sheet{max-height:96dvh;padding:14px}.share-preview,.share-preview-placeholder{max-height:min(28dvh,240px)}.share-theme-panel{max-height:min(28dvh,180px)}.share-head h2{font-size:1.05rem}}@media(max-width:640px){.share-theme-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.segmented{grid-template-columns:1fr}.chapter-nav{flex-direction:column;align-items:stretch}.verse-actions-panel{right:0;left:auto}.focus-reader-bar{align-items:stretch}.focus-reader-bar-main,.focus-reader-controls{flex-wrap:wrap}}.continue-reading{margin-bottom:20px}.continue-reading-card{display:grid;gap:10px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--card));box-shadow:0 12px 28px #1e3a5f14}.continue-reading-card strong{font-size:1.2rem;color:var(--accent)}.saved-verses,.recent-block{display:grid;gap:14px}.saved-verse-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.saved-verse-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.saved-verse-card{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.saved-verse-card strong{color:var(--accent)}.saved-verse-card span{color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-verse-remove{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;font-weight:600}.home-link-row{margin:0}.reference-hit-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--accent-soft)}.reference-hit-card strong{display:block;margin-top:4px;font-size:1.08rem;color:var(--accent)}.reader-toolbar-actions{display:flex;align-items:center;gap:10px}.focus-reader-bar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 92%,white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-reader-bar-main{display:flex;align-items:center;gap:12px;min-width:0}.focus-reader-title{font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-reader-controls{display:flex;align-items:center;gap:8px}.app-shell.reader-focus-mode .page{padding-top:10px}.app-shell.reader-theme-sepia{background:linear-gradient(180deg,#e8dcc0,#f4ecd8 240px);color:#3d2f1f}.app-shell.reader-theme-sepia .reader{background:#faf3e6;border-color:#dcc9a8}.app-shell.reader-theme-sepia .reader-head{background:#e8dcc0}.app-shell.reader-theme-sepia .muted,.app-shell.reader-theme-sepia .reader-head p{color:#6b5438}.app-shell.reader-theme-dark{background:linear-gradient(180deg,#121722,#1a2030 240px);color:#ece7df}.app-shell.reader-theme-dark .topbar,.app-shell.reader-theme-dark .reader-sticky-chrome{background:color-mix(in srgb,#1a2030 92%,black);border-color:#2a3348}.app-shell.reader-theme-sepia .reader-sticky-chrome{background:color-mix(in srgb,#e8dcc0 92%,white);border-color:#dcc9a8}.app-shell.reader-theme-dark .form-card,.app-shell.reader-theme-dark .nav-btn,.app-shell.reader-theme-dark .field-control,.app-shell.reader-theme-dark .copy-btn,.app-shell.reader-theme-dark .share-btn{background:#222a3b;border-color:#3a4560;color:#ece7df}.app-shell.reader-theme-dark .reader{background:#222a3b;border-color:#3a4560}.app-shell.reader-theme-dark .reader-head{background:#2d364c}.app-shell.reader-theme-dark .verse{border-color:#3a4560}.app-shell.reader-theme-dark .verse.highlight{background:#3d4a28}.app-shell.reader-theme-dark .focus-reader-bar{background:color-mix(in srgb,#222a3b 92%,black);border-color:#3a4560}.copy-btn.active{border-color:var(--accent);color:var(--accent);font-weight:700}.favorites-page .saved-verses{margin-bottom:0}@media(max-width:720px){.reference-hit-card{flex-direction:column;align-items:stretch}.reference-hit-card .btn-primary{width:100%}.saved-verse-list li{grid-template-columns:1fr}}.daily-devotion-card,.offline-card{margin-bottom:0}.daily-devotion-body{display:grid;gap:12px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 80%,white),#fff);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}.daily-devotion-body strong{color:var(--accent);font-size:1.02rem}.daily-devotion-body p{margin:0;line-height:1.65}.daily-devotion-actions,.offline-actions{display:flex;flex-wrap:wrap;gap:12px}.daily-devotion-reminder{display:grid;gap:16px;padding-top:20px;margin-top:4px;border-top:1px solid var(--line)}.reminder-row{display:flex;align-items:center;gap:12px;font-weight:500;margin-top:4px}.reminder-toggle input{width:18px;height:18px}.offline-progress{height:10px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,white);overflow:hidden}.offline-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#5b8cff));transition:width .18s ease}.verse-mark-yellow{background:#fff3bf}.verse-mark-green{background:#dbf5dc}.verse-mark-blue{background:#dbeafe}.verse-mark-pink{background:#fde7f3}.verse-mark-purple{background:#ede9fe}.verse-has-note{box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 55%,white)}.verse-note{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 70%,white);border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));font-size:.92rem;line-height:1.55;color:var(--ink);font-family:Figtree,system-ui,sans-serif}.annotation-sheet{width:min(440px,100%);max-height:min(92dvh,720px);overflow-y:auto;margin:auto;padding:20px;border-radius:24px;background:var(--card);box-shadow:0 20px 44px #1e3a5f3d;display:flex;flex-direction:column;gap:16px}.annotation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.annotation-head .eyebrow{margin:0}.annotation-head h2{margin:4px 0 0;font-size:1.2rem;line-height:1.25}.annotation-verse{margin:0;color:var(--muted);font-family:"Source Serif 4",Georgia,serif;font-size:.98rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.annotation-field{display:grid;gap:10px}.annotation-field .field-label{margin:0}.highlight-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.highlight-swatch{appearance:none;width:42px;height:42px;padding:0;flex:0 0 auto;border-radius:999px;border:2px solid var(--line);cursor:pointer}.highlight-swatch.none{width:auto;min-width:42px;padding:0 14px;font-weight:600;font-size:.82rem;background:var(--card);color:var(--ink)}.highlight-swatch.yellow{background:#fff3bf}.highlight-swatch.green{background:#dbf5dc}.highlight-swatch.blue{background:#dbeafe}.highlight-swatch.pink{background:#fde7f3}.highlight-swatch.purple{background:#ede9fe}.highlight-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,white)}.annotation-note{min-height:120px;padding:12px 14px;resize:vertical}.annotation-actions,.annotation-actions-row{display:grid;gap:10px}.annotation-actions-row{grid-template-columns:1fr 1fr}.annotation-actions .btn-primary,.annotation-actions .btn-secondary{width:100%}.annotated-verses,.annotations-page .annotated-verses{display:grid;gap:14px}.annotation-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px}.annotation-dot.yellow{background:#d4a017}.annotation-dot.green{background:#2f9e44}.annotation-dot.blue{background:#1c7ed6}.annotation-dot.pink{background:#d6336c}.annotation-dot.purple{background:#7048e8}.saved-verse-card.mark-yellow{border-color:color-mix(in srgb,#d4a017 35%,var(--line))}.reading-plan-page{display:grid;gap:28px}.reading-plan-grid{display:grid;gap:16px}.reading-plan-card{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 35%,white)}.reading-plan-card.active{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 10px 24px #1e3a5f14}.reading-plan-card h3{margin:0;color:var(--accent)}.reading-plan-meta{margin:0;font-weight:600;color:var(--muted);font-size:.88rem}.reading-plan-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.reading-plan-list.compact{gap:8px}.reading-plan-link{display:block;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:600;color:var(--accent)}.reading-plan-progress{height:10px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,white);overflow:hidden}.reading-plan-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#5b8cff))}.reading-plan-actions{display:flex;flex-wrap:wrap;gap:12px}.reading-plan-today-card{padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 80%,white),var(--card));box-shadow:0 12px 28px #1e3a5f14}.app-shell.reader-theme-dark .verse-read-toggle.read{border-color:#3f9d6b;background:color-mix(in srgb,#3f9d6b 22%,#222a3b);color:#8fdcb0}.app-shell.reader-theme-dark .verse.verse-read .verse-num{background:#3f9d6b}.app-shell.reader-theme-dark .verse-mark-yellow{background:color-mix(in srgb,#fff3bf 22%,#1f2937)}.app-shell.reader-theme-dark .verse-mark-green{background:color-mix(in srgb,#dbf5dc 20%,#1f2937)}.app-shell.reader-theme-dark .verse-mark-blue{background:color-mix(in srgb,#dbeafe 20%,#1f2937)}.app-shell.reader-theme-dark .verse-mark-pink{background:color-mix(in srgb,#fde7f3 18%,#1f2937)}.app-shell.reader-theme-dark .verse-mark-purple{background:color-mix(in srgb,#ede9fe 20%,#1f2937)}.app-shell.reader-theme-dark .verse-note{background:color-mix(in srgb,var(--accent) 18%,#111827);border-color:color-mix(in srgb,var(--accent) 35%,#374151);color:#e5e7eb}.reading-share-card{margin-top:24px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 75%,white),var(--card));box-shadow:0 12px 28px #1e3a5f14;display:grid;gap:16px}.reading-share-card-head{display:grid;gap:8px}.reading-share-card-body{display:grid;gap:10px}.reading-share-book{margin:0;font-size:1.35rem;font-weight:700;color:var(--accent)}.reading-share-done{margin:0;font-weight:700;color:#9b1c1c}.reading-share-quote{margin:0;padding:14px 16px;border-radius:14px;background:#ffffffb8;border:1px solid color-mix(in srgb,var(--line) 80%,white);font-family:"Source Serif 4",Georgia,serif;line-height:1.6;color:var(--ink)}.reading-share-host{margin:0;font-weight:700;color:var(--accent)}.reading-share-open{justify-self:start}.reading-share-sheet .share-preview-wrap{max-width:360px;margin-inline:auto}.reading-share-social{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.reading-share-social .btn-primary,.reading-share-social .btn-secondary{min-height:44px}.reading-share-hint{flex:1 1 100%;margin:0}.quiz-page{display:grid;gap:20px}.quiz-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.quiz-stat{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;text-align:center;background:color-mix(in srgb,var(--accent-soft) 35%,white)}.quiz-stat strong{font-size:1.2rem;color:var(--accent)}.quiz-stat span{font-size:.78rem;color:var(--muted);font-weight:600}.quiz-fieldset{border:0;margin:0 0 16px;padding:0}.quiz-fieldset legend{margin-bottom:8px;font-size:.84rem;font-weight:700;color:var(--muted)}.quiz-return-bar{margin-bottom:12px}.quiz-return-link{width:100%;justify-content:center;font-weight:700;border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent-soft) 55%,white)}.reader-sticky-chrome .quiz-return-bar{margin-bottom:10px}.quiz-start-btn,.quiz-result-actions{width:100%}.quiz-share-preview{display:grid;gap:12px;margin-bottom:16px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 35%,white)}.quiz-share-hook{margin:0;font-size:1.05rem;font-weight:700;line-height:1.5;color:var(--accent)}.quiz-share-caption{margin:0;white-space:pre-wrap;font-family:inherit;font-size:.84rem;line-height:1.55;color:var(--muted);background:transparent;border:0;padding:0}.quiz-result-actions{display:grid;gap:10px}.quiz-play-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.quiz-badge,.quiz-progress{font-size:.78rem;font-weight:700}.quiz-badge{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 70%,white);color:var(--accent)}.quiz-progress{color:var(--muted)}.quiz-prompt{margin:0 0 10px;font-size:1.15rem;line-height:1.45}.quiz-detail{margin:0 0 16px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--line) 35%,white);font-family:"Source Serif 4",Georgia,serif;line-height:1.65}.quiz-options{display:grid;gap:10px}.quiz-option{min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left;font-weight:600;line-height:1.45;cursor:pointer}.quiz-option.correct{border-color:#2f855a;background:color-mix(in srgb,#2f855a 12%,white);color:#1f5135}.quiz-option.wrong{border-color:#c53030;background:color-mix(in srgb,#c53030 10%,white);color:#7b1f1f}.quiz-feedback{margin-top:16px;display:grid;gap:12px}.quiz-feedback-good{margin:0;color:#2f855a;font-weight:700}.quiz-feedback-bad{margin:0;color:#c53030;font-weight:700}.quiz-feedback-actions{display:grid;gap:10px}.quiz-live-score{margin:14px 0 0}@media(min-width:640px){.quiz-result-actions,.quiz-feedback-actions{grid-template-columns:1fr 1fr}}