:root{--font-ui:"Source Sans 3", system-ui, sans-serif;--font-scripture:"Cormorant Garamond", Georgia, "Times New Roman", serif;--bg:#f6f1e8;--bg-elevated:#fffdf9;--bg-muted:#ebe4d6;--bg-hover:#e4dccb;--border:#d4c9b4;--border-strong:#b8a88c;--text:#2c261c;--text-muted:#6b6152;--text-faint:#9a8f7c;--accent:#8b6914;--accent-soft:#8b69141f;--accent-hover:#6f5310;--read:#2d7a4f;--read-bg:#2d7a4f24;--read-border:#2d7a4f73;--study:#b45309;--study-bg:#b453091f;--study-border:#b4530966;--danger:#b42318;--danger-bg:#b4231814;--shadow:0 1px 2px #2c261c0f, 0 4px 16px #2c261c0f;--shadow-lg:0 8px 32px #2c261c1f;--radius:12px;--radius-sm:8px;--header-h:60px}[data-theme=dark]{--bg:#141210;--bg-elevated:#1c1a17;--bg-muted:#25221d;--bg-hover:#2e2a24;--border:#3a342c;--border-strong:#524839;--text:#ece6da;--text-muted:#a89f8e;--text-faint:#6e6557;--accent:#d4a84b;--accent-soft:#d4a84b24;--accent-hover:#e0bb66;--read:#4ade80;--read-bg:#4ade801f;--read-border:#4ade8059;--study:#fbbf24;--study-bg:#fbbf241f;--study-border:#fbbf2466;--danger:#f87171;--danger-bg:#f871711a;--shadow:0 1px 2px #00000040, 0 4px 16px #0003;--shadow-lg:0 8px 32px #00000059}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100dvh;font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 80% at 50% -10%,#1a2744 0%,#0000 55%),radial-gradient(60% 40% at 80% 60%,#503c7824,#0000 50%),radial-gradient(50% 35% at 15% 70%,#2846781f,#0000 45%),linear-gradient(#070b16 0%,#0c1224 42%,#10182c 100%);margin:0;font-size:16px;line-height:1.5}html.is-native body{overscroll-behavior-y:none}html.is-native .header{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#root{min-height:100vh}.app-shell{isolation:isolate;background:0 0;flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-shell>:not(.starfield){z-index:1;position:relative}.header{z-index:40;height:var(--header-h);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.65rem;min-width:0;display:flex}.brand-mark{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex-shrink:0;place-items:center;font-size:1.1rem;display:grid}.brand-mark-btn{cursor:pointer;border:1px solid #0000;padding:0;transition:background .15s,border-color .15s,color .15s}.brand-mark-btn:hover{background:color-mix(in srgb, var(--accent-soft) 70%, var(--bg-hover));border-color:color-mix(in srgb, var(--accent) 25%, var(--border));color:var(--accent-hover)}.brand-mark-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand h1{font-family:var(--font-scripture);letter-spacing:.01em;white-space:nowrap;margin:0;font-size:1.35rem;font-weight:600}.brand-sub{color:var(--text-muted);margin-top:-2px;font-size:.78rem;display:none}@media (width>=640px){.brand-sub{display:block}}.header-actions{align-items:center;gap:.5rem;display:flex}.main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:1.5rem 1.25rem 3.5rem}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.92rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}[data-theme=dark] .btn-primary{color:#1a150c}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text)}.btn-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-elevated);padding:0}.btn-icon:hover{background:var(--bg-muted);color:var(--text)}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:1.15rem 1.2rem}.auth-wrap{min-height:calc(100vh - var(--header-h));place-items:center;padding:1.5rem;display:grid}.auth-card{width:100%;max-width:400px}.auth-card h2{font-family:var(--font-scripture);margin:0 0 .35rem;font-size:1.85rem;font-weight:600}.auth-card .lead{color:var(--text-muted);margin:0 0 1.35rem;font-size:.92rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-group input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);outline:none;width:100%;padding:.7rem .85rem;font-size:16px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.65rem .85rem;font-size:.9rem}.auth-switch{text-align:center;color:var(--text-muted);margin-top:1.15rem;font-size:.92rem}.auth-switch button{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.summary{gap:.85rem;margin-bottom:1.35rem;display:grid}.summary-progress h2{font-family:var(--font-scripture);margin:0;font-size:1.45rem;font-weight:600}.summary-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.summary-pct{font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.01em;font-size:1.15rem;font-weight:700}.resume-section{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(165deg, color-mix(in srgb, var(--accent-soft) 55%, var(--bg-elevated)), var(--bg-elevated));margin-bottom:1.5rem}.resume-header{margin-bottom:.75rem}.resume-header h2{font-family:var(--font-scripture);margin:0;font-size:1.4rem;font-weight:600}.resume-grid{grid-template-columns:1fr;gap:.7rem;display:grid}@media (width>=560px){.resume-grid{grid-template-columns:1fr 1fr}}.resume-card{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);min-height:5.25rem;box-shadow:var(--shadow);flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}button.resume-card.action{cursor:pointer;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s}button.resume-card.action:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-lg)}button.resume-card.action:active{transform:scale(.99)}button.resume-card.action.is-default{border-style:dashed}.resume-card.empty,.resume-card.done{opacity:.88}.resume-card-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.resume-card-title{font-size:1.2rem;font-weight:600;font-family:var(--font-scripture);color:var(--text);line-height:1.2}.resume-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;margin:.35rem 0 0;font-size:.82rem;display:flex}.resume-card-note{color:var(--text-faint)}.resume-go{color:var(--accent);white-space:nowrap;font-size:.82rem;font-weight:700}.verse.is-resume-target{outline:2px solid var(--accent);outline-offset:2px;background:var(--accent-soft);animation:1.2s resume-pulse}@keyframes resume-pulse{0%{background:var(--accent-soft)}50%{background:color-mix(in srgb, var(--accent-soft) 40%, transparent)}to{background:var(--accent-soft)}}.study-shelf{border-color:color-mix(in srgb, var(--study) 40%, var(--border));background:linear-gradient(165deg, color-mix(in srgb, var(--study-bg) 70%, var(--bg-elevated)), var(--bg-elevated));margin-bottom:1.35rem}.study-shelf-header h2{font-family:var(--font-scripture);color:var(--text);align-items:center;gap:.45rem;margin:0;font-size:1.4rem;display:flex}.study-shelf-header h2 .icon-study{width:1.1rem;height:1.1rem;color:var(--study)}.study-shelf-count{min-width:1.4rem;height:1.4rem;font-family:var(--font-ui);background:var(--study-bg);color:var(--study);border:1px solid var(--study-border);border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.78rem;font-weight:700;display:inline-flex}.study-shelf-header p{color:var(--text-muted);margin:.2rem 0 .75rem;font-size:.85rem}.study-shelf-list{flex-wrap:wrap;gap:.45rem;display:flex}.study-chip{border:1px solid var(--study-border);background:var(--study-bg);color:var(--study);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.88rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.study-chip .icon-study{width:.95rem;height:.95rem}.study-chip:hover{background:color-mix(in srgb, var(--study-bg) 50%, var(--bg-hover))}.study-chip:active{transform:scale(.98)}.study-chip-sm{padding:.28rem .55rem;font-size:.8rem}.chapter-study-jumps{flex-wrap:wrap;gap:.35rem;margin:0 0 .75rem;display:flex}.stat-study{color:var(--study);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.stat-study .icon-study{width:.95rem;height:.95rem}.badge-study{align-items:center;gap:.2rem;display:inline-flex}.badge-study .icon-study{width:.85rem;height:.85rem}.book-card.has-study{border-color:color-mix(in srgb, var(--study) 30%, var(--border))}.chapter-tile{position:relative}.chapter-tile.has-verse-study{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--study) 35%, transparent)}.tile-study-badge{background:var(--study-bg);min-width:1rem;height:1rem;color:var(--study);border:1px solid var(--study-border);pointer-events:none;border-radius:999px;align-items:center;gap:1px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:3px;right:3px}.tile-study-badge .icon-study{width:.65rem;height:.65rem}@media (width>=720px){.summary{grid-template-columns:1.5fr auto;align-items:stretch}}.progress-bar{background:var(--bg-muted);border-radius:999px;height:7px;margin:.75rem 0 .45rem;overflow:hidden}.progress-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--read), color-mix(in srgb, var(--read) 70%, var(--accent)));height:100%;transition:width .35s;display:block}.stat-row{color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1.1rem;font-size:.85rem;display:flex}.stat-row strong{color:var(--text);font-weight:600}.legend{flex-flow:wrap;justify-content:center;align-items:center;gap:.85rem 1.15rem;display:flex;padding:.85rem 1rem!important}@media (width>=720px){.legend{flex-direction:column;justify-content:center;align-items:flex-start;gap:.55rem;min-width:9.5rem}}.legend-item{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.84rem;font-weight:500;display:flex}.legend-swatch{border:1.5px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-muted);border-radius:7px;flex-shrink:0;place-items:center;font-size:.85rem;display:grid}.legend-swatch .icon-check,.legend-swatch .icon-study{width:.95em;height:.95em}.legend-swatch.status-read{background:var(--read-bg);border-color:var(--read-border);color:var(--read)}.legend-swatch.status-study{background:var(--study-bg);border-color:var(--study-border);color:var(--study)}.legend-dot{opacity:.4;font-weight:700;line-height:1}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.35rem 0 .85rem;display:flex}.section-head h3{font-family:var(--font-scripture);margin:0;font-size:1.25rem;font-weight:600}.tabs{background:var(--bg-muted);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.tabs button{color:var(--text-muted);border-radius:6px;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.tabs button.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow)}.book-grid{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=560px){.book-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.book-grid{grid-template-columns:repeat(3,1fr)}}.book-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);grid-template-columns:1fr auto;align-items:stretch;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;overflow:hidden}.book-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.book-card.complete{border-color:var(--read-border);background:var(--read-bg)}.book-card-main{text-align:left;width:100%;min-width:0;color:inherit;background:0 0;border-radius:0;flex-direction:column;gap:.45rem;padding:1rem .85rem 1rem 1.05rem;display:flex}.book-card-main:hover{background:var(--bg-hover)}.book-card.complete .book-card-main:hover{background:color-mix(in srgb, var(--read-bg) 70%, var(--bg-hover))}.book-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.book-card-name{font-size:1.02rem;font-weight:600}.book-card-meta{color:var(--text-muted);font-size:.8rem}.book-mini-bar{background:var(--bg-muted);border-radius:999px;height:4px;margin-top:.15rem;overflow:hidden}.book-mini-bar>span{background:var(--read);border-radius:inherit;height:100%;display:block}.book-mark-all{border-left:1px solid var(--border);background:color-mix(in srgb, var(--read-bg) 55%, transparent);width:58px;min-height:100%;color:var(--read);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .35rem;font-size:.68rem;font-weight:700;transition:background .15s,color .15s;display:flex}.book-mark-all:hover:not(:disabled){background:var(--read-bg)}.book-mark-all:disabled{opacity:.55;cursor:wait}.book-mark-all .icon-check{width:1.35rem;height:1.35rem}.book-mark-all.is-complete{background:var(--read-bg);color:var(--read)}.book-mark-all.is-complete:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-left-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.book-mark-all-label{line-height:1}.btn-mark-book{background:var(--read-bg);color:var(--read);border:1px solid var(--read-border)}.btn-mark-book:hover:not(:disabled){background:color-mix(in srgb, var(--read-bg) 70%, var(--read));color:var(--read)}.book-bulk-actions{margin-bottom:0}.badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.72rem;font-weight:700}.badge-done{background:var(--read-bg);color:var(--read)}.badge-study{background:var(--study-bg);color:var(--study)}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.9rem;display:flex}.breadcrumb button{color:var(--accent);font-weight:600}.breadcrumb button:hover{text-decoration:underline}.chapter-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.chapter-header h2{font-family:var(--font-scripture);margin:0;font-size:1.9rem;font-weight:600;line-height:1.15}.chapter-header p{color:var(--text-muted);margin:.2rem 0 0;font-size:.88rem}.hint{color:var(--text-faint);margin:0 0 .85rem;font-size:.82rem}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.45rem;display:grid}.chapter-tile{aspect-ratio:1;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-elevated);min-height:48px;color:var(--text-muted);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s;display:flex;position:relative}.chapter-tile:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}.chapter-tile:active{transform:scale(.96)}.chapter-tile .tile-icon{height:1em;font-size:.95rem;line-height:1}.chapter-tile.status-read{background:var(--read-bg);border-color:var(--read-border);color:var(--read)}.chapter-tile.status-study{background:var(--study-bg);border-color:var(--study-border);color:var(--study)}.chapter-tile.selected{outline:2px solid var(--accent);outline-offset:2px}.tile-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.reader{margin-top:1.65rem;overflow:visible;padding-top:0!important}.reader-sticky-sentinel{pointer-events:none;visibility:hidden;height:1px;margin:0;padding:0}.reader-sticky-ref{top:calc(var(--header-h) + env(safe-area-inset-top,0));z-index:25;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .85rem;margin:0 -1.2rem .75rem;padding:.65rem 1.2rem;transition:background .35s,border-color .35s,box-shadow .4s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:sticky}.reader-sticky-ref.is-pinned{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom-color:color-mix(in srgb, var(--border) 85%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--bg-elevated) 80%, transparent), 0 8px 20px color-mix(in srgb, var(--text) 5%, transparent)}@media (prefers-reduced-motion:reduce){.reader-sticky-ref{transition:none}}.reader-sticky-main{min-width:0}.reader-sticky-title{font-family:var(--font-scripture);color:var(--text);margin:0;font-size:1.35rem;font-weight:600;line-height:1.2;transition:letter-spacing .35s}.reader-sticky-ref.is-pinned .reader-sticky-title{letter-spacing:.01em}.reader-sticky-meta{color:var(--text-muted);white-space:nowrap;opacity:.92;font-size:.82rem;font-weight:600;transition:opacity .35s}.reader-sticky-ref.is-pinned .reader-sticky-meta{opacity:1}.reader-toolbar{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:.65rem 1rem;margin-bottom:.85rem;padding:.85rem 0;display:flex}.reader-title-block{min-width:0}.reader-toolbar h3{font-family:var(--font-scripture);margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.reader-translation{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-top:.12rem;font-size:.75rem;font-weight:600;display:block}.reader-actions{justify-content:flex-start;width:100%;margin-bottom:0!important}.reader-actions .btn{color:var(--text-muted);font-weight:600}.reader-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .85rem;min-height:1.5rem;margin-bottom:.55rem;display:flex}.verse-howto{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-muted) 80%, transparent);color:var(--text-muted);border-radius:999px;align-items:center;gap:.55rem;max-width:100%;margin:0;padding:.35rem .55rem .35rem .65rem;font-size:.8rem;line-height:1.3;display:inline-flex}.verse-howto-line{margin:0}@media (width>=520px){.verse-howto-line{white-space:nowrap}}.verse-howto-dismiss{flex-shrink:0;border-radius:999px!important;padding:.15rem .45rem!important;font-size:.75rem!important}.verse-howto-show{color:var(--text-faint);letter-spacing:.02em;margin:0;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.verse-howto-show:hover{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.server-banner{max-width:520px;margin:1rem auto 0}.server-banner code{background:var(--bg-muted);border-radius:4px;padding:.1em .35em;font-size:.85em}.app-footer{text-align:center;letter-spacing:.02em;color:var(--text-faint);flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 1rem 1.35rem;font-size:.72rem;display:flex}.app-footer-line strong{color:var(--text-muted,var(--text-faint));font-weight:600}.app-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.footer-link{appearance:none;font:inherit;font-size:inherit;color:var(--accent,#3b6d9a);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.footer-link:hover{opacity:.85}.app-footer-note{opacity:.9;max-width:36rem;line-height:1.4}.auth-legal{color:var(--text-faint);text-align:center;margin:1rem 0 0;font-size:.78rem;line-height:1.45}.reader-translation-note{opacity:.8;font-weight:500}.legal-modal{width:min(34rem,100%);max-height:min(85vh,40rem)}.legal-modal-body{flex:1;padding:.75rem 1.15rem .5rem;overflow-y:auto}.legal-section{margin-bottom:.85rem}.legal-section h3{margin:0 0 .25rem;font-size:.88rem;font-weight:650}.legal-section p{color:var(--text-muted,inherit);margin:0;font-size:.84rem;line-height:1.5}.legal-disclaimer{color:var(--text-faint);margin:.5rem 0 0;font-size:.75rem;font-style:italic;line-height:1.4}.legal-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:.65rem 1.15rem .9rem;display:flex}.verse-progress-chip{font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:inline-flex}.verse-list{flex-direction:column;gap:.05rem;display:flex}.verse-list-marquee{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.verse-list-marquee.is-select-mode{touch-action:none;cursor:crosshair}.verse-marquee{z-index:8;pointer-events:none;border:1px solid color-mix(in srgb, var(--accent) 85%, #4a90d9);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:2px;position:absolute}.verse-marquee.mark{border-color:color-mix(in srgb, var(--read) 70%, var(--accent));background:color-mix(in srgb, var(--read) 14%, transparent)}.verse-marquee.unmark{border-color:color-mix(in srgb, var(--danger) 65%, var(--border));background:color-mix(in srgb, var(--danger) 12%, transparent)}.verse-drag-hint-fixed{z-index:90;text-align:center;pointer-events:none;background:var(--read-bg);color:var(--read);border:1px solid var(--read-border);box-shadow:var(--shadow-lg);border-radius:999px;max-width:min(92vw,240px);margin:0;padding:.4rem .85rem;font-size:.82rem;font-weight:700;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.verse-drag-hint-fixed.unmark{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.verse{cursor:default;scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top,0) + 3.75rem);border:1px solid #0000;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.55rem .7rem;padding:.42rem .55rem .42rem .45rem;transition:background .12s,box-shadow .12s,color .12s,border-color .12s;display:grid;box-shadow:inset 3px 0 #0000}.verse-list-marquee .verse{cursor:default}.verse:hover{background:color-mix(in srgb, var(--bg-muted) 70%, transparent)}.verse.is-selected{border-color:color-mix(in srgb, var(--read) 45%, var(--border));background:color-mix(in srgb, var(--read-bg) 85%, transparent);box-shadow:inset 3px 0 0 var(--read)}.verse.is-selected.is-read{background:color-mix(in srgb, var(--read-bg) 70%, var(--bg-hover))}.verse.is-selected.is-unmarking{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger-bg) 80%, transparent);box-shadow:inset 3px 0 0 var(--danger)}.verse.is-read{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--read) 42%, transparent);background:color-mix(in srgb, var(--read-bg) 35%, transparent)}.verse.is-read:hover{background:color-mix(in srgb, var(--read-bg) 55%, transparent)}.verse.is-study{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--study) 50%, transparent);background:color-mix(in srgb, var(--study-bg) 40%, transparent)}.verse.is-study.is-read{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--study) 50%, transparent)}.verse-num-btn{min-width:2.4rem;min-height:2rem;color:var(--text-faint);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.2rem;margin:0;padding:.2rem .35rem;display:inline-flex}.verse-num-btn:hover{background:color-mix(in srgb, var(--read-bg) 55%, transparent);color:var(--read)}.verse-num-btn:focus-visible{outline:2px solid var(--read);outline-offset:1px}.verse.is-read .verse-num-btn{color:color-mix(in srgb, var(--read) 55%, var(--text-faint))}.verse.is-read .verse-num-btn:hover{background:color-mix(in srgb, var(--read-bg) 70%, transparent)}.verse-num{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;font-family:var(--font-ui);text-align:right;min-width:1.25rem}.verse-soft-check{opacity:0;width:.85rem;height:.85rem;color:var(--read);transition:opacity .15s;display:inline-flex}.verse-soft-check .icon-check{width:100%;height:100%}.verse-soft-check.on{opacity:.38}.verse-num-btn:hover .verse-soft-check:not(.on){opacity:.22}.verse-num-btn:hover .verse-soft-check.on{opacity:.55}.verse-text{font-family:var(--font-scripture);color:var(--text);font-size:1.32rem;line-height:1.58}.verse.is-read .verse-text{color:color-mix(in srgb, var(--text) 92%, var(--read))}.verse-mark{opacity:0;width:30px;height:30px;color:var(--study);border:1px solid #0000;border-radius:6px;flex-shrink:0;align-self:center;place-items:center;transition:opacity .15s,background .15s;display:grid}.verse:hover .verse-mark,.verse-mark.on{opacity:1}.verse-mark:hover{background:var(--study-bg);border-color:var(--study-border)}.verse-mark.on{background:color-mix(in srgb, var(--study-bg) 80%, transparent);border-color:color-mix(in srgb, var(--study-border) 70%, transparent);opacity:.75}.verse:hover .verse-mark.on{opacity:1}.icon-check,.icon-study,.icon-empty{width:1.1em;height:1.1em;display:inline-flex}.loading,.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:0 auto .75rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.user-chip{color:var(--text-muted);align-items:center;gap:.4rem;padding:0 .35rem;font-size:.88rem;display:none}.user-chip-btn{cursor:pointer;font:inherit;border-radius:var(--radius-sm);background:0 0;border:none}.user-chip-btn:hover{background:var(--bg-hover);color:var(--text)}@media (width>=520px){.user-chip{display:inline-flex}}.user-chip strong{color:var(--text);font-weight:600}.form-info{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);border:1px solid var(--border);margin:0 0 1rem;padding:.65rem .85rem;font-size:.9rem}.field-hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem}.captcha-box-wrap{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);margin:0 0 1rem;padding:.75rem .85rem}.captcha-label{color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem;font-weight:700}.captcha-box{justify-content:flex-start;min-height:70px;display:flex}.captcha-box-wrap .field-hint{margin-top:.4rem}.captcha-box-wrap .form-error{margin:.5rem 0 0}.support-modal{width:min(440px,100%)}.support-modal-body{padding:1rem 1.25rem 1.35rem;overflow-y:auto}.support-modal-body p{color:var(--text);margin:0 0 .85rem;font-size:.95rem;line-height:1.5}.support-email-line{text-align:center;margin:.5rem 0 1rem!important}.support-email{color:var(--accent);word-break:break-all;font-size:1.1rem;font-weight:700}.starfield{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.starfield-layer{background-repeat:repeat;position:absolute;inset:0}.starfield-a{opacity:.42;background-image:radial-gradient(1px 1px at 20px 30px,#ffffff8c,#0000),radial-gradient(1px 1px at 80px 120px,#ffffff59,#0000),radial-gradient(1.1px 1.1px at 160px 60px,#ffffff7a,#0000),radial-gradient(1px 1px at 240px 180px,#ffffff52,#0000),radial-gradient(1px 1px at 40px 220px,#fff6,#0000),radial-gradient(1.1px 1.1px at 200px 250px,#ffffff6b,#0000),radial-gradient(1px 1px at 120px 280px,#ffffff47,#0000),radial-gradient(1px 1px at 280px 40px,#ffffff5c,#0000);background-size:340px 340px;animation:160s linear infinite starfield-drift}.starfield-b{opacity:.28;background-image:radial-gradient(1.2px 1.2px at 50px 80px,#fffae680,#0000),radial-gradient(1px 1px at 180px 40px,#ffffff4d,#0000),radial-gradient(1.2px 1.2px at 320px 200px,#ffffff6b,#0000),radial-gradient(1px 1px at 100px 300px,#dce6ff52,#0000),radial-gradient(1px 1px at 400px 120px,#ffffff42,#0000),radial-gradient(1.1px 1.1px at 260px 360px,#fffaf061,#0000);background-size:500px 500px;animation:220s linear infinite reverse starfield-drift}.starfield-c{opacity:.2;background-image:radial-gradient(1px 1px at 30px 50px,#ffffff52,#0000),radial-gradient(1px 1px at 140px 160px,#ffffff47,#0000),radial-gradient(1px 1px at 90px 10px,#ffffff3d,#0000),radial-gradient(1px 1px at 190px 100px,#ffffff4d,#0000);background-size:240px 240px;animation:14s ease-in-out infinite alternate starfield-layer-breathe}.starfield-glimmer{opacity:.15;background:#ffffffbf;border-radius:50%;width:2px;height:2px;animation:9s ease-in-out infinite starfield-glimmer;position:absolute;box-shadow:0 0 3px .5px #ffffff59,0 0 8px 1px #d4a84b1f}.starfield-glimmer.g1{animation-duration:10s;animation-delay:0s;top:16%;left:18%}.starfield-glimmer.g2{animation-duration:11.5s;animation-delay:2.4s;top:28%;left:74%}.starfield-glimmer.g3{animation-duration:9.5s;animation-delay:5.2s;top:52%;left:12%}.starfield-glimmer.g4{animation-duration:12s;animation-delay:1.2s;top:68%;left:86%}.starfield-glimmer.g5{width:1.5px;height:1.5px;animation-duration:13s;animation-delay:7s;top:42%;left:48%}.app-shell--signed-in .starfield-a{opacity:.72;background-image:radial-gradient(1.15px 1.15px at 20px 30px,#ffffffe0,#0000),radial-gradient(1px 1px at 80px 120px,#ffffff94,#0000),radial-gradient(1.25px 1.25px at 160px 60px,#ffffffd1,#0000),radial-gradient(1px 1px at 240px 180px,#ffffff8c,#0000),radial-gradient(1px 1px at 40px 220px,#ffffffad,#0000),radial-gradient(1.2px 1.2px at 200px 250px,#ffffffbf,#0000),radial-gradient(1px 1px at 120px 280px,#ffffff7a,#0000),radial-gradient(1px 1px at 280px 40px,#ffffff9e,#0000)}.app-shell--signed-in .starfield-b{opacity:.5;background-image:radial-gradient(1.4px 1.4px at 50px 80px,#fffae6d9,#0000),radial-gradient(1px 1px at 180px 40px,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 320px 200px,#ffffffb8,#0000),radial-gradient(1px 1px at 100px 300px,#dce6ff8c,#0000),radial-gradient(1px 1px at 400px 120px,#ffffff73,#0000),radial-gradient(1.25px 1.25px at 260px 360px,#fffaf0ad,#0000)}.app-shell--signed-in .starfield-c{opacity:.38;animation-name:starfield-layer-breathe-bright}.app-shell--signed-in .starfield-glimmer{background:#fffffff2;width:2.5px;height:2.5px;animation-name:starfield-glimmer-bright;box-shadow:0 0 4px 1px #ffffff8c,0 0 12px 2px #d4a84b38}@keyframes starfield-drift{0%{transform:translate(0,0)}to{transform:translate(-28px,-40px)}}@keyframes starfield-layer-breathe{0%{opacity:.14}to{opacity:.26}}@keyframes starfield-layer-breathe-bright{0%{opacity:.28}to{opacity:.48}}@keyframes starfield-glimmer{0%,72%,to{opacity:.08;transform:scale(.9)}78%{opacity:.22;transform:scale(1)}84%{opacity:.55;transform:scale(1.15)}90%{opacity:.18;transform:scale(1)}}@keyframes starfield-glimmer-bright{0%,70%,to{opacity:.18;transform:scale(.95)}78%{opacity:.4;transform:scale(1.05)}84%{opacity:.85;transform:scale(1.25)}90%{opacity:.35;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.starfield-a,.starfield-b,.starfield-c,.starfield-glimmer{animation:none}.starfield-glimmer{opacity:.22}}.app-shell:has(.landing) .header{background:#0c1224b8;border-bottom-color:#b4bedc1f}.app-shell:has(.landing) .brand h1{color:#e8e2d4}.app-shell:has(.landing) .brand-mark{color:#e0bb66;background:#d4a84b29}.app-shell:has(.landing) .brand-sub{color:#c8c3b4a6}.app-shell:has(.landing) .btn-icon{color:#e6e1d2d9}.app-shell:has(.landing) .btn-icon:hover{background:#ffffff14}.landing{--landing-card:#12182ab8;--landing-card-border:#b4bedc24;--landing-text:#ece6da;--landing-muted:#a8a090;--landing-faint:#7a7366;--landing-accent:#d4a84b;flex-direction:column;gap:1.35rem;max-width:720px;margin:0 auto;padding-bottom:2.5rem;animation:.5s landing-in;display:flex;position:relative}.landing .card{background:var(--landing-card);border-color:var(--landing-card-border);-webkit-backdrop-filter:blur(10px);color:var(--landing-text)}.landing .landing-section-title,.landing .landing-title,.landing .landing-step h4,.landing .landing-card h3,.landing .landing-list strong,.landing .landing-price-amount,.landing .landing-preview-caption strong{color:var(--landing-text)}.landing .landing-lead,.landing .landing-step p,.landing .landing-card p,.landing .landing-list,.landing .landing-price-desc,.landing .landing-preview-caption span:last-child,.landing .landing-fine{color:var(--landing-muted)}.landing .landing-kicker,.landing .landing-title-em,.landing .landing-step-num,.landing .landing-price-card-pro .landing-price-name{color:var(--landing-accent)}.landing .landing-footer-links,.landing .landing-legal-links,.landing .landing-preview-note,.landing .footer-link{color:var(--landing-faint)}.landing .footer-link:hover{color:var(--landing-accent)}.landing .btn-ghost{color:var(--landing-text);background:#ffffff0a;border-color:#b4bedc38}.landing .btn-ghost:hover{background:#ffffff1a;border-color:#d4a84b59}.landing .landing-price-card{background:#0a0e1c73;border-color:#b4bedc24}.landing .landing-price-card-pro{background:linear-gradient(160deg,#d4a84b29,#12182ad9);border-color:#d4a84b59}.landing .landing-preview-frame{color:#2c261c;background:#f6f1e8;border-color:#0000001f}.landing .landing-preview-frame .verse-text,.landing .landing-preview-frame .chapter-tile{color:inherit}.landing .landing-preview-note{color:#6b6152}@keyframes landing-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.landing-hero{text-align:center;background:linear-gradient(165deg,#1e28468c 0%,#12182abf 55%);border:1px solid #d4a84b38;padding:2.35rem 1.6rem 2rem;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000059}.landing-hero-glow{pointer-events:none;background:radial-gradient(70% 80% at 50% 0,#d4a84b29,#0000 70%);height:70%;position:absolute;inset:-20% -10% auto}.landing-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--landing-accent);margin:0 0 .75rem;font-size:.82rem;font-weight:700;position:relative}.landing-kicker-dot{opacity:.75;margin:0 .35em;font-weight:500}.landing-title{font-family:var(--font-scripture);color:var(--landing-text);margin:0 0 1.1rem;font-size:clamp(2.05rem,6.5vw,2.9rem);font-weight:600;line-height:1.12;position:relative}.landing-title-em{color:var(--landing-accent);font-style:italic}.landing-lead{max-width:36rem;color:var(--landing-muted);margin:0 auto 1.6rem;font-size:1.08rem;line-height:1.65;position:relative}.landing-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex;position:relative}.landing-cta-row-end{margin-top:1.35rem}.landing-cta{min-width:8.5rem;min-height:48px;padding-left:1.4rem;padding-right:1.4rem;font-size:1rem;font-weight:600}.landing-fine{color:var(--text-faint);margin:1.15rem 0 0;font-size:.84rem;line-height:1.45;position:relative}.landing-scripture{text-align:center;border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 40%, var(--bg-elevated)), var(--bg-elevated));padding:1.5rem 1.6rem}.landing-quote{margin:0}.landing-quote p{font-family:var(--font-scripture);color:var(--text);margin:0 0 .7rem;font-size:clamp(1.3rem,3.8vw,1.65rem);font-style:italic;line-height:1.4}.landing-quote footer{color:var(--text-muted);font-size:.88rem;font-weight:600}.landing-section-title{font-family:var(--font-scripture);color:var(--text);margin:0 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.25}.landing-section-title-center{text-align:center;margin-bottom:1.1rem}.landing-previews{flex-direction:column;gap:.15rem;display:flex}.landing-previews-grid{grid-template-columns:1fr;gap:.9rem;display:grid}@media (width>=640px){.landing-previews-grid{grid-template-columns:1fr 1fr}}.landing-preview{border-color:color-mix(in srgb, var(--accent) 14%, var(--border));flex-direction:column;gap:.85rem;margin:0;display:flex}.landing-preview-caption{align-items:flex-start;gap:.7rem;display:flex}.landing-preview-caption strong{color:var(--text);font-size:1rem;font-weight:700;display:block}.landing-preview-caption span:last-child{color:var(--text-muted);margin-top:.15rem;font-size:.88rem;line-height:1.4;display:block}.landing-preview-badge{border-radius:10px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;display:grid}.landing-preview-badge .icon-check,.landing-preview-badge .icon-study{width:1.2rem;height:1.2rem}.landing-preview-badge-read{background:var(--read-bg);color:var(--read);border:1px solid var(--read-border)}.landing-preview-badge-study{background:var(--study-bg);color:var(--study);border:1px solid var(--study-border)}.landing-preview-frame{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.landing-preview-chrome{background:var(--bg-muted);border-bottom:1px solid var(--border);align-items:center;gap:.35rem;padding:.45rem .65rem;display:flex}.landing-preview-dot{background:var(--border-strong);opacity:.55;border-radius:50%;width:7px;height:7px}.landing-preview-chrome-title{color:var(--text-muted);margin-left:.4rem;font-size:.75rem;font-weight:600}.landing-preview-body{padding:.75rem .7rem .65rem}.landing-preview-tiles{grid-template-columns:repeat(3,1fr);gap:.4rem}.landing-preview-tiles .chapter-tile{cursor:default;pointer-events:none;min-height:52px}.landing-preview-tiles .chapter-tile:hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text-muted);transform:none}.landing-preview-tiles .chapter-tile.status-read:hover{background:var(--read-bg);border-color:var(--read-border);color:var(--read)}.landing-preview-verses .verse-list{flex-direction:column;gap:.15rem;display:flex}.landing-preview-verses .verse{padding:.35rem .4rem .35rem .35rem}.landing-preview-verses .verse-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.45;display:-webkit-box;overflow:hidden}.landing-preview-verses .verse-mark{opacity:.35;width:28px;height:28px}.landing-preview-verses .verse-mark.on{opacity:1;background:var(--study-bg);border-color:var(--study-border)}.landing-preview-mark-idle{opacity:.28!important}.landing-preview-note{color:var(--text-faint);text-align:center;margin:.65rem 0 0;font-size:.78rem;font-weight:600}.landing-moments{border-color:color-mix(in srgb, var(--accent) 14%, var(--border))}.landing-moments-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.landing-moments-list li{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-soft) 45%, var(--bg-muted));border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));color:var(--text-muted);margin:0;padding:.9rem 1rem;font-size:.95rem;line-height:1.55}.landing-moment-label{font-family:var(--font-scripture);color:var(--accent);margin-bottom:.25rem;font-size:1.15rem;font-style:italic;font-weight:600;display:block}.landing-steps{flex-direction:column;gap:.15rem;display:flex}.landing-steps-grid{counter-reset:none;grid-template-columns:1fr;gap:.85rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.landing-steps-grid{grid-template-columns:repeat(3,1fr)}}.landing-step{text-align:left;border-color:color-mix(in srgb, var(--accent) 12%, var(--border))}.landing-step-num{width:1.85rem;height:1.85rem;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:999px;place-items:center;margin-bottom:.55rem;font-size:.85rem;font-weight:700;display:inline-grid}.landing-step h4{color:var(--text);margin:0 0 .35rem;font-size:1.02rem;font-weight:700}.landing-step p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.landing-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=560px){.landing-grid{grid-template-columns:1fr 1fr}}.landing-card{transition:border-color .15s,box-shadow .15s}.landing-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:var(--shadow)}.landing-card h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.landing-card p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.55}.landing-card-icon{background:var(--read-bg);width:2.35rem;height:2.35rem;color:var(--read);border-radius:10px;place-items:center;margin-bottom:.7rem;display:grid}.landing-card-icon-study{background:var(--study-bg);color:var(--study)}.landing-card-icon .icon-check,.landing-card-icon .icon-study{width:1.25rem;height:1.25rem}.landing-promise{border-color:color-mix(in srgb, var(--accent) 16%, var(--border))}.landing-pricing{grid-template-columns:1fr;gap:.75rem;margin-top:1.25rem;display:grid}@media (width>=480px){.landing-pricing{grid-template-columns:1fr 1fr}}.landing-price-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-muted);text-align:center;padding:1rem 1.1rem}.landing-price-card-pro{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 80%, var(--bg-elevated)), var(--bg-elevated));box-shadow:var(--shadow)}.landing-price-name{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .2rem;font-size:.78rem;font-weight:700}.landing-price-card-pro .landing-price-name{color:var(--accent)}.landing-price-amount{font-family:var(--font-scripture);color:var(--text);margin:0 0 .45rem;font-size:1.55rem;font-weight:600}.landing-price-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.45}.landing-close{text-align:center;background:radial-gradient(ellipse 90% 70% at 50% 100%, var(--accent-soft), transparent 65%), var(--bg-elevated);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));padding:2rem 1.4rem 1.5rem}.landing-close-line{font-family:var(--font-scripture);color:var(--text);margin:0 0 .65rem;font-size:clamp(1.3rem,4vw,1.65rem);line-height:1.35}.landing-close-sub{color:var(--text-muted);margin:0 0 1.35rem;font-size:.95rem}.landing-legal-links{color:var(--text-faint);margin:1.35rem 0 0;font-size:.85rem}.landing-footer-links{text-align:center;margin:.25rem 0 0}.auth-back{margin-bottom:.75rem;font-size:.88rem;display:inline-block}.main:has(.landing){z-index:1;max-width:760px;position:relative}.landing-list{color:var(--landing-muted,var(--text-muted));margin:0 0 1.15rem;padding:0 0 0 1.15rem;font-size:.95rem;line-height:1.55}.landing-list li{margin-bottom:.55rem}.landing-list strong{color:var(--landing-text,var(--text))}@media (width<=640px){.landing-hero{padding:1.75rem 1.15rem 1.5rem}.landing-cta-row{flex-direction:column}.landing-cta{width:100%}.landing-close{padding:1.6rem 1.1rem 1.25rem}}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-danger{background:var(--danger);color:#fff;border:1px solid #0000}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.account-panel{flex-direction:column;width:min(520px,100%);max-height:min(88vh,820px);display:flex;overflow:hidden}.account-panel .modal-header{flex-shrink:0}.account-panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));flex:auto;overflow:hidden auto}.account-panel-body .form-error{margin:.85rem 1.25rem 0}.account-section{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.account-section:last-child{border-bottom:none}.account-section h3{margin:0 0 .5rem;font-size:.95rem;font-weight:700}.account-hint{color:var(--text-muted);margin:0 0 .75rem;font-size:.82rem;line-height:1.45}.account-form .form-group{margin-bottom:.75rem}.account-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.account-danger-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:.75rem;margin:0;padding:0;display:flex}.account-danger-toggle:hover .account-danger-toggle-title{text-underline-offset:2px;text-decoration:underline}.account-danger-toggle:focus-visible{outline:2px solid var(--danger);outline-offset:3px;border-radius:4px}.account-danger-toggle-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.account-danger-toggle-title{color:var(--danger);font-size:.95rem;font-weight:700}.account-danger-toggle-hint{color:var(--text-muted);font-size:.82rem;line-height:1.4}.account-danger-chevron{color:var(--text-muted);flex-shrink:0;margin-top:.15rem;font-size:.95rem;line-height:1}.account-delete-panel{border-top:1px solid color-mix(in srgb, var(--danger) 20%, var(--border));margin-top:.9rem;padding-top:.85rem}.plan-badge{letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-muted);border-radius:999px;padding:.12rem .4rem;font-size:.65rem;font-weight:700}.plan-badge.plan-pro{background:var(--accent-soft);color:var(--accent);border-color:#0000}.consent-row{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:.55rem;margin:0 0 1rem;font-size:.85rem;line-height:1.4;display:flex}.hp-field{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.consent-row input{flex-shrink:0;margin-top:.2rem}.toast{bottom:calc(1.25rem + env(safe-area-inset-bottom,0));background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;box-sizing:border-box;border-radius:999px;align-items:center;gap:.75rem;max-width:min(92vw,420px);padding:.65rem .75rem .65rem 1.1rem;font-size:.9rem;animation:.25s fade-up;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-undo{color:var(--accent);border:1px solid var(--border);background:var(--accent-soft);border-radius:999px;flex-shrink:0;padding:.35rem .75rem;font-size:.85rem;font-weight:700;transition:background .15s,color .15s}.toast-undo:hover{background:var(--accent);color:#fff;border-color:#0000}[data-theme=dark] .toast-undo:hover{color:#1a150c}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-backdrop{z-index:80;background:#14100a73;place-items:center;padding:1rem;animation:.18s fade-up;display:grid;position:fixed;inset:0}[data-theme=dark] .modal-backdrop{background:#0000008c}.modal-panel{width:min(560px,100%);max-height:min(80vh,720px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem .75rem;display:flex}.modal-header h2{font-family:var(--font-scripture);margin:0;font-size:1.4rem;font-weight:600}.modal-sub{color:var(--text-muted);margin:.15rem 0 0;font-size:.82rem}.modal-panel .form-error,.modal-panel .loading,.modal-panel .empty-state{margin:1rem 1.25rem}.history-list{flex:1;padding:.5rem 0 1rem;overflow:auto}.history-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:.85rem 1.25rem .4rem;font-size:.72rem;font-weight:700}.history-entries{margin:0;padding:0;list-style:none}.history-entry{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:flex}.history-entry:hover{background:var(--bg-muted)}.history-entry-main{flex:1;min-width:0}.history-entry-time{color:var(--accent);font-size:.82rem;font-weight:700}.history-entry-label{text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.92rem;font-weight:500;overflow:hidden}.history-entry-meta{color:var(--text-muted);flex-wrap:wrap;gap:.35rem .75rem;margin-top:.15rem;font-size:.78rem;display:flex}.history-entry-abs{color:var(--text-faint)}@keyframes fade-up{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=640px){:root{--header-h:56px}.header{top:env(safe-area-inset-top,0);gap:.4rem;padding:0 .65rem}.brand h1{font-size:1.15rem}.brand-mark{border-radius:8px;width:30px;height:30px}.header-actions{gap:.3rem}.btn-icon{width:40px;min-width:40px;height:40px}.user-chip{display:none!important}.main{padding:.9rem .75rem calc(2.5rem + env(safe-area-inset-bottom,0))}.panel-pad{padding:.95rem .9rem}.auth-wrap{min-height:calc(100dvh - var(--header-h) - env(safe-area-inset-top,0));align-items:flex-start;padding:1.25rem .75rem 1.5rem}.auth-card h2,.chapter-header h2{font-size:1.55rem}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.4rem}.chapter-tile{min-height:52px;font-size:.9rem}.reader{margin-top:1.1rem;padding:0 .75rem .85rem!important}.reader-sticky-ref{margin:0 -.75rem .65rem;padding:.55rem .75rem}.reader-sticky-title{font-size:1.2rem}.reader-toolbar{flex-direction:column;align-items:stretch}.reader-toolbar h3{font-size:1.3rem}.reader-actions{width:100%}.reader-actions .btn{flex:1;min-height:44px}.verse-howto{align-items:flex-start;font-size:.75rem}.verse-list-marquee{cursor:default}.verse{gap:.45rem .55rem;padding:.5rem .4rem .5rem .25rem}.verse-num-btn{border-color:color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--bg-muted) 55%, transparent);min-width:2.75rem;min-height:2.75rem;padding:.3rem .4rem}.verse-num-btn .verse-soft-check{opacity:.35}.verse-num-btn .verse-soft-check.on{opacity:.75}.verse-mark{opacity:.55;width:36px;height:36px}.verse-mark.on{opacity:1}.tile-actions{gap:.4rem}.tile-actions .btn{flex:auto;min-height:42px}.book-card{min-height:3.25rem}.study-shelf-list{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:.45rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.study-chip{scroll-snap-align:start;flex:none;min-height:40px}.modal-backdrop{place-items:stretch stretch;padding:0}.modal-panel,.legal-modal,.account-panel{border-left:none;border-right:none;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.account-panel-body{flex:auto;min-height:0;overflow-y:auto}.toast{bottom:calc(1rem + env(safe-area-inset-bottom,0));border-radius:14px;width:min(92vw,420px);max-width:min(92vw,420px);padding:.7rem .85rem;left:50%}.app-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));padding-left:.75rem;padding-right:.75rem}.footer-link{padding:.35rem .25rem;font-size:.8rem}.consent-row{font-size:.82rem}.btn-primary{min-height:46px}}@media (width<=380px){.brand h1{font-size:1.05rem}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}