@font-face{font-display:swap;font-family:Literata Variable;font-style:normal;font-weight:200 900;src:url(/static/media/literata-latin-wght-normal.3bc8a4591b427fc98595.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Literata Variable;font-style:italic;font-weight:200 900;src:url(/static/media/literata-latin-wght-italic.71db0b042566483a0374.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100vh;height:100dvh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2b2b2b;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-ui);font-size:14px;font-size:var(--font-body);transition:background-color .3s ease,color .3s ease}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid #8ab8ef;outline:2px solid var(--primary-text);outline-offset:2px}:root{--primary-color:#1f538d;--primary-color-rgb:31,83,141;--primary-text:#8ab8ef;--secondary-color:#14375e;--secondary-color-rgb:20,55,94;--highlight-bg:rgba(var(--primary-color-rgb),0.7);--reading-aloud-bg:rgba(var(--primary-color-rgb),0.22);--highlight-yellow:#facc1552;--highlight-green:#4ade8042;--highlight-blue:#60a5fa52;--highlight-pink:#f472b64d;--bg-color:#2b2b2b;--surface-color:#3b3b3b;--surface-hover:#ffffff14;--text-color:#fff;--text-secondary:#b8bfc6;--text-muted:#a3abb2;--border-color:#555;--error-color:#dc3545;--danger-text:#ff8a94;--danger-fill:#c82333;--danger-hover:#dc354524;--warning-color:#ffc107;--success-color:#28a745;--info-color:#17a2b8;--overlay-color:#0009;--shadow-popover:0 8px 24px #00000059;--padding-micro:3px;--padding-small:8px;--padding-medium:16px;--padding-large:24px;--top-bar-height:52px;--bottom-nav-height:56px;--word-study-panel-width:400px;--border-radius:8px;--border-radius-small:4px;--border-radius-pill:999px;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-reading:"Literata Variable",Literata,"Iowan Old Style",Georgia,"Times New Roman",serif;--font-small:12px;--font-medium:14px;--font-body:14px;--font-secondary:15px;--font-large:18px;--font-heading:20px;--font-title:24px;--font-chapter-title:34px;--reading-size:18px;--reading-line-height:1.7;--reading-measure:68ch;--btn-height:34px;--btn-padding-x:14px;--btn-radius:6px;--btn-primary-bg:var(--primary-color);--btn-primary-hover-bg:var(--secondary-color);--btn-primary-text:#fff;--btn-secondary-bg:var(--surface-color);--btn-secondary-hover-bg:var(--surface-hover);--btn-secondary-border:var(--border-color);--btn-secondary-text:var(--text-color);--btn-quiet-text:var(--text-color);--btn-quiet-hover-bg:var(--surface-hover);--btn-danger-text:var(--danger-text);--btn-danger-hover-bg:var(--danger-hover);--btn-danger-solid-bg:var(--danger-fill);--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-xl:48px;--icon-gap:6px}[data-theme=light]{--bg-color:#fff;--surface-color:#f8f9fa;--surface-hover:#0000000d;--primary-color:#1f538d;--primary-color-rgb:31,83,141;--primary-text:#1f538d;--secondary-color:#14375e;--secondary-color-rgb:20,55,94;--highlight-bg:rgba(var(--primary-color-rgb),0.25);--reading-aloud-bg:rgba(var(--primary-color-rgb),0.12);--highlight-yellow:#facc1566;--highlight-green:#22c55e40;--highlight-blue:#3b82f638;--highlight-pink:#ec489933;--text-color:#212529;--text-secondary:#5c636a;--text-muted:#6a7178;--border-color:#dee2e6;--warning-color:#ffc107;--error-color:#dc3545;--danger-text:#b02a37;--danger-hover:#dc35451a;--info-color:#17a2b8;--overlay-color:#0006;--shadow-popover:0 8px 24px #00000026}[data-color-theme=green]{--primary-color:#198754;--primary-color-rgb:25,135,84;--primary-text:#6fd3a3;--secondary-color:#146c43;--secondary-color-rgb:20,108,67}[data-color-theme=gray]{--primary-color:#6c757d;--primary-color-rgb:108,117,125;--primary-text:#c3c9cf;--secondary-color:#495057;--secondary-color-rgb:73,80,87}[data-theme=light][data-color-theme=green]{--primary-text:#146c43}[data-theme=light][data-color-theme=gray]{--primary-text:#495057}.app{background-color:#2b2b2b;background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.main-app-content{min-height:0}.main-app-content,.tab-content-area{display:flex;flex:1 1;overflow:hidden}.tab-content-area{flex-direction:column;min-width:0;position:relative}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.bible-tab,.main-content{height:100%;overflow:hidden}.bible-tab{position:relative}.bible-main-content{height:100%;transition:margin-right .3s ease-in-out}.bible-main-content.with-commentary{margin-right:var(--commentary-panel-width)}.bible-main-content.with-bible-chat{margin-right:var(--bible-chat-panel-width)}.bible-main-content.with-word-study{margin-right:min(400px,60vw);margin-right:min(var(--word-study-panel-width),60vw)}.app-status-screen{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;padding:20px;text-align:center}.app-status-screen code{background:#3b3b3b;background:var(--surface-color);border-radius:4px;border-radius:var(--border-radius-small);display:block;margin-top:10px;padding:10px}.title{color:#fff;color:var(--text-color);font-size:24px;font-size:var(--font-title);font-weight:700;margin-bottom:8px;margin-bottom:var(--padding-small)}.heading{font-size:20px;font-size:var(--font-heading)}.heading,.secondary-heading{color:#fff;color:var(--text-color);font-weight:600;margin-bottom:3px;margin-bottom:var(--padding-micro)}.secondary-heading{font-size:15px;font-size:var(--font-secondary)}.body-text{color:#fff;color:var(--text-color);font-size:14px;font-size:var(--font-body);line-height:1.5}.section-label,.small-text{color:#b8bfc6;color:var(--text-secondary);font-size:12px;font-size:var(--font-small)}.section-label{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--btn-radius);color:#fff;color:var(--btn-quiet-text);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-body);font-weight:600;gap:6px;gap:var(--icon-gap);justify-content:center;line-height:1.2;min-height:34px;min-height:var(--btn-height);padding:0 14px;padding:0 var(--btn-padding-x);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn .icon-gap{margin-inline-end:0}.btn-primary{background:#1f538d;background:var(--btn-primary-bg);color:#fff;color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:#14375e;background:var(--btn-primary-hover-bg)}.btn-secondary{background:#3b3b3b;background:var(--btn-secondary-bg);border-color:#555;border-color:var(--btn-secondary-border);color:#fff;color:var(--btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:#ffffff14;background:var(--btn-secondary-hover-bg)}.btn-quiet{color:#fff;color:var(--btn-quiet-text)}.btn-quiet:hover:not(:disabled){background:#ffffff14;background:var(--btn-quiet-hover-bg)}.btn-danger{color:#ff8a94;color:var(--btn-danger-text)}.btn-danger:hover:not(:disabled){background:#dc354524;background:var(--btn-danger-hover-bg)}.btn-danger-solid{background:#c82333;background:var(--btn-danger-solid-bg);color:#fff}.btn-danger-solid:hover:not(:disabled){background:#a71d2a}.btn-small{font-size:12px;font-size:var(--font-small);min-height:28px;padding:0 10px}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--btn-radius);color:#b8bfc6;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.btn-icon:hover:not(:disabled),.btn-icon[aria-expanded=true],.btn-icon[aria-pressed=true]{background:#ffffff14;background:var(--btn-quiet-hover-bg);color:#fff;color:var(--text-color)}.btn-icon[aria-pressed=true]{color:#8ab8ef;color:var(--primary-text)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#0009;background:var(--overlay-color);display:flex;inset:0;justify-content:center;padding:16px;padding:var(--padding-medium);position:fixed;z-index:1000}.modal-content{background:#2b2b2b;background:var(--bg-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 8px 24px #00000059;box-shadow:var(--shadow-popover);color:#fff;color:var(--text-color);display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:90vw}.modal-header{align-items:center;border-bottom:1px solid #555;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;gap:var(--padding-medium);justify-content:space-between;padding:16px 24px;padding:var(--padding-medium) var(--padding-large)}.modal-header h2,.modal-header h3{color:#fff;color:var(--text-color);font-size:18px;font-size:var(--font-large);font-weight:600;margin:0;min-width:0}.modal-body{flex:1 1;overflow-y:auto;padding:24px;padding:var(--padding-large)}.form-actions,.modal-footer{align-items:center;border-top:1px solid #555;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;gap:var(--padding-small);justify-content:flex-end;padding:16px 24px;padding:var(--padding-medium) var(--padding-large)}.form-group{margin-bottom:16px;margin-bottom:var(--padding-medium)}.form-group>:where(label),.form-label{color:#fff;color:var(--text-color);display:block;font-size:14px;font-size:var(--font-body);font-weight:600;margin-bottom:6px}.form-group :where(input:not([type=checkbox]):not([type=radio]),select,textarea),.form-input,.form-select,.form-textarea{background-color:#2b2b2b;background-color:var(--bg-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--btn-radius);color:#fff;color:var(--text-color);font-size:14px;font-size:var(--font-body);min-height:34px;min-height:var(--btn-height);padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group :where(input,select,textarea):focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8ab8ef;border-color:var(--primary-text);box-shadow:0 0 0 3px #1f538d40;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.25);outline:none}.form-group :where(input):disabled,.form-input:disabled{background-color:#3b3b3b;background-color:var(--surface-color);color:#b8bfc6;color:var(--text-secondary);cursor:not-allowed}.form-group :where(textarea),.form-textarea{line-height:1.5;min-height:100px;resize:vertical}.form-group :where(small){color:#b8bfc6;color:var(--text-secondary);display:block;font-size:12px;font-size:var(--font-small);margin-top:3px;margin-top:var(--padding-micro)}.field-error{color:#ff8a94;color:var(--danger-text);display:block;font-size:12px;font-size:var(--font-small);margin-top:3px;margin-top:var(--padding-micro)}.form-group :where(input,textarea)[aria-invalid=true],.form-input[aria-invalid=true]{border-color:#ff8a94;border-color:var(--danger-text)}.verse-text-preview{margin-top:16px;margin-top:var(--padding-medium)}.verse-preview{background:#3b3b3b;background:var(--surface-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--btn-radius);font-family:Literata Variable,Literata,Iowan Old Style,Georgia,Times New Roman,serif;font-family:var(--font-reading);line-height:1.6;max-height:200px;overflow-y:auto;padding:8px 16px;padding:var(--padding-small) var(--padding-medium)}.verse-preview p{margin:0 0 3px;margin:0 0 var(--padding-micro)}.verse-preview strong{color:#b8bfc6;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-ui);font-size:12px;font-size:var(--font-small)}.container.reading-view{padding:16px 24px 8px;padding:var(--padding-medium) var(--padding-large) var(--padding-small)}.chapter-heading{align-items:center;column-gap:16px;column-gap:var(--padding-medium);display:flex;flex-wrap:nowrap}.chapter-heading .chapter-title{display:flex;min-width:0;white-space:nowrap}.chapter-title-book{min-width:0;overflow:hidden;text-overflow:ellipsis}.chapter-title-number{flex-shrink:0;white-space:pre}.chapter-heading .chapter-nav{flex-shrink:0}.chapter-heading .chapter-nav-previous{margin-right:-8px;margin-right:calc(var(--padding-small) - var(--padding-medium))}.chapter-heading .chapter-nav-next{margin-left:-8px;margin-left:calc(var(--padding-small) - var(--padding-medium))}.chapter-heading .chapter-listen{flex-shrink:0}.chapter-end-nav{border-top:1px solid #555;border-top:1px solid var(--border-color);display:flex;gap:16px;gap:var(--padding-medium);justify-content:space-between;margin-top:24px;margin-top:var(--padding-large);max-width:68ch;max-width:var(--reading-measure);padding-top:16px;padding-top:var(--padding-medium)}.translation-container.swipe-in-next{animation:chapter-swipe-in-next .15s ease-out}.translation-container.swipe-in-previous{animation:chapter-swipe-in-previous .15s ease-out}@keyframes chapter-swipe-in-next{0%{opacity:.4;transform:translateX(32px)}to{opacity:1;transform:none}}@keyframes chapter-swipe-in-previous{0%{opacity:.4;transform:translateX(-32px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.translation-container.swipe-in-next,.translation-container.swipe-in-previous{animation:none}}.chapter-title{color:#fff;color:var(--text-color);font-family:Literata Variable,Literata,Iowan Old Style,Georgia,Times New Roman,serif;font-family:var(--font-reading);font-size:34px;font-size:var(--font-chapter-title);font-weight:600;line-height:1.2;margin:8px 0 16px;margin:var(--padding-small) 0 var(--padding-medium)}.translation-container{display:flex;flex:1 1;gap:24px;gap:var(--padding-large);min-height:0}.translation-column{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.translation-header{align-items:center;border-bottom:1px solid #555;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;gap:var(--padding-small);padding-bottom:8px;padding-bottom:var(--padding-small)}.translation-select{background-color:initial;border:1px solid #0000;border-radius:6px;border-radius:var(--btn-radius);color:#b8bfc6;color:var(--text-secondary);cursor:pointer;font-size:12px;font-size:var(--font-small);font-weight:600;letter-spacing:.02em;max-width:100%;min-height:28px;padding:2px 24px 2px 8px}.translation-select:hover{background-color:#ffffff14;background-color:var(--surface-hover);color:#fff;color:var(--text-color)}.translation-select option{background-color:#2b2b2b;background-color:var(--bg-color);color:#fff;color:var(--text-color)}.translation-header .field-error{flex-basis:100%;margin-top:0}.translation-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px 8px 24px 0;padding:var(--padding-medium) var(--padding-small) var(--padding-large) 0}.continuous-text,.verse-by-verse{color:#fff;color:var(--text-color);font-family:Literata Variable,Literata,Iowan Old Style,Georgia,Times New Roman,serif;font-family:var(--font-reading);font-size:18px;font-size:var(--reading-size);line-height:1.7;line-height:var(--reading-line-height);max-width:68ch;max-width:var(--reading-measure)}.continuous-text{text-align:left}.verse-text{border-radius:4px;border-radius:var(--border-radius-small);cursor:pointer;margin:0 0 3px;margin:0 0 var(--padding-micro);padding:2px 6px;position:relative;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.verse-text:hover{background-color:#1f538d1a;background-color:rgba(var(--primary-color-rgb),.1)}.verse-marker,.verse-number{color:#b8bfc6;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-ui);font-size:.62em;font-weight:600;line-height:1;margin-right:.35em;vertical-align:super}.verse-marker{padding:0 2px}.verse-marker,.verse-text-content{border-radius:4px;border-radius:var(--border-radius-small);cursor:pointer;-webkit-user-select:none;user-select:none}.verse-text-content{transition:background-color .15s ease}.verse-marker:hover,.verse-text-content:hover{background-color:#1f538d1a;background-color:rgba(var(--primary-color-rgb),.1)}.selected-verse-text,.verse-marker.selected-verse,.verse-text.selected-verse{background-color:#1f538d52;background-color:rgba(var(--primary-color-rgb),.32)}.verse-text.highlighted-verse{box-shadow:inset 3px 0 0 #8ab8ef;box-shadow:inset 3px 0 0 var(--primary-text)}.verse-text.highlighted-verse:not(.selected-verse){background-color:#1f538d24;background-color:rgba(var(--primary-color-rgb),.14)}.verse-marker.highlighted-verse{color:#8ab8ef;color:var(--primary-text)}.verse-marker.selected-verse,.verse-text.selected-verse .verse-number{color:#fff;color:var(--text-color)}.reading-footer{color:#b8bfc6;color:var(--text-secondary);font-size:12px;font-size:var(--font-small);margin-top:8px;margin-top:var(--padding-small)}[data-theme=light] .selected-verse-text,[data-theme=light] .verse-marker.selected-verse,[data-theme=light] .verse-text.selected-verse{background-color:#1f538d24;background-color:rgba(var(--primary-color-rgb),.14)}[data-theme=light] .verse-text.highlighted-verse:not(.selected-verse){background-color:#1f538d12;background-color:rgba(var(--primary-color-rgb),.07)}.verse-text.reading-aloud-verse{box-shadow:inset 0 0 0 2px #8ab8ef;box-shadow:inset 0 0 0 2px var(--primary-text)}.verse-text-content.reading-aloud-verse:not(.selected-verse-text),.verse-text.reading-aloud-verse:not(.selected-verse){background-color:#1f538d38;background-color:var(--reading-aloud-bg)}.verse-text-content.reading-aloud-verse{-webkit-text-decoration:underline 2px #8ab8ef;text-decoration:underline 2px #8ab8ef;-webkit-text-decoration:underline 2px var(--primary-text);text-decoration:underline 2px var(--primary-text);text-underline-offset:.2em}.verse-marker.reading-aloud-verse{color:#8ab8ef;color:var(--primary-text)}.user-highlight{border-radius:4px;border-radius:var(--border-radius-small);-webkit-box-decoration-break:clone;box-decoration-break:clone}.user-highlight-yellow{background-color:#facc1552;background-color:var(--highlight-yellow)}.user-highlight-green{background-color:#4ade8042;background-color:var(--highlight-green)}.user-highlight-blue{background-color:#60a5fa52;background-color:var(--highlight-blue)}.user-highlight-pink{background-color:#f472b64d;background-color:var(--highlight-pink)}.selected-verse-text .user-highlight,.verse-text.selected-verse .user-highlight{box-shadow:0 0 0 2px #8ab8ef;box-shadow:0 0 0 2px var(--primary-text)}.card{background-color:#3b3b3b;background-color:var(--surface-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);margin-bottom:8px;margin-bottom:var(--padding-small);padding:16px;padding:var(--padding-medium)}.container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:8px;padding:var(--padding-small)}.loading{color:#b8bfc6;color:var(--text-secondary);justify-content:center;padding:24px;padding:var(--padding-large)}.error,.loading{align-items:center;display:flex}.error{background-color:#dc35451a;border:1px solid #dc3545;border:1px solid var(--error-color);border-radius:4px;border-radius:var(--border-radius-small);color:#ff8a94;color:var(--danger-text);flex-wrap:wrap;gap:8px;gap:var(--padding-small);margin-bottom:8px;margin-bottom:var(--padding-small);padding:8px;padding:var(--padding-small)}.app-status-screen .error{display:block}.bible-tab,.bookmarks-tab,.help-tab,.images-tab,.notes-tab,.videos-tab{height:100%;overflow:hidden}@media (max-width:768px){.translation-container{flex-direction:column}.translation-column.is-hidden{display:none}.container.reading-view{padding:8px 16px 0;padding:var(--padding-small) var(--padding-medium) 0}.chapter-title{font-size:28px;margin:4px 0 8px;margin:4px 0 var(--padding-small)}.chapter-heading{column-gap:8px;column-gap:var(--padding-small)}.chapter-heading .chapter-nav-next,.chapter-heading .chapter-nav-previous{margin:0}.translation-content{padding-bottom:80px;padding-right:0}.continuous-text,.verse-by-verse{overflow-wrap:break-word}.reading-footer{display:none}.bible-main-content.with-bible-chat,.bible-main-content.with-commentary,.bible-main-content.with-word-study{margin-right:0}.modal-overlay:not(.confirm-overlay){padding:0}.modal-overlay:not(.confirm-overlay) .modal-content{border:none;border-radius:0;height:100vh;height:100dvh;max-height:none;max-width:none;overflow-y:auto;width:100%}.modal-overlay:not(.confirm-overlay) .modal-header{background:#2b2b2b;background:var(--bg-color);padding-top:calc(16px + env(safe-area-inset-top));padding-top:calc(var(--padding-medium) + env(safe-area-inset-top));position:sticky;top:0;z-index:1}.modal-overlay:not(.confirm-overlay) .form-actions,.modal-overlay:not(.confirm-overlay) .modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-bottom:calc(var(--padding-medium) + env(safe-area-inset-bottom))}}.translation-switch{background:#3b3b3b;background:var(--surface-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:999px;border-radius:var(--border-radius-pill);display:flex;flex-shrink:0;padding:2px}.translation-switch-option{background:#0000;border:none;border-radius:999px;border-radius:var(--border-radius-pill);color:#b8bfc6;color:var(--text-secondary);cursor:pointer;font-size:12px;font-size:var(--font-small);font-weight:600;letter-spacing:.04em;min-height:32px;min-width:72px;padding:0 14px}.translation-switch-option[aria-selected=true]{background:#1f538d;background:var(--primary-color);color:#fff}@media (max-width:480px){.chapter-heading{column-gap:4px}.chapter-heading .chapter-title{font-size:22px}.chapter-listen-label{display:none}.chapter-listen{justify-content:center;min-width:44px}.chapter-listen .icon-gap{margin-inline-end:0}}@media (pointer:coarse){.btn-icon{height:44px;width:44px}.btn,.translation-select,.translation-switch-option{min-height:44px}.form-group :where(input:not([type=checkbox]):not([type=radio]),select),.form-input,.form-select{min-height:44px}.form-group :where(input,select,textarea),.form-input,.form-select,.form-textarea{font-size:16px}}.help-tab{background:#2b2b2b;background:var(--bg-color)}.help-tab,.help-tab .container{display:flex;flex-direction:column;height:100%}.help-tab .container{margin:0 auto;max-width:1200px;padding:24px;padding:var(--padding-large)}.help-tab .title{border-bottom:2px solid #555;border-bottom:2px solid var(--border-color);color:#fff;color:var(--text-color);font-size:24px;font-size:var(--font-title);font-weight:700;margin-bottom:24px;margin-bottom:var(--padding-large);padding-bottom:16px;padding-bottom:var(--padding-medium);text-align:center}.help-content{background:#3b3b3b;background:var(--surface-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);flex:1 1;margin-top:16px;margin-top:var(--padding-medium);overflow-y:auto;padding:24px;padding:var(--padding-large)}.help-status{padding:40px;text-align:center}.help-status-icon{margin-top:20px}.help-status-error{color:#ff8a94;color:var(--danger-text)}.help-status-error .help-status-icon{margin:0 0 20px}.help-status-title{font-size:18px;font-size:var(--font-large);margin-bottom:10px}.help-status-message{font-size:14px;font-size:var(--font-medium)}.help-status-hint{color:#b8bfc6;color:var(--text-secondary);font-size:12px;font-size:var(--font-small);margin-top:20px}.markdown-content{color:#fff;color:var(--text-color);font-size:15px;line-height:1.8;max-width:none}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{align-items:center;display:flex;gap:.5em}.markdown-content h1{border-bottom:3px solid #1f538d;border-bottom:3px solid var(--primary-color);color:#8ab8ef;color:var(--primary-text);font-size:2.2em;font-weight:700;justify-content:center;margin:2em 0 1em;padding-bottom:.5em}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{border-bottom:2px solid #555;border-bottom:2px solid var(--border-color);color:#8ab8ef;color:var(--primary-text);font-size:1.7em;font-weight:600;justify-content:flex-start;margin:1.8em 0 .8em;padding-bottom:.3em}.markdown-content h3{font-size:1.4em;margin:1.5em 0 .6em}.markdown-content h3,.markdown-content h4{color:#fff;color:var(--text-color);font-weight:600;justify-content:flex-start}.markdown-content h4{font-size:1.2em;margin:1.3em 0 .5em}.markdown-content p{font-size:15px;line-height:1.7;margin:1.2em 0;text-align:left}.markdown-content h1+p,.markdown-content h2+p,.markdown-content h3+p,.markdown-content h4+p{margin-top:.8em}.markdown-content ol,.markdown-content ul{line-height:1.7;margin:1.2em 0;padding-left:2.5em}.markdown-content li{font-size:15px;line-height:1.6;list-style-type:disc;margin:.6em 0}.markdown-content ol li{list-style-type:decimal}.markdown-content li strong{color:#8ab8ef;color:var(--primary-text)}.markdown-content strong{color:#fff;color:var(--text-color);font-size:inherit;font-weight:700}.markdown-content em{color:#b8bfc6;color:var(--text-secondary);font-style:italic}.markdown-content code{border:1px solid #555;border:1px solid var(--border-color);border-radius:4px;color:#8ab8ef;color:var(--primary-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:500;padding:.3em .6em}.markdown-content code,.markdown-content pre{background:#2b2b2b;background:var(--bg-color)}.markdown-content pre{border:1px solid #555;border-left:4px solid #1f538d;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin:1.5em 0;overflow-x:auto;padding:1.5em}.markdown-content pre code{background:none;border:none;border-radius:0;color:#fff;color:var(--text-color);font-size:14px;font-weight:400;padding:0}.markdown-content a{border-bottom:1px solid #0000;color:#8ab8ef;color:var(--primary-text);font-weight:500;text-decoration:none;transition:all .2s ease}.markdown-content a:hover{background:#1f538d1a;background:rgba(var(--primary-color-rgb),.1);border-bottom-color:#1f538d;border-bottom-color:var(--primary-color);border-radius:3px;padding:2px 4px;text-decoration:none}.markdown-content blockquote{background:#2b2b2b;background:var(--bg-color);border-left:4px solid #1f538d;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;border-radius:0 var(--border-radius) var(--border-radius) 0;font-style:italic;margin:1.5em 0;padding:1em 1.5em;position:relative}.markdown-content blockquote:before{color:#8ab8ef;color:var(--primary-text);content:'"';font-size:2em;left:.5em;opacity:.5;position:absolute;top:.2em}.markdown-content hr{border:none;border-top:2px solid #555;border-top:2px solid var(--border-color);margin:3em 0;opacity:.7}.markdown-content h2+hr{border-top:1px solid #555;border-top:1px solid var(--border-color);margin:1em 0 2em}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul{margin:.5em 0;padding-left:1.5em}.markdown-content ol ol li,.markdown-content ul ul li{font-size:14px;margin:.3em 0}.help-content::-webkit-scrollbar{width:12px}.help-content::-webkit-scrollbar-track{background:#2b2b2b;background:var(--bg-color);border-radius:10px}.help-content::-webkit-scrollbar-thumb{background:#555;background:var(--border-color);border:2px solid #2b2b2b;border:2px solid var(--bg-color);border-radius:10px}.help-content::-webkit-scrollbar-thumb:hover{background:#a3abb2;background:var(--text-muted)}[data-theme=dark] .markdown-content h1,[data-theme=dark] .markdown-content h2{color:#64b5f6}[data-theme=dark] .markdown-content h3,[data-theme=dark] .markdown-content h4{color:#fff;color:var(--text-color)}[data-theme=dark] .markdown-content a{color:#64b5f6}[data-theme=dark] .markdown-content a:hover{background:#64b5f633;border-bottom-color:#64b5f6}[data-theme=dark] .markdown-content code{background:#ffffff1a;border-color:#fff3;color:#81c784}[data-theme=dark] .markdown-content pre{background:#ffffff0d;border-color:#fff3 #fff3 #fff3 #64b5f6}[data-theme=dark] .markdown-content blockquote{background:#ffffff0d;border-left-color:#64b5f6}[data-theme=dark] .markdown-content blockquote:before{color:#64b5f6}[data-theme=dark] .markdown-content li strong{color:#81c784}[data-theme=dark] .markdown-content h1{border-bottom-color:#64b5f6}[data-theme=dark] .help-tab .title{border-bottom-color:#ffffff4d}@media (max-width:768px){.help-content,.help-tab .container{padding:16px;padding:var(--padding-medium)}.markdown-content{font-size:14px}.markdown-content h1{font-size:1.8em}.markdown-content h2{font-size:1.5em}.markdown-content h3{font-size:1.3em}}.icon{display:inline-block;flex-shrink:0;vertical-align:-.15em}.icon-sm{height:var(--icon-sm);width:var(--icon-sm)}.icon-md{height:var(--icon-md);width:var(--icon-md)}.icon-lg{height:var(--icon-lg);width:var(--icon-lg)}.icon-xl{height:var(--icon-xl);width:var(--icon-xl)}.icon-gap{margin-inline-end:var(--icon-gap)}.icon-muted{color:var(--text-secondary)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.icon-gap-before{margin-inline-start:var(--icon-gap)}.navigation-buttons{align-items:center;display:flex;gap:4px;position:relative}.nav-btn{padding:0 8px}.nav-loading{align-items:center;display:flex;justify-content:center;margin-left:4px}.nav-spinner{animation:nav-spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-text);height:14px;width:14px}@keyframes nav-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;padding:var(--padding-medium);width:280px}.sidebar-label{margin-bottom:var(--padding-small)}.sidebar-history{margin-bottom:var(--padding-medium)}.sidebar .error .btn{margin-left:auto}.sidebar-goto{align-items:flex-end;display:flex;gap:var(--padding-small);margin-bottom:var(--padding-medium)}.sidebar-goto-field{flex:1 1;min-width:0}.sidebar-go{flex-shrink:0}.chapter-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.chapter-button{font-feature-settings:"tnum";background:#0000;border:1px solid #0000;border-radius:var(--btn-radius);color:var(--text-color);cursor:pointer;font-size:var(--font-body);font-variant-numeric:tabular-nums;height:32px;padding:0;text-align:center;transition:background-color .15s ease}.chapter-button:hover{background-color:var(--surface-hover)}.chapter-button.active{background-color:var(--primary-color);color:#fff;font-weight:600}@media (pointer:coarse){.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.chapter-button{height:44px}}.sidebar-drawer-root{inset:0;pointer-events:none;position:fixed;z-index:1200}.sidebar-drawer-root.open{pointer-events:auto}.sidebar-drawer-backdrop{background:var(--overlay-color);inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.sidebar-drawer-root.open .sidebar-drawer-backdrop{opacity:1}.sidebar-drawer{background:var(--surface-color);border-right:1px solid var(--border-color);bottom:0;box-shadow:var(--shadow-popover);display:flex;flex-direction:column;left:0;padding-left:env(safe-area-inset-left);padding-top:env(safe-area-inset-top);position:absolute;top:0;transform:translateX(-100%);transition:transform .25s ease,visibility 0s linear .25s;visibility:hidden;width:min(320px,85vw)}.sidebar-drawer-root.open .sidebar-drawer{transform:none;transition:transform .25s ease,visibility 0s;visibility:visible}.sidebar-drawer-header{align-items:center;display:flex;justify-content:space-between;padding:var(--padding-small) var(--padding-small) 0 var(--padding-medium)}.sidebar-drawer .sidebar{border-right:none;flex:1 1;min-height:0;padding-bottom:calc(var(--padding-medium) + env(safe-area-inset-bottom));width:auto}.sidebar-drawer .sidebar-label{display:none}@media (prefers-reduced-motion:reduce){.sidebar-drawer,.sidebar-drawer-backdrop,.sidebar-drawer-root.open .sidebar-drawer{transition:none}}.top-tab-menu{align-items:stretch;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);gap:var(--padding-medium);height:calc(var(--top-bar-height) + env(safe-area-inset-top));padding-left:calc(var(--padding-medium) + env(safe-area-inset-left));padding-right:calc(var(--padding-medium) + env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.app-mark,.top-tab-menu{display:flex;flex-shrink:0}.app-mark{align-items:center;color:var(--primary-text);gap:8px;padding-right:var(--padding-small)}.app-mark-name{color:var(--text-color);font-size:var(--font-large);font-weight:700;letter-spacing:-.01em;white-space:nowrap}.tab-container{align-items:stretch;display:flex;flex:1 1 auto;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.tab-container::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-body);font-weight:500;gap:var(--icon-gap);margin-bottom:-1px;padding:0 12px;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.tab-button.active,.tab-button:hover{color:var(--text-color)}.tab-button.active{border-bottom-color:var(--primary-text);font-weight:600}.tab-button:focus-visible{outline-offset:-4px}.app-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.app-actions .btn-icon{height:36px;width:36px}.menu-button{align-self:center;margin-right:-4px}@media (max-width:768px){.top-tab-menu{gap:var(--padding-small);padding-left:calc(var(--padding-small) + env(safe-area-inset-left));padding-right:calc(var(--padding-small) + env(safe-area-inset-right))}.app-mark{padding-right:0}.app-mark .icon{display:none}.app-actions{gap:0;margin-left:auto}}@media (max-width:379.98px){.app-mark .icon{display:inline-block}.app-mark-name{display:none}}@media (pointer:coarse){.tab-button{justify-content:center;min-width:44px}.app-actions .btn-icon,.menu-button{height:44px;width:44px}}.bottom-tab-bar{background-color:var(--bg-color);border-top:1px solid var(--border-color);box-sizing:initial;display:flex;flex-shrink:0;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.bottom-tab{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:2px;justify-content:center;min-height:44px;min-width:0;padding:0;transition:color .15s ease}.bottom-tab.active{color:var(--primary-text);font-weight:600}.bottom-tab.open{color:var(--text-color);position:relative;z-index:1101}.bottom-tab:focus-visible{outline-offset:-4px}.bottom-tab-label{font-size:11px;line-height:1.2;white-space:nowrap}@media (max-height:480px){.bottom-tab-bar{--bottom-nav-height:44px}.bottom-tab-label{display:none}}.more-sheet-backdrop{background:var(--overlay-color);inset:0;position:fixed;z-index:1100}.more-sheet{animation:more-sheet-in .15s ease;background:var(--surface-color);border-radius:var(--border-radius) var(--border-radius) 0 0;border-top:1px solid var(--border-color);bottom:0;bottom:var(--bottom-nav-space,0);box-shadow:var(--shadow-popover);left:0;max-height:calc(100dvh - env(safe-area-inset-top));max-height:calc(100dvh - var(--bottom-nav-space, 0px) - env(safe-area-inset-top));overflow-y:auto;padding:var(--padding-small) env(safe-area-inset-right) var(--padding-small) env(safe-area-inset-left);position:fixed;right:0;z-index:1100}@keyframes more-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.more-sheet-row{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:var(--font-secondary);min-height:44px;padding:0 var(--padding-medium);text-align:left;width:100%}.more-sheet-row.active{color:var(--primary-text);font-weight:600}.more-sheet-row:focus-visible{outline-offset:-4px}.more-sheet-label{flex:1 1}@media (prefers-reduced-motion:reduce){.bottom-tab{transition:none}.more-sheet{animation:none}}.toast-stack{align-items:flex-end;bottom:calc(var(--padding-large) + max(env(safe-area-inset-bottom), 0px));bottom:calc(var(--padding-large) + max(env(safe-area-inset-bottom), var(--bottom-nav-space, 0px)));display:flex;flex-direction:column;gap:var(--padding-small);max-width:min(380px,calc(100vw - var(--padding-medium)*2));pointer-events:none;position:fixed;right:calc(var(--padding-large) + env(safe-area-inset-right));z-index:3000}html.has-selection-bar .toast-stack{bottom:calc(88px + env(safe-area-inset-bottom))}@media (max-width:768px){.toast-stack{align-items:stretch;left:var(--padding-small);max-width:none;right:var(--padding-small)}html.has-selection-bar .toast-stack{bottom:calc(76px + max(env(safe-area-inset-bottom), 0px));bottom:calc(76px + max(env(safe-area-inset-bottom), var(--bottom-nav-space, 0px)))}}.toast{align-items:flex-start;animation:toast-in .18s ease-out;background:var(--surface-color);border:1px solid var(--border-color);border-left:3px solid var(--success-color);border-radius:var(--border-radius);box-shadow:var(--shadow-popover);color:var(--text-color);display:flex;font-size:var(--font-body);gap:var(--padding-small);line-height:1.4;padding:10px 6px 10px 12px;pointer-events:auto}.toast-error{border-left-color:var(--error-color)}.toast-icon{color:var(--success-color);margin-top:1px}.toast-error .toast-icon{color:var(--danger-text)}.toast-message{flex:1 1;min-width:0;overflow-wrap:anywhere}.toast-dismiss{height:24px;margin-top:-2px;width:24px}@media (pointer:coarse){.toast-dismiss{height:44px;margin:-10px -6px -10px 0;width:44px}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.confirm-overlay{z-index:2500}.confirm-dialog{max-width:420px}.confirm-dialog .modal-body{color:var(--text-secondary);line-height:1.5}.share-menu{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);bottom:calc(100% + var(--padding-small));box-shadow:var(--shadow-popover);flex-direction:column;left:50%;max-width:calc(100vw - var(--padding-small)*2);min-width:200px;padding:4px;position:absolute;transform:translateX(-50%);white-space:nowrap}.share-menu,.share-menu-item{color:var(--text-color);display:flex}.share-menu-item{align-items:center;background:none;border:0;border-radius:var(--btn-radius);cursor:pointer;font:inherit;font-size:var(--font-body);min-height:36px;padding:6px 12px;text-align:left;width:100%}.share-menu-item:focus-visible,.share-menu-item:hover:not(:disabled){background:var(--surface-hover);outline:none}.share-menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-text)}.share-menu-item:disabled{color:var(--text-secondary);cursor:default}.share-menu-status{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-small);padding:6px 12px}.share-menu-spinner{animation:share-menu-spin 1s linear infinite}@keyframes share-menu-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.share-menu{left:auto;right:0;transform:none}}@media (pointer:coarse){.share-menu-item{min-height:44px}}@media (prefers-reduced-motion:reduce){.share-menu-spinner{animation:none}}.selection-bar{align-items:center;animation:selection-bar-in .15s ease-out;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);bottom:var(--padding-large);box-shadow:var(--shadow-popover);color:var(--text-color);display:flex;gap:4px;left:50%;max-width:calc(100% - var(--padding-medium)*2);padding:4px 4px 4px 16px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:900}.selection-bar-count{color:var(--text-secondary);font-size:var(--font-small);font-weight:600;margin-right:6px}.selection-bar .btn{border-radius:var(--border-radius-pill)}.selection-bar-divider{background:var(--border-color);height:20px;margin:0 2px;width:1px}.selection-bar-clear{border-radius:50%}.selection-bar-palette{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);bottom:calc(100% + var(--padding-small));box-shadow:var(--shadow-popover);display:flex;gap:6px;left:50%;padding:4px 4px 4px 8px;position:absolute;transform:translateX(-50%)}.highlight-swatch{border:1px solid var(--border-color);border-radius:50%;cursor:pointer;height:28px;padding:0;width:28px}.highlight-swatch:focus-visible,.highlight-swatch:hover{outline:2px solid var(--primary-text);outline-offset:2px}.highlight-swatch-yellow{background:linear-gradient(var(--highlight-yellow),var(--highlight-yellow)),var(--bg-color)}.highlight-swatch-green{background:linear-gradient(var(--highlight-green),var(--highlight-green)),var(--bg-color)}.highlight-swatch-blue{background:linear-gradient(var(--highlight-blue),var(--highlight-blue)),var(--bg-color)}.highlight-swatch-pink{background:linear-gradient(var(--highlight-pink),var(--highlight-pink)),var(--bg-color)}@keyframes selection-bar-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.selection-bar{animation:none;bottom:var(--padding-small);justify-content:space-between;left:var(--padding-small);max-width:none;right:var(--padding-small);transform:none}}@media (max-width:480px){.selection-bar-label{display:none}.selection-bar-count{margin-right:auto}.selection-bar-count-words{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media (pointer:coarse){.highlight-swatch,.selection-bar .btn,.selection-bar-clear{min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){.selection-bar{animation:none}}.share-menu-anchor{display:contents}.verse-context-menu{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-small);box-shadow:var(--shadow-popover);min-width:190px;padding:var(--padding-micro);position:fixed;z-index:2000}.verse-context-menu-item{background:#0000;border:none;border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:block;font:inherit;font-size:var(--font-medium);padding:var(--padding-small) var(--padding-medium);text-align:left;width:100%}.verse-context-menu-item:focus-visible,.verse-context-menu-item:hover{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-text);outline:none}.read-aloud-bar{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);display:flex;flex-shrink:0;font-family:var(--font-ui);gap:var(--padding-small);margin-top:var(--padding-small);padding:6px var(--padding-small)}.read-aloud-transport{align-items:center;display:flex;gap:2px}.read-aloud-play{color:var(--primary-text)}.read-aloud-reference{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-aloud-reference,.read-aloud-speed{color:var(--text-secondary);font-size:var(--font-small);font-weight:600}.read-aloud-speed{background-color:initial;border:1px solid var(--border-color);border-radius:var(--btn-radius);cursor:pointer;min-height:28px;padding:2px 20px 2px 8px}.read-aloud-speed option{background-color:var(--bg-color);color:var(--text-color)}.read-aloud-settings{position:relative}.read-aloud-popover{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);bottom:calc(100% + var(--padding-small));box-shadow:var(--shadow-popover);color:var(--text-color);display:flex;flex-direction:column;font-size:var(--font-small);gap:var(--padding-medium);padding:var(--padding-medium);position:absolute;right:0;width:min(320px,calc(100vw - var(--padding-medium)*2));z-index:950}.read-aloud-field{border:none;display:flex;flex-direction:column;gap:var(--padding-micro);margin:0;padding:0}.read-aloud-field-label{color:var(--text-secondary);font-weight:600;padding:0}.read-aloud-field select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--btn-radius);color:var(--text-color);font-size:var(--font-small);min-height:32px;padding:4px 8px;width:100%}.read-aloud-read{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--padding-medium)}.read-aloud-read legend{float:left;margin-right:var(--padding-small)}.read-aloud-check,.read-aloud-radio{align-items:center;cursor:pointer;display:inline-flex;gap:6px}html.has-read-aloud-bar .selection-bar{bottom:calc(var(--padding-small));bottom:calc(var(--read-aloud-bar-space, 0px) + var(--padding-small))}html.has-read-aloud-bar .toast-stack{bottom:calc(var(--padding-medium));bottom:calc(var(--bottom-nav-space, 0px) + var(--read-aloud-bar-space, 0px) + var(--padding-medium))}html.has-read-aloud-bar.has-selection-bar .toast-stack{bottom:72px;bottom:calc(var(--bottom-nav-space, 0px) + var(--read-aloud-bar-space, 0px) + 72px)}@media (max-width:768px){.read-aloud-bar{border-radius:0;border-width:1px 0 0;gap:2px;margin:0 calc(var(--padding-medium)*-1);padding:4px var(--padding-small)}.read-aloud-reference{padding:0 4px}.read-aloud-speed{padding:2px 4px}}@media (max-width:480px){.read-aloud-book{display:none}}@media (pointer:coarse){.read-aloud-bar .btn-icon,.read-aloud-speed{min-height:44px;min-width:44px}.read-aloud-check,.read-aloud-popover select,.read-aloud-radio{min-height:44px}}.ai-markdown{color:var(--text-color);font-size:var(--font-body);line-height:1.6;min-width:0;overflow-wrap:anywhere;white-space:normal}.ai-markdown>:first-child{margin-top:0}.ai-markdown>:last-child{margin-bottom:0}.ai-markdown h1,.ai-markdown h2,.ai-markdown h3,.ai-markdown h4,.ai-markdown h5,.ai-markdown h6{color:var(--text-color);font-weight:700;line-height:1.3;margin:1.25rem 0 .6rem}.ai-markdown h1{font-size:var(--font-large)}.ai-markdown h2{font-size:1.05rem}.ai-markdown h4,.ai-markdown h5,.ai-markdown h6{font-size:var(--font-body)}.ai-markdown h3{border-bottom:2px solid var(--primary-color);color:var(--primary-text);font-size:1.1rem;letter-spacing:.5px;padding-bottom:.4rem;text-transform:uppercase}.ai-markdown p{line-height:1.7;margin:.8rem 0}.ai-markdown ol,.ai-markdown ul{margin:.6rem 0;padding-left:1.5rem}.ai-markdown li,.ai-markdown li>p{margin:.3rem 0}.ai-markdown li ol,.ai-markdown li ul{margin:.2rem 0}.ai-markdown li input[type=checkbox]{margin-right:.4rem}.ai-markdown a{color:var(--primary-text);text-decoration:underline}.ai-markdown hr{background:linear-gradient(to right,var(--border-color),#0000);border:0;height:1px;margin:1.5rem 0}.ai-markdown blockquote{background:rgba(var(--primary-color-rgb),.08);border-left:4px solid var(--primary-text);border-radius:0 6px 6px 0;margin:.8rem 0;padding:.6rem 1rem}.ai-markdown blockquote>:first-child{margin-top:0}.ai-markdown blockquote>:last-child{margin-bottom:0}.ai-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em;padding:.1em .35em}.ai-markdown code,.ai-markdown pre{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-small)}.ai-markdown pre{margin:.8rem 0;overflow-wrap:normal;overflow-x:auto;padding:var(--padding-small) var(--padding-medium);white-space:pre}.ai-markdown pre code{background:none;border:0;font-size:var(--font-small);padding:0}.ai-markdown-table{margin:.8rem 0;max-width:100%;overflow-x:auto}.ai-markdown table{border-collapse:collapse;font-size:var(--font-small)}.ai-markdown td,.ai-markdown th{border:1px solid var(--border-color);overflow-wrap:normal;padding:.35rem .6rem;text-align:left;vertical-align:top}.ai-markdown th{background:var(--surface-color);font-weight:600}.verse-reference-link{background:rgba(var(--primary-color-rgb),.1);border:1px solid #0000;border-radius:var(--border-radius-small);color:var(--primary-text);cursor:pointer;display:inline-block;font-weight:600;margin:0 2px;padding:2px 6px;text-decoration:none;transition:all .2s ease}.verse-reference-link:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3);color:#fff;transform:translateY(-1px)}.verse-reference-link:active{box-shadow:0 1px 4px rgba(var(--primary-color-rgb),.2);transform:translateY(0)}.ai-commentary-panel{background-color:var(--surface-color);border-left:1px solid var(--border-color);bottom:0;box-shadow:-2px 0 10px #0000004d;display:flex;flex-direction:column;max-width:60vw;min-width:300px;overflow:hidden;position:fixed;right:0;top:calc(var(--top-bar-height) + env(safe-area-inset-top));transform:translateX(100%);transition:transform .3s ease-in-out;width:400px;z-index:1000}.commentary-resize-handle{background-color:var(--border-color);cursor:col-resize;height:100%;left:0;opacity:.7;position:absolute;top:0;transition:all .2s ease;width:6px;z-index:1001}.commentary-resize-handle:hover{background-color:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-color-rgb),.5);opacity:1;width:8px}.commentary-resize-handle:active{background-color:var(--primary-color);box-shadow:0 0 12px rgba(var(--primary-color-rgb),.7);opacity:1;width:8px}.ai-commentary-panel.visible{transform:translateX(0)}.ai-commentary-panel.hidden{box-shadow:none;transform:translateX(100%)}.commentary-header-bar{align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-sizing:border-box;color:var(--text-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:var(--padding-small) var(--padding-small) var(--padding-small) var(--padding-medium)}.commentary-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.commentary-title{align-items:center;display:flex;gap:var(--padding-small)}.commentary-icon{align-items:center;color:var(--primary-text);display:inline-flex;flex-shrink:0;font-size:18px}.commentary-text{font-size:var(--font-large);font-weight:600;white-space:nowrap}.commentary-reference{align-self:flex-start;border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:var(--font-small);font-weight:500;padding:0;white-space:nowrap}.commentary-controls{align-items:flex-start;display:flex;flex-shrink:0;gap:2px}.commentary-location{background:rgba(var(--primary-color-rgb),.1);border-bottom:1px solid rgba(var(--primary-color-rgb),.2);color:var(--primary-text);font-size:.9rem;font-weight:500;padding:.5rem var(--padding-medium)}.location-indicator{align-items:center;display:flex;gap:.5rem}.location-indicator:before{content:"📍";font-size:.8rem}.commentary-content{word-wrap:break-word;background-color:var(--bg-color);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--padding-medium);word-break:break-word}.commentary-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--padding-medium);height:200px;justify-content:center}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);height:40px;width:40px}.commentary-error{align-items:center;display:flex;flex-direction:column;gap:var(--padding-medium);padding:var(--padding-large);text-align:center}.error-icon{color:var(--danger-text);font-size:48px}.error-message{color:var(--danger-text);font-size:var(--font-body)}.commentary-saved-note{padding:0 var(--padding-medium)}.commentary-text{word-wrap:break-word;color:var(--text-color);flex:1 1;line-height:1.6;overflow-x:hidden;overflow-y:auto;padding:var(--padding-medium);white-space:pre-wrap;word-break:break-word}.ai-commentary-panel div,.ai-commentary-panel li,.ai-commentary-panel p,.ai-commentary-panel span{word-wrap:break-word;max-width:100%;word-break:break-word}.commentary-metadata-item{align-items:flex-start;background:rgba(var(--primary-color-rgb),.05);border-left:3px solid var(--primary-color);border-radius:4px;display:flex;margin-bottom:.5rem;padding:.4rem 0 .4rem .8rem}.metadata-label{color:var(--primary-text);flex-shrink:0;font-weight:600;margin-right:.5rem;min-width:120px}.metadata-value{color:var(--text-color);flex:1 1;font-weight:400}.commentary-separator{background:linear-gradient(to right,var(--border-color),#0000);height:1px;margin:1.5rem 0;position:relative}.commentary-separator:after{background:var(--background-color);content:"📖";font-size:.9rem;left:50%;padding:0 .5rem;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.ai-commentary-panel{border-left:none;height:100vh;height:100dvh;left:0;max-width:none;min-width:0;right:0;top:0;transform:translateY(100%);width:100%}.ai-commentary-panel.visible{transform:translateY(0)}.ai-commentary-panel.hidden{transform:translateY(100%)}.commentary-resize-handle{display:none}.commentary-header-bar{padding-left:calc(var(--padding-medium) + env(safe-area-inset-left));padding-right:calc(var(--padding-small) + env(safe-area-inset-right));padding-top:calc(var(--padding-small) + env(safe-area-inset-top))}.commentary-content{padding-bottom:calc(var(--padding-medium) + env(safe-area-inset-bottom))}}@media (max-width:480px){.commentary-header-bar{padding:calc(var(--padding-small) + env(safe-area-inset-top)) calc(var(--padding-small) + env(safe-area-inset-right)) var(--padding-small) calc(var(--padding-small) + env(safe-area-inset-left))}.commentary-title-section{gap:2px}.commentary-text{font-size:var(--font-secondary)}.commentary-reference{font-size:10px;padding:2px 6px}}.bible-chat-panel{background-color:var(--surface-color);border-left:1px solid var(--border-color);bottom:0;box-shadow:-2px 0 10px #0000004d;display:flex;flex-direction:column;max-width:60vw;min-width:300px;overflow:hidden;position:fixed;right:0;top:calc(var(--top-bar-height) + env(safe-area-inset-top));transform:translateX(100%);transition:transform .3s ease-in-out;width:400px;z-index:1000}.chat-resize-handle{background-color:var(--border-color);cursor:col-resize;height:100%;left:0;opacity:.7;position:absolute;top:0;transition:all .2s ease;width:6px;z-index:1001}.chat-resize-handle:hover{box-shadow:0 0 8px rgba(var(--primary-color-rgb),.5)}.chat-resize-handle:active,.chat-resize-handle:hover{background-color:var(--primary-color);opacity:1;width:8px}.chat-resize-handle:active{box-shadow:0 0 12px rgba(var(--primary-color-rgb),.7)}.bible-chat-panel.visible{transform:translateX(0)}.bible-chat-panel.hidden{box-shadow:none;transform:translateX(100%)}.chat-header-bar{align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-sizing:border-box;color:var(--text-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:var(--padding-small) var(--padding-small) var(--padding-small) var(--padding-medium)}.chat-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.chat-title{align-items:center;display:flex;gap:var(--padding-small)}.chat-icon{align-items:center;color:var(--primary-text);display:inline-flex;flex-shrink:0;font-size:18px}.chat-text{font-size:var(--font-large);font-weight:600;white-space:nowrap}.chat-reference{align-self:flex-start;border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:var(--font-small);font-weight:500;padding:0;white-space:nowrap}.chat-controls{align-items:flex-start;display:flex;flex-shrink:0;gap:2px}.chat-content{background-color:var(--bg-color);overflow:hidden}.chat-content,.chat-messages{word-wrap:break-word;display:flex;flex:1 1;flex-direction:column;min-height:0;word-break:break-word}.chat-messages{gap:var(--padding-medium);overflow-x:hidden;overflow-y:auto;padding:var(--padding-medium)}.bible-chat-panel div,.bible-chat-panel li,.bible-chat-panel p,.bible-chat-panel span{word-wrap:break-word;max-width:100%;word-break:break-word}.chat-message{word-wrap:break-word;display:flex;flex-direction:column;max-width:85%}.user-message{align-items:flex-end;align-self:flex-end}.ai-message{align-items:flex-start;align-self:flex-start}.message-content{border-radius:var(--border-radius);font-size:var(--font-body);line-height:1.5;padding:var(--padding-small) var(--padding-medium)}.user-message .message-content{background-color:var(--primary-color);border-bottom-right-radius:4px;color:#fff}.ai-message .message-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-color)}.message-timestamp{color:var(--text-secondary);font-size:var(--font-small);margin-top:4px;padding:0 var(--padding-small)}.ai-message .message-content{box-sizing:border-box;max-width:100%}.message-footer{align-items:center;display:flex;gap:2px;margin-top:2px}.message-footer .message-timestamp{margin-top:0}.message-footer .copy-button{height:28px;width:28px}.typing-indicator{align-items:center;display:flex;gap:4px;padding:var(--padding-small)}.typing-indicator span{animation:typing-bounce 1.4s ease-in-out infinite;background-color:var(--text-secondary);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-area{background-color:var(--surface-color);border-top:1px solid var(--border-color);flex-shrink:0;padding:var(--padding-medium)}.chat-error{background-color:#fef2f2;background-color:var(--error-bg,#fef2f2);border:1px solid var(--error-color);border-radius:var(--border-radius-small);color:var(--danger-text);font-size:var(--font-small);margin-bottom:var(--padding-small);padding:var(--padding-small)}.chat-plan-button{margin-left:var(--padding-small)}.chat-input-container{align-items:center;display:flex;gap:var(--padding-small)}.chat-input{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);flex:1 1;font-size:var(--font-body);padding:var(--padding-small) var(--padding-medium);transition:border-color .2s ease}.chat-input:focus{border-color:var(--primary-text);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.25);outline:none}.chat-input:disabled{cursor:not-allowed;opacity:.6}.send-btn{align-items:center;background-color:var(--btn-primary-bg);border:none;border-radius:var(--border-radius);color:var(--btn-primary-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;min-width:44px;padding:var(--padding-small) var(--padding-medium);transition:all .2s ease}.send-btn:hover:not(:disabled){background-color:var(--btn-primary-hover-bg);transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.bible-chat-panel{border-left:none;height:100vh;height:100dvh;left:0;max-width:none;min-width:0;right:0;top:0;transform:translateY(100%);width:100%}.bible-chat-panel.visible{transform:translateY(0)}.bible-chat-panel.hidden{transform:translateY(100%)}.chat-resize-handle{display:none}.chat-header-bar{padding-left:calc(var(--padding-medium) + env(safe-area-inset-left));padding-right:calc(var(--padding-small) + env(safe-area-inset-right));padding-top:calc(var(--padding-small) + env(safe-area-inset-top))}.chat-input-area{padding-bottom:calc(var(--padding-medium) + env(safe-area-inset-bottom))}}@media (pointer:coarse){.chat-input{font-size:16px}}@media (max-width:480px){.chat-header-bar{padding:calc(var(--padding-small) + env(safe-area-inset-top)) calc(var(--padding-small) + env(safe-area-inset-right)) var(--padding-small) calc(var(--padding-small) + env(safe-area-inset-left))}.chat-title-section{gap:2px}.chat-text{font-size:var(--font-secondary)}.chat-reference{font-size:10px;padding:2px 6px}.chat-message{max-width:95%}.chat-input-container{flex-direction:column;gap:var(--padding-small)}.chat-input,.send-btn{width:100%}}.chat-actions{display:flex;flex-direction:column;gap:var(--padding-micro);margin-top:var(--padding-small)}.chat-action-card{background:var(--surface-color);border:1px solid var(--border-color);border-left:3px solid var(--success-color);border-radius:var(--border-radius-small);color:var(--text-color);font-size:var(--font-small);padding:var(--padding-small) var(--padding-medium)}.chat-action-card.failed{border-left-color:var(--error-color);color:var(--danger-text)}.chat-action-card.pending{border-left-color:var(--warning-color)}.chat-action-card.cancelled{border-left-color:var(--border-color);color:var(--text-secondary)}.chat-action-summary{align-items:flex-start;display:flex;gap:var(--padding-small);line-height:1.4}.chat-action-icon{align-items:center;display:inline-flex;flex-shrink:0}.chat-action-buttons{display:flex;gap:var(--padding-small);margin-top:var(--padding-small)}.chat-action-buttons button{border-radius:var(--border-radius-small);cursor:pointer;font-size:var(--font-small);font-weight:600;padding:4px 12px}.chat-action-buttons button:disabled{cursor:not-allowed;opacity:.5}.chat-action-confirm{background:var(--error-color);border:1px solid var(--error-color);color:#fff}.chat-action-cancel{background:#0000;border:1px solid var(--border-color);color:var(--text-color)}.chat-action-open{align-items:center;background:#0000;border:1px solid var(--primary-text);color:var(--primary-text);display:inline-flex}.chat-suggestions{display:flex;flex-direction:column;gap:var(--padding-small)}.chat-suggestions-title{color:var(--text-secondary);font-size:var(--font-small)}.chat-suggestion{background:#0000;border:1px solid var(--primary-text);border-radius:var(--border-radius-small);color:var(--primary-text);cursor:pointer;font:inherit;min-height:44px;overflow-wrap:anywhere;padding:8px 12px;text-align:left;white-space:normal;width:100%}.chat-suggestion:hover{background:var(--btn-quiet-hover-bg)}.chat-suggestion:focus-visible{outline:2px solid var(--primary-text);outline-offset:1px}.word-study-panel{background-color:var(--surface-color);border-left:1px solid var(--border-color);bottom:0;box-shadow:-2px 0 10px #0000004d;display:flex;flex-direction:column;max-width:60vw;overflow:hidden;position:fixed;right:0;top:calc(var(--top-bar-height) + env(safe-area-inset-top));transform:translateX(100%);transition:transform .3s ease-in-out;width:var(--word-study-panel-width);z-index:1000}.word-study-panel.visible{transform:translateX(0)}.word-study-panel.hidden{box-shadow:none;transform:translateX(100%)}.word-study-panel [lang=he]{font-family:SBL Hebrew,Ezra SIL,"Noto Serif Hebrew",Times New Roman,Arial Hebrew,serif}.word-study-panel [lang=grc]{font-family:Gentium Plus,SBL Greek,"Noto Serif",Palatino Linotype,Palatino,Times New Roman,Georgia,serif}.word-study-header{align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-sizing:border-box;color:var(--text-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:var(--padding-small) var(--padding-small) var(--padding-small) var(--padding-medium)}.word-study-title-section{display:flex;flex-direction:column;gap:4px;min-width:0}.word-study-title{align-items:center;display:flex;gap:var(--padding-small)}.word-study-icon{align-items:center;color:var(--primary-text);display:inline-flex;flex-shrink:0}.word-study-title-text{font-size:var(--font-large);font-weight:600;white-space:nowrap}.word-study-reference{color:var(--text-secondary);font-size:var(--font-small);font-weight:500}.word-study-content{background-color:var(--bg-color);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--padding-small) var(--padding-medium)}.word-study-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--padding-medium);justify-content:center;min-height:200px;padding:var(--padding-large) 0;text-align:center}.word-study-error .error-message{color:var(--danger-text)}.word-list{list-style:none;margin:0;padding:0}.word-item{border-bottom:1px solid var(--border-color)}.word-item:last-child{border-bottom:0}.word-button{grid-gap:var(--padding-small) var(--padding-medium);align-items:center;background:none;border:0;border-radius:var(--btn-radius);color:var(--text-color);cursor:pointer;display:grid;font:inherit;gap:var(--padding-small) var(--padding-medium);grid-template-columns:minmax(4.5em,auto) 1fr auto;min-height:52px;padding:var(--padding-small) 4px;text-align:left;width:100%}.word-button:focus-visible,.word-button:hover{background:var(--surface-hover);outline:none}.word-button:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-text)}.word-original{font-size:26px;line-height:1.5;overflow-wrap:anywhere}.word-original[dir=rtl]{text-align:right}.word-details{display:flex;flex-direction:column;min-width:0}.word-translit{color:var(--text-secondary);font-size:var(--font-body);font-style:italic;overflow-wrap:anywhere}.word-gloss{font-size:var(--font-secondary);overflow-wrap:anywhere}.word-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.word-strong{font-feature-settings:"tnum";color:var(--primary-text);font-size:var(--font-small);font-variant-numeric:tabular-nums}.word-note{background:rgba(var(--primary-color-rgb),.12);border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:11px;padding:1px 6px;white-space:nowrap}.word-entry{background:rgba(var(--primary-color-rgb),.06);border-left:3px solid var(--primary-color);border-radius:4px;font-size:var(--font-body);line-height:1.5;margin:0 4px var(--padding-small);padding:var(--padding-small) var(--padding-medium)}.word-entry-lemma{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px var(--padding-small);margin-bottom:4px}.word-entry-lemma-text{font-size:22px}.word-entry-translit{color:var(--text-secondary);font-style:italic}.word-entry-gloss{font-weight:600}.word-entry-morph{color:var(--text-secondary);font-size:var(--font-small);margin-bottom:4px}.word-entry-definition{max-height:40vh;overflow-wrap:anywhere;overflow-y:auto;white-space:pre-line}.word-entry-occurrences{color:var(--text-secondary);font-size:var(--font-small);margin-top:6px}.word-entry-status{align-items:center;color:var(--text-secondary);display:flex}.word-entry-error{color:var(--danger-text)}.word-study-spinner{animation:word-study-spin 1s linear infinite}@keyframes word-study-spin{to{transform:rotate(1turn)}}.word-study-footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);flex-shrink:0;padding:var(--padding-small) var(--padding-medium)}@media (max-width:768px){.word-study-panel{border-left:none;height:100vh;height:100dvh;left:0;max-width:none;right:0;top:0;transform:translateY(100%);width:100%}.word-study-panel.visible{transform:translateY(0)}.word-study-panel.hidden{transform:translateY(100%)}.word-study-header{padding-left:calc(var(--padding-medium) + env(safe-area-inset-left));padding-right:calc(var(--padding-small) + env(safe-area-inset-right));padding-top:calc(var(--padding-small) + env(safe-area-inset-top))}.word-study-footer{padding-bottom:calc(var(--padding-small) + env(safe-area-inset-bottom))}}@media (max-width:480px){.word-study-content{padding:var(--padding-small)}.word-button{gap:4px var(--padding-small)}.word-original{font-size:24px}}.search-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.search-tab-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.search-tab-header h2{align-items:center;color:var(--primary-text);display:flex;font-size:var(--font-title);gap:var(--padding-small);margin:0 0 var(--padding-small) 0}.search-tab-header p{color:var(--text-secondary);font-size:var(--font-medium);margin:0}.search-tab-header-icon{font-size:1.2em}.search-tab-controls{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--padding-medium);padding:var(--padding-medium) var(--padding-large)}.search-tab-input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-color);flex:1 1;font-size:var(--font-medium);min-width:260px;padding:var(--padding-small) var(--padding-medium);transition:border-color .2s ease}.search-tab-input:focus,.search-tab-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.search-tab-select{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-small);min-width:150px;padding:var(--padding-small) var(--padding-medium)}.search-tab-checkbox,.search-tab-select{color:var(--text-color);cursor:pointer;font-size:var(--font-medium)}.search-tab-checkbox{align-items:center;display:flex;gap:var(--padding-micro);-webkit-user-select:none;user-select:none}.search-tab-button{background:var(--primary-color);border:none;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-size:var(--font-medium);font-weight:600;padding:var(--padding-small) var(--padding-large);transition:opacity .2s ease}.search-tab-button:hover:not(:disabled){opacity:.9}.search-tab-button:disabled{cursor:not-allowed;opacity:.5}.search-tab-stats{background:var(--surface-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-small);padding:var(--padding-small) var(--padding-large)}.search-tab-results{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-medium);overflow-y:auto;padding:var(--padding-large)}.search-tab-result{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;color:var(--text-color);cursor:pointer;display:block;font:inherit;padding:var(--padding-medium);text-align:left;transition:all .2s ease;width:100%}.search-tab-result:focus-visible,.search-tab-result:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.search-tab-result-header{align-items:center;display:flex;gap:var(--padding-small);margin-bottom:var(--padding-small)}.search-tab-reference{color:var(--primary-text);font-size:var(--font-medium)}.search-tab-badge{background:rgba(var(--primary-color-rgb),.2);border-radius:var(--border-radius-small);color:var(--primary-text);font-size:var(--font-small);font-weight:600;padding:2px 8px}.search-tab-text{font-size:var(--font-medium);line-height:1.6}.search-tab-highlight{background:var(--highlight-bg);border-radius:2px;color:inherit;padding:0 1px}.search-tab-message{color:var(--text-secondary);flex:1 1;padding:calc(var(--padding-large)*2);text-align:center}.search-tab-message h3{color:var(--text-color);margin-bottom:var(--padding-small)}.search-tab-error h3{color:var(--danger-text)}.search-tab-empty-icon{font-size:3rem;margin-bottom:var(--padding-medium);opacity:.5}.search-tab-spinner{animation:search-tab-spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin:0 auto var(--padding-medium) auto;width:32px}@keyframes search-tab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.search-tab-controls{align-items:stretch;flex-direction:column}.search-tab-input{min-width:0;min-width:auto}}.card-menu{display:inline-flex;flex-shrink:0;position:relative}.card-menu-list{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-popover);min-width:160px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.card-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:flex;font-size:var(--font-body);gap:var(--icon-gap);padding:8px 10px;text-align:left;width:100%}.card-menu-item:focus-visible,.card-menu-item:hover{background:var(--surface-hover);outline:none}.card-menu-item.danger{color:var(--danger-text)}.card-menu-item.danger:focus-visible,.card-menu-item.danger:hover{background:var(--danger-hover)}.card-menu.on-media{opacity:0;position:absolute;right:var(--padding-small);top:var(--padding-small);transition:opacity .15s ease;z-index:2}.card-menu.on-media.open,.card-menu.on-media:focus-within,.image-card:hover .card-menu.on-media,.video-card:hover .card-menu.on-media{opacity:1}@media (hover:none){.card-menu.on-media{opacity:1}}.card-menu.on-media .card-menu-button{background:#0009;color:#fff}.card-menu.on-media .card-menu-button:hover,.card-menu.on-media .card-menu-button[aria-expanded=true]{background:#000c;color:#fff}.plans-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.plans-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.plans-header h2{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-heading);margin:0 0 var(--padding-small) 0}.plans-header p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.plans-body{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-large);overflow-y:auto;padding:var(--padding-large)}.plans-section-title{color:var(--text-color);font-size:var(--font-large);margin:0 0 var(--padding-medium) 0}.plans-empty{margin:0}.plans-empty,.plans-hint{color:var(--text-secondary)}.plans-hint{font-size:var(--font-secondary);margin:0 0 var(--padding-medium) 0}.plans-group{margin-top:var(--padding-large)}.plans-group-title{color:var(--text-color);font-size:var(--font-secondary);font-weight:600;margin:0 0 var(--padding-medium) 0}.plans-grid{grid-gap:var(--padding-medium);display:grid;gap:var(--padding-medium);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.plan-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;flex-direction:column;min-width:0;padding:var(--padding-medium)}.plan-card,.plan-card-header{display:flex;gap:var(--padding-small)}.plan-card-header{align-items:baseline;flex-wrap:wrap;justify-content:space-between}.plan-name{color:var(--text-color);font-size:var(--font-secondary);font-weight:600;margin:0}.plan-day{color:var(--primary-text);font-size:var(--font-medium);font-weight:600}.plan-progress-bar{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);height:8px;overflow:hidden}.plan-progress-fill{background:var(--primary-color);height:100%;transition:width .2s ease}.plan-stats{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-small);gap:var(--padding-small) var(--padding-medium)}.plan-streak{color:var(--text-color);font-weight:600}.plan-behind{color:var(--danger-text)}.plan-today{align-items:baseline;color:var(--text-color);display:flex;flex-wrap:wrap;gap:var(--padding-small)}.plan-today-label{font-weight:600}.plan-passages{display:inline-flex;flex-wrap:wrap;gap:var(--padding-micro) var(--padding-small)}.plan-passage-link{background:none;border:none;color:var(--primary-text);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.plan-passage-link:hover{color:var(--text-color)}.plan-finished{align-items:center;color:var(--text-color);display:flex;margin:0}.plan-description{color:var(--text-color);line-height:1.5;margin:0}.plan-size{color:var(--text-secondary);font-size:var(--font-small);margin:0}.plan-actions{display:flex;flex-wrap:wrap;gap:var(--padding-small);margin-top:auto;padding-top:var(--padding-small)}.plan-days{border-top:1px solid var(--border-color);list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:var(--padding-small) 0 0 0}.plan-day-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--padding-micro) var(--padding-medium);padding:var(--padding-micro) 0}.plan-day-row.is-done .plan-day-check span{color:var(--text-secondary)}.plan-day-check{align-items:center;color:var(--text-color);cursor:pointer;display:inline-flex;gap:var(--padding-small);min-width:80px}@media (max-width:480px){.plans-body,.plans-header{padding:var(--padding-medium)}.plans-header h2{font-size:var(--font-secondary)}.plans-grid{grid-template-columns:1fr}}.export-dialog{max-width:420px}.export-fieldset{border:0;margin:0 0 var(--padding-medium);min-width:0;padding:0}.export-fieldset:last-child{margin-bottom:0}.export-option{align-items:flex-start;color:var(--text-color);cursor:pointer;display:flex;font-size:var(--font-body);gap:var(--padding-small);padding:6px 0}.export-option input{accent-color:var(--primary-color);flex-shrink:0;height:16px;margin:3px 0 0;width:16px}.export-option>span{min-width:0}.export-hint{color:var(--text-secondary);display:block;font-size:var(--font-small);margin-top:2px}@media (pointer:coarse){.export-option{align-items:center;min-height:44px}.export-option input{height:20px;margin-top:0;width:20px}}@media (max-width:480px){.export-dialog{width:100%}.export-dialog .modal-body{padding:var(--padding-medium)}}.tab-header-row{align-items:flex-start;display:flex;gap:var(--padding-medium);justify-content:space-between}.tab-header-row>div{min-width:0}.tab-header-row .btn{flex-shrink:0}.bookmarks-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.bookmarks-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.bookmarks-header h2{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-heading);gap:var(--padding-small);margin:0 0 var(--padding-small) 0}.bookmarks-header p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.bookmarks-controls{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-medium) var(--padding-large)}.book-filter{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;font-size:var(--font-body);padding:var(--padding-small) var(--padding-medium);transition:border-color .2s ease;width:100%}.book-filter:focus{border-color:var(--primary-text);outline:none}.bookmarks-stats{background:var(--surface-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-small);padding:var(--padding-small) var(--padding-large)}.bookmarks-list{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-medium);overflow-y:auto;padding:var(--padding-large)}.bookmark-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;padding:var(--padding-medium);transition:all .2s ease}.bookmark-card:hover{border-color:var(--text-muted)}.bookmark-header{align-items:flex-start;display:flex;gap:var(--padding-medium);justify-content:space-between;margin-bottom:var(--padding-small)}.bookmark-reference{align-items:center;display:flex;flex:1 1;gap:var(--padding-small)}.bookmark-reference strong{color:var(--primary-text);font-size:var(--font-secondary)}.bookmark-translation{color:var(--text-secondary);font-size:var(--font-small);font-weight:500}.bookmark-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.bookmark-label{margin-bottom:var(--padding-small)}.bookmark-label strong{color:var(--text-color);font-size:var(--font-secondary)}.bookmark-text{line-height:1.6;margin-bottom:var(--padding-small)}.bookmark-text p{color:var(--text-color);margin:0 0 var(--padding-micro) 0}.bookmark-text .verse-number{color:var(--primary-text);font-weight:600;margin-right:.3em}.bookmark-note{background:rgba(var(--primary-color-rgb),.1);border-left:3px solid var(--primary-color);border-radius:var(--border-radius-small);margin-bottom:var(--padding-small);padding:var(--padding-small)}.bookmark-note em{color:var(--text-color);font-style:normal;line-height:1.5}.bookmark-meta{border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-small);gap:var(--padding-medium);margin-top:var(--padding-small);padding-top:var(--padding-small)}.bookmark-date{align-items:center;display:flex}@media (max-width:768px){.search-filter-row{align-items:stretch;flex-direction:column}.filter-container,.search-container{min-width:0;min-width:auto}.bookmark-header{align-items:stretch;flex-direction:column;gap:var(--padding-small)}.bookmark-actions{justify-content:flex-end}}@media (max-width:480px){.bookmarks-controls,.bookmarks-header,.bookmarks-list{padding:var(--padding-medium)}.bookmarks-header h2{font-size:var(--font-secondary)}.bookmark-actions{gap:2px}.bookmark-meta{flex-direction:column;gap:var(--padding-micro)}}.notes-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.notes-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.notes-header h2{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-heading);gap:var(--padding-small);margin:0 0 var(--padding-small) 0}.notes-header p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.header-icon{font-size:1.2em}.notes-controls{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-medium) var(--padding-large)}.search-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--padding-medium)}.search-container{flex:1 1;min-width:300px}.search-input:focus{border-color:var(--primary-text)}.filter-container{min-width:150px}.book-filter,.category-filter{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;font-size:var(--font-body);padding:var(--padding-small) var(--padding-medium);transition:border-color .2s ease;width:100%}.book-filter:focus,.category-filter:focus{border-color:var(--primary-text);outline:none}.notes-stats{background:var(--surface-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-small);padding:var(--padding-small) var(--padding-large)}.notes-list{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-medium);overflow-y:auto;padding:var(--padding-large)}.empty-state{color:var(--text-secondary);padding:var(--padding-large) * 2;text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--padding-medium);opacity:.5}.empty-state h3{color:var(--text-color);margin-bottom:var(--padding-small)}.empty-state p{line-height:1.5;margin:0 auto;max-width:400px}.note-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;padding:var(--padding-medium);transition:all .2s ease}.note-card:hover{border-color:var(--text-muted)}.note-header{align-items:flex-start;display:flex;gap:var(--padding-medium);justify-content:space-between;margin-bottom:var(--padding-medium)}.note-reference-info{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-micro)}.note-reference strong{color:var(--primary-text);display:block;font-size:var(--font-secondary)}.note-label{color:var(--text-color);font-size:var(--font-secondary);font-weight:600}.note-category{margin-top:var(--padding-micro)}.category-tag{background:rgba(var(--primary-color-rgb),.2);border:1px solid rgba(var(--primary-color-rgb),.4);border-radius:var(--border-radius);color:var(--primary-text);display:inline-block;font-size:var(--font-small);font-weight:500;padding:2px 8px}.note-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.note-text{word-wrap:break-word;color:var(--text-color);line-height:1.6;margin-bottom:var(--padding-small);white-space:pre-wrap}.expand-btn{background:none;border:none;color:var(--primary-text);cursor:pointer;font-size:var(--font-small);margin-left:var(--padding-micro);text-decoration:underline;transition:color .2s ease}.expand-btn:hover{color:var(--text-color)}.note-meta{border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-small);gap:var(--padding-medium);margin-top:var(--padding-small);padding-top:var(--padding-small)}.note-date{align-items:center;display:flex}.loading-spinner{margin:0 auto var(--padding-medium) auto}@media (max-width:768px){.search-filter-row{align-items:stretch;flex-direction:column;gap:var(--padding-small)}.filter-container,.search-container{min-width:0;min-width:auto}.note-header{align-items:stretch;flex-direction:column;gap:var(--padding-small)}.note-actions{justify-content:flex-end}}@media (max-width:480px){.notes-controls,.notes-header,.notes-list{padding:var(--padding-medium)}.notes-header h2{font-size:var(--font-secondary)}.note-meta{flex-direction:column;gap:var(--padding-micro)}.category-tag{font-size:10px;padding:1px 6px}}.images-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.images-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.images-header h2{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-heading);gap:var(--padding-small);margin:0 0 var(--padding-small) 0}.images-header p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.images-controls{background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--padding-medium);padding:var(--padding-medium) var(--padding-large)}.category-filter{display:flex;flex-wrap:wrap;gap:var(--padding-small)}.category-btn{align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:flex;font-size:var(--font-body);gap:var(--padding-micro);padding:var(--padding-small) var(--padding-medium);transition:all .2s ease}.category-btn:hover{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-icon{font-size:1.1em}.images-stats{background:var(--surface-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-small);padding:var(--padding-small) var(--padding-large)}.images-gallery{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--padding-medium);overflow-x:hidden;overflow-y:auto;padding:var(--padding-large);scroll-behavior:smooth}.images-gallery::-webkit-scrollbar{width:8px}.images-gallery::-webkit-scrollbar-track{background:var(--bg-color);border-radius:10px}.images-gallery::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.images-gallery::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.image-card{background:var(--surface-color);border:1px solid #0000;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;width:320px}.image-card:hover{border-color:var(--border-color);box-shadow:0 4px 16px #00000026}.image-thumbnail{aspect-ratio:16/9;background:var(--bg-color);cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.image-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-card:hover .image-thumbnail img{transform:scale(1.05)}.image-overlay{align-items:flex-start;background:linear-gradient(180deg,#000000b3 0,#0000 40%,#0000 60%,#000000b3);bottom:0;display:flex;justify-content:flex-start;left:0;opacity:0;padding:var(--padding-small);position:absolute;right:0;top:0;transition:opacity .3s ease}.image-card:hover .image-overlay{opacity:1}.image-category-badge{align-items:center;background:#000c;border-radius:var(--border-radius-small);color:#fff;display:flex;font-size:var(--font-small);gap:var(--padding-micro);padding:var(--padding-micro) var(--padding-small)}.image-info{flex:1 1;max-height:160px;overflow:hidden;padding:var(--padding-medium)}.image-title{color:var(--text-color);font-size:var(--font-secondary);font-weight:600;line-height:1.3}.image-description,.image-title{margin:0 0 var(--padding-small) 0}.image-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-small);line-height:1.4;overflow:hidden}.image-tags{flex-wrap:wrap;gap:var(--padding-micro)}.image-tags,.no-images{align-items:center;display:flex}.no-images{color:var(--text-secondary);flex-basis:100%;flex-direction:column;justify-content:center;padding:var(--padding-large) * 2;text-align:center;width:100%}.no-images-icon{font-size:4rem;margin-bottom:var(--padding-medium)}.no-images h3{color:var(--text-color);margin:0 0 var(--padding-small) 0}.no-images p{font-size:var(--font-secondary);margin:0}.image-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:var(--padding-medium);position:fixed;right:0;top:0;z-index:2000}.image-modal{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:calc(100vh - var(--padding-medium)*2);height:calc(100dvh - var(--padding-medium)*2);overflow:hidden;width:100%}.modal-controls{gap:var(--padding-medium)}.modal-controls,.zoom-controls{align-items:center;display:flex}.zoom-controls{background:var(--surface-color);border-radius:var(--btn-radius);gap:var(--padding-micro);padding:2px}.zoom-level{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--font-small);font-variant-numeric:tabular-nums;font-weight:600;min-width:50px;padding:0 var(--padding-small);text-align:center}.modal-image-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:400px;overflow:hidden;position:relative}.modal-image,.modal-image-container{-webkit-user-select:none;user-select:none}.modal-image{-webkit-user-drag:none;display:block;height:auto;left:0;max-height:none;max-width:none;position:absolute;top:0;width:auto}.image-viewer-instructions{background:#000000b3;border-radius:var(--border-radius);bottom:var(--padding-medium);color:#fff;font-size:var(--font-small);left:50%;opacity:.8;padding:var(--padding-micro) var(--padding-medium);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.modal-image-container:hover .image-viewer-instructions{opacity:1}.modal-info{max-height:200px;overflow-y:auto}.modal-category{align-items:center;color:var(--primary-text);display:flex;font-weight:600;gap:var(--padding-small)}@media (min-width:769px){.image-modal .modal-header{padding-bottom:var(--padding-small);padding-top:var(--padding-small)}.modal-image-container{min-height:0}.image-modal .modal-info{align-items:baseline;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--padding-micro) var(--padding-large);max-height:96px;padding:var(--padding-small) var(--padding-large)}.image-modal .modal-description{flex:1 1 320px;margin:0}.image-modal .modal-meta{align-items:center;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;gap:var(--padding-small) var(--padding-medium);max-width:100%}}.image-modal:fullscreen{border:none;border-radius:0;height:100%;max-height:none;max-width:none;width:100%}@media (max-width:768px){.images-controls,.images-gallery{padding:var(--padding-medium)}.category-filter{gap:var(--padding-micro)}.category-btn{font-size:var(--font-small);padding:var(--padding-micro) var(--padding-small)}.image-modal{border-radius:0;max-height:100vh;max-width:100vw}.image-modal .modal-header{align-items:stretch;flex-direction:column;gap:var(--padding-small);padding:var(--padding-small) var(--padding-medium)}.image-modal .modal-header h3{font-size:var(--font-secondary);margin-right:0;text-align:center}.modal-controls{justify-content:space-between}.zoom-controls{flex:1 1;justify-content:center}.zoom-controls .btn-icon{height:28px;width:28px}.zoom-level{font-size:12px;min-width:40px}.modal-info{padding:var(--padding-medium)}.image-viewer-instructions{bottom:var(--padding-small);font-size:11px;padding:2px var(--padding-small)}}@media (max-width:480px){.images-header{padding:var(--padding-medium)}.images-header h2{font-size:var(--font-secondary)}.category-filter{overflow-x:auto;padding-bottom:var(--padding-micro)}.category-btn{flex-shrink:0}.image-modal-overlay{padding:0}.image-modal .modal-header{min-height:auto}.zoom-controls{gap:2px}.zoom-controls .btn-icon{height:24px;width:24px}}.images-header-content{align-items:flex-start;display:flex;gap:var(--padding-medium);justify-content:space-between}.images-header-text{flex:1 1}.add-image-btn{flex-shrink:0;white-space:nowrap}.add-image-modal,.edit-image-modal{max-height:80vh;max-width:500px;overflow-y:auto;width:90vw}.image-form{padding:var(--padding-large) var(--padding-large) 0}.image-form .form-actions{margin:var(--padding-medium) calc(var(--padding-large)*-1) 0}.form-group .file-input{border:1px dashed var(--border-color);cursor:pointer;padding:var(--padding-small)}.form-group .file-input:focus,.form-group .file-input:hover{border-color:var(--primary-text)}.tag-input-container{align-items:center;display:flex;gap:var(--padding-small)}.tag-input-container input{flex:1 1}.tags-list{display:flex;flex-wrap:wrap;gap:var(--padding-micro);margin-top:var(--padding-small)}.tag{background-color:var(--primary-color);display:inline-flex;gap:4px;padding:2px 8px}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:14px;justify-content:center;padding:0;width:14px}.tag-remove:hover{background-color:#fff3}@media (max-width:768px){.images-header-content{align-items:stretch;flex-direction:column;gap:var(--padding-small)}.add-image-modal,.edit-image-modal{max-height:90vh;width:95vw}.tag-input-container{align-items:stretch;flex-direction:column}.images-gallery{display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(2,minmax(0,1fr))}.image-card{min-width:0;width:auto}.image-modal-overlay{padding:0}.image-modal{border:none;border-radius:0;height:100vh;height:100dvh;max-height:none;max-width:none;overflow-y:auto;width:100%}.image-modal .modal-header{padding-top:calc(var(--padding-small) + env(safe-area-inset-top))}}@media (max-width:480px){.images-gallery{grid-template-columns:minmax(0,1fr)}}.modal-image-container{touch-action:none}@media (pointer:coarse){.zoom-controls .btn-icon{height:44px;width:44px}}.videos-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.videos-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.videos-header h2{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-heading);gap:var(--padding-small);margin:0 0 var(--padding-small) 0}.videos-header p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.videos-controls{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-medium) var(--padding-large)}.search-container{max-width:400px;position:relative}.search-input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-color);font-size:var(--font-body);padding:var(--padding-small) var(--padding-large) var(--padding-small) var(--padding-medium);transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:none}.search-icon{pointer-events:none;position:absolute;right:var(--padding-medium);top:50%;transform:translateY(-50%)}.search-icon,.videos-stats{color:var(--text-secondary)}.videos-stats{background:var(--surface-color);border-bottom:1px solid var(--border-color);font-size:var(--font-small);padding:var(--padding-small) var(--padding-large)}.videos-gallery{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--padding-medium);overflow-x:hidden;overflow-y:auto;padding:var(--padding-large);scroll-behavior:smooth}.videos-gallery::-webkit-scrollbar{width:8px}.videos-gallery::-webkit-scrollbar-track{background:var(--bg-color);border-radius:10px}.videos-gallery::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.videos-gallery::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.video-card{background:var(--surface-color);border:1px solid #0000;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;width:320px}.video-card:hover{border-color:var(--border-color);box-shadow:0 4px 16px #00000026}.video-thumbnail-container{aspect-ratio:16/9;background:var(--bg-color);cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.video-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-overlay{align-items:center;background:#0009;bottom:0;display:flex;gap:var(--padding-medium);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.external-button,.play-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;transition:all .2s ease;width:60px}.external-button{font-size:16px;height:50px;width:50px}.external-button:hover,.play-button:hover{background:#fff;transform:scale(1.1)}.video-info{flex:1 1;max-height:160px;overflow:hidden;padding:var(--padding-medium)}.video-title{-webkit-line-clamp:2;color:var(--text-color);font-size:var(--font-secondary);font-weight:600;line-height:1.3}.video-description,.video-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 var(--padding-small) 0;overflow:hidden}.video-description{-webkit-line-clamp:3;color:var(--text-secondary);font-size:var(--font-small);line-height:1.4}.video-meta{display:flex;flex-direction:column;gap:var(--padding-micro)}.video-date{color:var(--text-secondary);font-size:var(--font-small);font-weight:500}.video-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--padding-micro)}.tag{background:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius-small);color:var(--primary-text);font-weight:500;padding:2px var(--padding-micro)}.tag,.tag-more{font-size:var(--font-small)}.no-videos,.tag-more{color:var(--text-secondary)}.no-videos{align-items:center;display:flex;flex-basis:100%;flex-direction:column;justify-content:center;padding:var(--padding-large) * 2;text-align:center;width:100%}.no-videos-icon{font-size:4rem;margin-bottom:var(--padding-medium)}.no-videos h3{color:var(--text-color);margin:0 0 var(--padding-small) 0}.no-videos p{font-size:var(--font-secondary);margin:0}.loading-state{height:100%}.error-state{align-items:center;color:var(--danger-text);display:flex;flex-direction:column;gap:var(--padding-medium);height:100%;justify-content:center;text-align:center}.error-icon{font-size:3rem}.error-message{font-size:var(--font-secondary);margin:0}.video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--padding-large);position:fixed;right:0;top:0;z-index:2000}.video-modal{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;max-width:1200px;overflow:hidden;width:100%}.modal-header-buttons{align-items:center;display:flex;gap:var(--padding-small)}.modal-video-container{aspect-ratio:16/9;background:#000;position:relative}.modal-video{border:none;height:100%;width:100%}.modal-info{border-top:1px solid var(--border-color);padding:var(--padding-large)}.modal-description{color:var(--text-color);font-size:var(--font-secondary);line-height:1.5;margin:0 0 var(--padding-medium) 0}.modal-meta{display:flex;flex-direction:column;gap:var(--padding-small)}.modal-date{color:var(--text-secondary);font-size:var(--font-secondary);font-weight:500}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--padding-small)}@media (max-width:768px){.videos-gallery{gap:var(--padding-medium)}.videos-controls,.videos-gallery{padding:var(--padding-medium)}.video-modal{max-height:95vh;max-width:95vw}.modal-info{padding:var(--padding-medium)}.video-modal .modal-header h3{font-size:var(--font-secondary)}}@media (max-width:480px){.videos-header{padding:var(--padding-medium)}.videos-header h2{font-size:var(--font-secondary)}.external-button,.play-button{font-size:16px;height:50px;width:50px}.external-button{font-size:14px;height:40px;width:40px}.video-modal{border-radius:0;max-height:100vh;max-width:100vw}.modal-info,.video-modal .modal-header{padding:var(--padding-small) var(--padding-medium)}}.videos-header-content{align-items:flex-start;display:flex;gap:var(--padding-medium);justify-content:space-between}.videos-header-text{flex:1 1}.add-video-btn{flex-shrink:0;white-space:nowrap}.add-video-modal,.edit-video-modal{max-height:80vh;max-width:500px;overflow-y:auto;width:90vw}.video-form{padding:var(--padding-large) var(--padding-large) 0}.video-form .form-actions{margin:var(--padding-medium) calc(var(--padding-large)*-1) 0}.video-form .form-group.url-group{position:relative}.video-form .form-group.url-group .btn-small{margin-top:var(--padding-small)}.video-form .metadata-fetched{align-items:center;color:#10b981;color:var(--success-color,#10b981);display:flex;font-size:var(--font-small);gap:var(--padding-micro);margin-top:var(--padding-micro)}.video-form .metadata-fetched:before{content:"✓";font-weight:700}@media (max-width:768px){.videos-header-content{align-items:stretch;flex-direction:column;gap:var(--padding-small)}.videos-gallery{padding:var(--padding-medium)}.add-video-modal,.edit-video-modal{max-height:90vh;width:95vw}.videos-gallery{display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(2,minmax(0,1fr))}.video-card{min-width:0;width:auto}.video-modal-overlay{padding:0}.video-modal{border:none;border-radius:0;height:100vh;height:100dvh;max-height:none;max-width:none;overflow-y:auto;width:100%}.video-modal .modal-header{padding-top:calc(var(--padding-small) + env(safe-area-inset-top))}}@media (max-width:480px){.videos-gallery{grid-template-columns:minmax(0,1fr)}}.teach-view{--teach-base:clamp(20px,1.6vw + 1.2vh,46px);--teach-size:1;--teach-fit:1;--teach-bar-height:64px;--teach-page-ms:400ms;--teach-page-ease:cubic-bezier(0.22,0.61,0.36,1);--teach-page-shadow:#00000040;--teach-page-dim:0.85;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-ui);inset:0;position:fixed;z-index:2900}.teach-view[data-teach-theme=dark]{--bg-color:#121417;--surface-color:#1d2024;--text-color:#f4f5f6;--text-secondary:#b8bfc6;--text-muted:#a3abb2;--border-color:#454a50;--primary-text:#8ab8ef;--teach-bar-bg:#1d2024f0;--teach-page-shadow:#000000b3;--teach-page-dim:0.6;color-scheme:dark}.teach-view[data-teach-theme=light]{--bg-color:#fff;--surface-color:#f3f4f6;--text-color:#16191c;--text-secondary:#4f565c;--text-muted:#5c636a;--border-color:#d5d9dd;--primary-text:#1f538d;--teach-bar-bg:#f3f4f6f5;color-scheme:light}.teach-view.teach-size-1{--teach-size:0.8}.teach-view.teach-size-2{--teach-size:0.9}.teach-view.teach-size-3{--teach-size:1}.teach-view.teach-size-4{--teach-size:1.15}.teach-view.teach-size-5{--teach-size:1.3}.teach-view.teach-idle{cursor:none}.teach-stage{flex:1 1;isolation:isolate;min-height:0;overflow:hidden;overflow:clip;position:relative}.teach-slide{display:flex;flex-direction:column;font-size:calc(var(--teach-base)*var(--teach-size)*var(--teach-fit));inset:0;line-height:1.45;outline:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:clamp(16px,4vh,56px) clamp(16px,5vw,80px) calc(var(--teach-bar-height) + 16px);position:absolute;z-index:2}.teach-slide-content{margin:auto;max-width:1200px;width:100%}.teach-slide-media .teach-slide-content{display:flex;flex:1 1;margin:0 auto;min-height:0}.teach-title{text-align:center}.teach-title h1{font-size:2.4em;line-height:1.15;margin:0 0 .5em;overflow-wrap:anywhere}.teach-when{color:var(--text-secondary);font-size:.9em;margin:0}.teach-heading{font-size:1.3em;line-height:1.2;margin:0 0 .6em}.teach-slide .ai-markdown{font-family:var(--font-reading);font-size:1em;line-height:1.45}.teach-slide .ai-markdown h1,.teach-slide .ai-markdown h2,.teach-slide .ai-markdown h3{font-family:var(--font-ui);line-height:1.2;margin:0 0 .6em}.teach-slide .ai-markdown h1{font-size:1.6em}.teach-slide .ai-markdown h2{font-size:1.35em}.teach-slide .ai-markdown h3{font-size:1.15em}.teach-slide .ai-markdown blockquote,.teach-slide .ai-markdown ol,.teach-slide .ai-markdown p,.teach-slide .ai-markdown ul{margin:0 0 .7em}.teach-slide .ai-markdown table{font-size:.8em}.teach-verses{font-family:var(--font-reading);margin:0}.teach-verses sup{font-size:.55em;font-weight:600}.teach-notice,.teach-verses sup{color:var(--text-secondary);font-family:var(--font-ui)}.teach-notice{font-size:max(14px,.5em);line-height:1.4;margin:1.5em 0 0}.teach-muted{color:var(--text-secondary)}.teach-media{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5em;justify-content:center;margin:0;min-height:0;width:100%}.teach-media figcaption{color:var(--text-secondary);flex:none;font-size:.8em;text-align:center}.teach-video-frame{aspect-ratio:16/9;background:#000;border-radius:var(--border-radius);overflow:hidden;position:relative;width:min(100%,calc(177.77778vh - var(--teach-bar-height)*16/9 - 16em))}.teach-video-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.teach-image img{flex:1 1;min-height:0;object-fit:contain;width:100%}.teach-notices p{font-size:.75em;margin:0 0 .8em}.teach-live{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.teach-bar{align-items:center;background:var(--teach-bar-bg);border-top:1px solid var(--border-color);bottom:0;display:flex;flex-wrap:wrap;gap:4px;left:0;min-height:var(--teach-bar-height);padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));position:absolute;right:0;transition:opacity .3s ease}.teach-bar.hidden{opacity:0;pointer-events:none}.teach-bar-spacer{flex:1 1}.teach-btn{align-items:center;background:#0000;border:0;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-large);justify-content:center;min-height:40px;min-width:40px;padding:0 10px}.teach-btn:hover:not(:disabled){background:var(--surface-color)}.teach-btn:focus-visible{outline:2px solid var(--primary-text);outline-offset:2px}.teach-btn:disabled{cursor:default;opacity:.35}.teach-counter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:72px}.teach-slide-list{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);bottom:calc(var(--teach-bar-height) + 8px);box-shadow:0 8px 24px #0000004d;left:max(12px,env(safe-area-inset-left));max-height:calc(100vh - var(--teach-bar-height) - 32px);overflow-y:auto;position:absolute;width:min(420px,calc(100vw - 24px))}.teach-slide-list ul{list-style:none;margin:0;padding:4px}.teach-slide-list button{align-items:baseline;background:#0000;border:0;border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:flex;font:inherit;font-size:var(--font-secondary);gap:10px;min-height:40px;padding:8px 12px;text-align:left;width:100%}.teach-slide-list button:focus-visible,.teach-slide-list button:hover{background:var(--bg-color);outline:none}.teach-slide-list button[aria-current=true]{color:var(--primary-text);font-weight:700}.teach-slide-number{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:2ch}@media (pointer:coarse){.teach-btn,.teach-slide-list button{min-height:44px;min-width:44px}}@media (max-width:480px){.teach-bar{gap:0;padding-left:4px;padding-right:4px}.teach-btn{padding:0 6px}.teach-counter{min-width:56px}}.teach-page-in{animation:var(--teach-page-ms) var(--teach-page-ease) both;background:var(--bg-color);will-change:transform}.teach-page-in.teach-page-forward{animation-name:teach-page-in-forward;box-shadow:-12px 0 32px var(--teach-page-shadow)}.teach-page-in.teach-page-back{animation-name:teach-page-in-back;box-shadow:12px 0 32px var(--teach-page-shadow)}.teach-page-out{animation:teach-page-dim var(--teach-page-ms) var(--teach-page-ease) both;background:var(--bg-color);pointer-events:none;z-index:1}@keyframes teach-page-in-forward{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes teach-page-in-back{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes teach-page-dim{to{filter:brightness(var(--teach-page-dim))}}@media (prefers-reduced-motion:reduce){.teach-bar{transition:none}.teach-page-in,.teach-page-out{animation:none}}.lessons-tab{background:var(--bg-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.lessons-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-large)}.lessons-header h2{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-heading);gap:var(--padding-small);margin:0 0 var(--padding-small) 0}.lessons-header p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.lessons-controls{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--padding-medium) var(--padding-large)}.lessons-controls .search-container{min-width:0}.lesson-folders{margin-top:var(--padding-small)}.lesson-folder-bar,.lesson-folder-chips{align-items:center;display:flex;gap:var(--padding-small);min-width:0}.lesson-folder-chips{-webkit-overflow-scrolling:touch;flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.lesson-folder-chips::-webkit-scrollbar{display:none}.lesson-folder-chip{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-pill);color:var(--text-color);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--font-secondary);gap:6px;max-width:220px;min-height:var(--btn-height);padding:0 12px}.lesson-folder-chip:hover{border-color:var(--primary-text)}.lesson-folder-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--btn-primary-text)}.lesson-folder-new{border-style:dashed;color:var(--text-secondary)}.lesson-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-folder-count{flex-shrink:0;font-size:var(--font-small);opacity:.75}.lesson-folder-actions{display:flex;flex-shrink:0;gap:2px}.lesson-folder-form{align-items:center;display:flex;flex-wrap:wrap;gap:var(--padding-small);margin-top:var(--padding-small)}.lesson-folder-form .form-input{flex:1 1 140px;min-width:0}.lesson-folder-form .field-error{flex-basis:100%;margin:0}.lessons-list{flex:1 1;overflow-y:auto;padding:var(--padding-large)}.lesson-cards{grid-gap:var(--padding-medium);display:grid;gap:var(--padding-medium);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}.lesson-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:var(--padding-small);height:100%;padding:var(--padding-medium);text-align:left;width:100%}.lesson-card:hover{border-color:var(--primary-text)}.lesson-card-top{align-items:flex-start;display:flex;gap:var(--padding-small);justify-content:space-between}.lesson-card-title{font-size:var(--font-large);overflow-wrap:anywhere}.lesson-badge{border:1px solid var(--primary-text);border-radius:var(--border-radius-pill);color:var(--primary-text);flex-shrink:0;font-size:var(--font-small);font-weight:600;padding:1px 8px}.lesson-card-meta,.lesson-card-when{color:var(--text-secondary);font-size:var(--font-small)}.lesson-card-meta{display:flex;flex-wrap:wrap;gap:var(--padding-small) var(--padding-medium)}.lesson-card-meta span{align-items:center;display:inline-flex}.lesson-card-folder{align-self:flex-start;background:var(--bg-color);border-radius:var(--border-radius-pill);font-size:var(--font-small);max-width:100%;padding:1px 8px}.lesson-card-excerpt,.lesson-card-folder{color:var(--text-secondary);overflow-wrap:anywhere}.lesson-card-excerpt{font-size:var(--font-secondary);line-height:1.45}.lesson-muted{color:var(--text-secondary);font-size:var(--font-secondary);margin:var(--padding-small) 0}.lesson-editor{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-medium);overflow-y:auto;padding:var(--padding-medium) var(--padding-large) var(--padding-large)}.lesson-editor>*{flex-shrink:0}.lesson-editor-header{display:flex;flex-direction:column;gap:var(--padding-small)}.lesson-editor-topline{display:flex;flex-wrap:wrap}.lesson-editor-topline,.lesson-save-status{align-items:center;gap:var(--padding-small)}.lesson-save-status{color:var(--text-secondary);display:inline-flex;font-size:var(--font-small)}.lesson-save-status.conflict,.lesson-save-status.error{color:var(--danger-text)}.lesson-actions{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto}.lesson-actions .btn{gap:var(--icon-gap)}.lesson-actions .is-shared{color:var(--primary-text)}.lesson-conflict{align-items:center;border:1px solid var(--warning-color);border-radius:var(--border-radius-small);color:var(--text-color);display:flex;flex-wrap:wrap;gap:var(--padding-small);justify-content:space-between;padding:var(--padding-small) var(--padding-medium)}.lesson-conflict span{align-items:center;display:inline-flex}.lesson-conflict-buttons{gap:var(--padding-small)}.lesson-title-input{background:#0000;border:none;border-bottom:2px solid var(--border-color);color:var(--text-color);font-size:var(--font-title);font-weight:600;padding:var(--padding-small) 0;width:100%}.lesson-title-input:focus{border-bottom-color:var(--primary-text);outline:none}.lesson-meta-fields{display:flex;flex-wrap:wrap;gap:var(--padding-medium)}.lesson-meta-fields label{display:flex;flex:1 1 160px;flex-direction:column;gap:4px;min-width:0}.lesson-meta-fields label:first-child{flex:0 1 180px}.lesson-segmented{align-self:flex-start;border:1px solid var(--border-color);border-radius:var(--btn-radius);display:inline-flex;overflow:hidden}.lesson-segmented button{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-medium);min-height:var(--btn-height);padding:0 var(--btn-padding-x)}.lesson-segmented button+button{border-left:1px solid var(--border-color)}.lesson-segmented button.active{background:var(--primary-color);color:var(--btn-primary-text)}.lesson-body{display:flex;flex-direction:column;gap:var(--padding-medium);min-height:320px}.lesson-body.split{align-items:stretch;flex-direction:row}.lesson-body [hidden]{display:none!important}.lesson-body-editor,.lesson-body-preview{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex:1 1;flex-direction:column;min-width:0}.lesson-body-preview{max-height:70vh;overflow-y:auto;padding:var(--padding-medium)}.lesson-toolbar{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:2px;padding:4px}.lesson-toolbar-divider{align-self:stretch;background:var(--border-color);margin:4px;width:1px}.lesson-textarea{background:var(--bg-color);border:none;border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--text-color);flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-body);line-height:1.6;min-height:320px;padding:var(--padding-medium);resize:vertical;width:100%}.lesson-textarea:focus{outline:2px solid var(--primary-text);outline-offset:-2px}.lesson-section{border-top:1px solid var(--border-color);padding-top:var(--padding-medium)}.lesson-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--padding-small);justify-content:space-between}.lesson-section-header h3{color:var(--text-color);font-size:var(--font-large);margin:0}.lesson-section-buttons{display:flex;flex-wrap:wrap;gap:var(--padding-small)}.lesson-passages{flex-direction:column;list-style:none;margin:var(--padding-small) 0 0;padding:0}.lesson-passage,.lesson-passages{display:flex;gap:var(--padding-small)}.lesson-passage{align-items:flex-start;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding-small) var(--padding-medium)}.lesson-passage details{flex:1 1;min-width:0}.lesson-passage summary{align-items:center;cursor:pointer;display:flex;font-weight:600;min-height:var(--btn-height)}.lesson-passage-text{font-family:var(--font-reading);line-height:1.6}.lesson-passage-text p{margin:var(--padding-small) 0}.lesson-notice{color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--font-small)}.lesson-item-buttons{display:inline-flex;flex-shrink:0}.lesson-media-grid{grid-gap:var(--padding-medium);display:grid;gap:var(--padding-medium);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));list-style:none;margin:var(--padding-small) 0 0;padding:0}.lesson-media-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden}.lesson-media-open{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font:inherit;padding:0;text-align:left}.lesson-media-open .media-picker-placeholder,.lesson-media-open img{aspect-ratio:16/9;object-fit:cover;width:100%}.lesson-media-title{font-size:var(--font-small);overflow-wrap:anywhere;padding:var(--padding-small)}.lesson-media-item .lesson-item-buttons{border-top:1px solid var(--border-color);justify-content:flex-end}.lesson-dialog{width:min(520px,calc(100vw - var(--padding-medium)*2))}.lesson-checkbox,.lesson-switch{align-items:center;cursor:pointer;display:flex;gap:var(--padding-small);min-height:var(--btn-height)}.lesson-switch{font-weight:600}.lesson-switch input{height:18px;width:18px}.share-link{flex-direction:column;margin:var(--padding-small) 0}.share-link,.share-link-buttons{display:flex;gap:var(--padding-small)}.share-link-buttons{flex-wrap:wrap}.share-link-buttons .btn{gap:var(--icon-gap)}.media-picker .modal-body{display:flex;flex-direction:column;gap:var(--padding-medium)}.media-picker-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:50vh;overflow-y:auto;padding:0}.media-picker-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:flex;font:inherit;gap:var(--padding-small);padding:4px;text-align:left;width:100%}.media-picker-item:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-color)}.media-picker-item:disabled{cursor:default;opacity:.6}.media-picker-item .media-picker-placeholder,.media-picker-item img{border-radius:var(--border-radius-small);flex-shrink:0;height:48px;object-fit:cover;width:72px}.media-picker-item span{flex:1 1;min-width:0;overflow-wrap:anywhere}.media-picker-item small,.media-picker-placeholder{color:var(--text-secondary)}.media-picker-placeholder{align-items:center;background:var(--bg-color);display:flex;justify-content:center}.lesson-media-viewer{width:min(900px,calc(100vw - var(--padding-medium)*2))}.lesson-image-full{display:block;margin:0 auto;max-height:75vh;max-width:100%}@media (max-width:768px){.lessons-controls,.lessons-header,.lessons-list{padding-left:var(--padding-medium);padding-right:var(--padding-medium)}.lesson-editor{padding:var(--padding-small) var(--padding-medium) var(--padding-large)}.lesson-action-label{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.lesson-actions{justify-content:space-between;margin-left:0;width:100%}.lesson-cards{grid-template-columns:1fr}.lesson-title-input{font-size:var(--font-heading)}.lesson-folder-bar{flex-wrap:wrap}.lesson-folder-chips{flex-basis:100%}.lesson-folder-actions{margin-left:auto}}@media (pointer:coarse){.lesson-folder-chip{min-height:44px}}.public-lesson-scroll{background:var(--bg-color);height:100%;overflow-y:auto}.public-lesson{background:var(--bg-color);color:var(--text-color);margin:0 auto;max-width:46rem;padding:var(--padding-large) var(--padding-medium)}.public-lesson-title-row{align-items:flex-start;display:flex;gap:var(--padding-medium);justify-content:space-between;margin-bottom:var(--padding-small)}.public-lesson-teach{align-items:center;display:inline-flex;flex:none}.public-lesson-header h1{font-size:var(--font-title);line-height:1.25;margin:0;overflow-wrap:anywhere}.public-lesson-when{color:var(--text-secondary);margin:0 0 var(--padding-large)}.public-lesson .ai-markdown{font-family:var(--font-reading);font-size:var(--reading-size);line-height:var(--reading-line-height)}.verse-reference-plain{color:var(--primary-text);font-weight:600}.public-lesson-section{border-top:1px solid var(--border-color);margin-top:var(--padding-large);padding-top:var(--padding-medium)}.public-lesson-section h2{font-size:var(--font-heading);margin:0 0 var(--padding-medium)}.public-lesson-passage{margin-bottom:var(--padding-large)}.public-lesson-passage h3{font-size:var(--font-large);margin:0 0 var(--padding-small)}.public-lesson-passage p{font-family:var(--font-reading);line-height:var(--reading-line-height);margin:0}.public-lesson-translation{font-weight:600}.public-lesson-notice,.public-lesson-translation{color:var(--text-secondary);font-size:var(--font-small)}.public-lesson-notice{font-family:var(--font-ui)!important;margin-top:var(--padding-small)!important}.public-lesson-media{margin:0 0 var(--padding-large)}.public-lesson-media img{border-radius:var(--border-radius);display:block;height:auto;max-width:100%}.public-lesson-media figcaption{color:var(--text-secondary);font-size:var(--font-secondary);margin-top:var(--padding-small)}.lesson-video-frame{aspect-ratio:16/9;background:#000;border-radius:var(--border-radius);overflow:hidden;position:relative;width:100%}.lesson-video-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.public-lesson-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-small);margin-top:calc(var(--padding-large)*2);padding-top:var(--padding-medium)}.public-lesson-footer p{margin:0 0 var(--padding-small)}.public-lesson a{color:var(--primary-text)}.public-lesson-missing{align-items:center;display:flex;flex-direction:column;gap:var(--padding-medium);padding-top:20vh;text-align:center}.public-lesson-missing h1{font-size:var(--font-heading);margin:0}.config-dialog-overlay{align-items:center;background:var(--overlay-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.config-dialog{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-popover);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90vw}.config-dialog-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--padding-medium) var(--padding-large)}.config-dialog-header h2{color:var(--text-color);font-size:var(--font-large);font-weight:600;margin:0}.config-dialog-body{display:flex;flex:1 1;min-height:0}.config-tabs{background:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:2px;min-width:210px;padding:var(--padding-small)}.config-tab-button{align-items:center;background:none;border:none;border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:flex-start;padding:8px 10px;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}.config-tab-button:hover{background:var(--surface-hover);color:var(--text-color)}.config-tab-button.active{background:rgba(var(--primary-color-rgb),.22);box-shadow:inset 3px 0 0 var(--primary-text);color:var(--text-color)}.config-tab-icon{align-items:center;display:inline-flex;font-size:18px;margin-right:var(--padding-small)}.config-tab-label{font-size:var(--font-body);font-weight:500}.config-content{flex:1 1;overflow-y:auto;padding:var(--padding-large)}.config-tab-content h3{color:var(--text-color);font-size:var(--font-heading);font-weight:600;margin:0 0 var(--padding-large) 0}.config-field{margin-bottom:var(--padding-large)}.config-field .config-field-label,.config-field label{color:var(--text-color);display:block;font-size:var(--font-body);font-weight:600;margin-bottom:6px}.config-field input[type=number],.config-field input[type=password],.config-field input[type=search],.config-field input[type=text],.config-field select,.config-field textarea{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--btn-radius);color:var(--text-color);font-size:var(--font-body);min-height:var(--btn-height);padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:var(--primary-text);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.25);outline:none}.config-field textarea{font-family:Consolas,Monaco,Courier New,monospace;line-height:1.5;min-height:120px;resize:vertical}.config-field input[type=number]{width:120px}.field-hint{color:var(--text-secondary);display:block;font-size:var(--font-small);margin-top:var(--padding-micro)}.model-select-row{align-items:center;display:flex;gap:var(--padding-small)}.model-select-row select{flex:1 1}.config-field input.model-filter{margin-bottom:var(--padding-small)}.field-hint.model-unavailable{color:var(--danger-text);font-style:normal}.key-replace-row,.key-status-row{align-items:center;display:flex;gap:var(--padding-small)}.key-replace-row{margin-top:var(--padding-small)}.key-replace-row input[type=password]{flex:1 1}.key-status{flex:1 1;font-size:var(--font-secondary)}.key-status.configured{color:var(--success-color)}.key-status.not-configured{color:var(--text-secondary)}.field-hint.key-error{color:var(--danger-text);font-style:normal}.key-replace-row input[type=text]{flex:1 1;min-width:0}.token-prefix,.token-snippet,.token-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-small)}.token-snippet{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-small);margin:var(--padding-small) 0;overflow-x:auto;padding:var(--padding-small);white-space:pre}.token-list{list-style:none;margin:var(--padding-small) 0 0;padding:0}.token-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--padding-small);padding:var(--padding-small) 0}.token-row .token-name{font-weight:600}.token-row .field-hint{flex:1 1;margin-top:0}.plan-tier{font-weight:600}.allowance{display:flex;flex-direction:column;gap:4px}.allowance-bar{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.allowance-bar-fill{background:var(--primary-color);height:100%}.billing-actions{display:flex;flex-wrap:wrap;gap:var(--padding-small)}.admin-user-list{list-style:none;margin:var(--padding-small) 0 0;padding:0}.admin-user-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--padding-small);padding:var(--padding-small) 0}.admin-user-row .admin-user-name{font-weight:600}.admin-user-row .field-hint{flex:1 1;margin-top:0}.admin-user-row .key-replace-row{flex-basis:100%}.admin-user-toggle{align-items:center;display:inline-flex;gap:4px}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--padding-medium);height:200px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.config-dialog-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--padding-small);justify-content:flex-end;padding:var(--padding-medium) var(--padding-large)}.config-version{align-self:center;color:var(--text-secondary);font-size:.8em;margin-right:auto}@media (max-width:768px){.config-dialog-overlay{align-items:stretch}.config-dialog{border:none;border-radius:0;height:100vh;height:100dvh;max-height:none;max-width:none;width:100%}.config-dialog-header{padding-top:calc(var(--padding-medium) + env(safe-area-inset-top))}.config-dialog-body{flex-direction:column}.config-tabs{border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;min-width:0;min-width:auto;overflow-x:auto;scrollbar-width:none}.config-tab-button{flex-shrink:0;white-space:nowrap;width:auto}.config-tab-button.active{box-shadow:inset 0 -2px 0 var(--primary-text)}.config-content{padding:var(--padding-medium)}.config-dialog-footer{padding:var(--padding-small) var(--padding-medium) calc(var(--padding-small) + env(safe-area-inset-bottom))}}@media (pointer:coarse){.config-tab-button{min-height:44px}.config-field input[type=number],.config-field input[type=password],.config-field input[type=search],.config-field input[type=text],.config-field select,.config-field textarea{font-size:16px;min-height:44px}}.auth-screen{align-items:center;background:var(--bg-color);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-ui);gap:var(--padding-large);justify-content:center;min-height:100vh;min-height:100dvh;padding:16px}.auth-app-name{font-size:var(--font-title);font-weight:600;margin:0;text-align:center}.app-actions .account-control{align-items:center;display:inline-flex;justify-content:center;min-height:36px;min-width:36px}.reading-menu-anchor{margin-left:auto;position:relative}.reading-menu-button{font-family:var(--font-reading);font-size:var(--font-medium);font-weight:600}.reading-menu-button[aria-expanded=true]{background:var(--btn-quiet-hover-bg)}.reading-menu{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-popover);color:var(--text-color);font-family:var(--font-ui);padding:var(--padding-small) var(--padding-medium) var(--padding-medium);position:absolute;right:0;top:calc(100% + 4px);width:min(300px,calc(100vw - var(--padding-medium)*2));z-index:950}.reading-menu-header{align-items:center;display:flex;justify-content:space-between;margin-right:-8px}.reading-menu-title{font-size:var(--font-medium);font-weight:600}.reading-menu-row+.reading-menu-row{margin-top:var(--padding-medium)}.reading-menu-label{color:var(--text-secondary);display:block;font-size:var(--font-small);font-weight:600;margin-bottom:6px}.reading-menu-stepper{align-items:center;display:flex;gap:var(--padding-small)}.reading-menu-stepper .btn{font-family:var(--font-reading);font-size:var(--font-medium);min-width:48px}.reading-menu-size{font-feature-settings:"tnum";flex:1 1;font-size:var(--font-medium);font-variant-numeric:tabular-nums;text-align:center}.reading-menu-options{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);display:flex;padding:2px}.reading-menu-option{background:#0000;border:none;border-radius:var(--border-radius-pill);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-small);font-weight:600;min-height:32px;min-width:0;padding:0 8px}.reading-menu-option:hover{color:var(--text-color)}.reading-menu-option[aria-pressed=true]{background:var(--primary-color);color:#fff}.reading-menu-option:focus-visible{outline:2px solid var(--primary-text);outline-offset:1px}@media (pointer:coarse){.reading-menu-option{min-height:44px}}
/*# sourceMappingURL=main.ca94f2c3.css.map*/