@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap";:root{color:#2d2630;font-synthesis:none;background:#f3ede8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f8f3ef 0,#eee5df 100%);min-width:320px;margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf9f5;border-bottom:1px solid #d9cbc4;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#5b2f43;border-radius:12px;place-items:center;width:44px;height:44px;font-family:Libre Baskerville,serif;font-weight:700;display:grid}.brand strong{font-family:Libre Baskerville,serif;font-size:18px;display:block}.brand span{letter-spacing:.08em;color:#8a727c;margin-top:3px;font-size:11px;display:block}.top-actions{gap:8px;display:flex}.top-actions button,.journal-tabs button,.verse-actions button,.chapter-nav button{color:#5b2f43;cursor:pointer;background:#fffaf7;border:1px solid #dacac3;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:flex}.workspace{grid-template-columns:240px minmax(0,1fr) 360px;min-height:calc(100vh - 76px);display:grid}.book-rail{background:#f9f4f0;border-right:1px solid #d9cbc4;height:calc(100vh - 76px);padding:18px 14px;position:sticky;top:76px;overflow:auto}.testament-tabs{gap:6px;display:grid}.testament-tabs button{text-align:left;color:#6e5a64;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-weight:600}.testament-tabs button.active{color:#fff;background:#5b2f43}.search-box{background:#fff;border:1px solid #dacac3;border-radius:10px;align-items:center;gap:8px;margin:15px 0;padding:8px 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}.book-list{gap:2px;display:grid}.book-list button{text-align:left;color:#5f5157;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.book-list button:hover,.book-list button.active{color:#4d2738;background:#eadfda;font-weight:700}.reader{background:#eee7e1;min-width:0}.reader-toolbar{z-index:10;background:#fffaf7;border-bottom:1px solid #d9cbc4;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:95px;padding:14px 24px;display:grid;position:sticky;top:76px}.chapter-title span,.eyebrow{letter-spacing:.14em;color:#9a7d89;font-size:10px;font-weight:700}.chapter-title h1{color:#3d2d35;margin:4px 0 0;font-family:Libre Baskerville,serif;font-size:25px}.chapter-nav{color:#6f5962;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.chapter-nav button{padding:7px}.highlighter-bar{color:#7c646e;align-items:center;gap:7px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:23px;height:23px}.swatch.yellow{background:#f4df78}.swatch.pink{background:#f2adc2}.swatch.blue{background:#a9cdec}.swatch.green{background:#b8d8a5}.swatch.purple{background:#cab6e9}.swatch.selected{outline-offset:2px;outline:2px solid #5b2f43}.chapter-page{background:#fffdf9;border:1px solid #e4d8d1;border-radius:5px;width:min(760px,100% - 36px);min-height:1000px;margin:26px auto;padding:42px 54px;box-shadow:0 14px 36px #4a323914}.verse-block{border-bottom:1px solid #f2ebe7;padding:10px 0 18px;position:relative}.above-note{resize:vertical;color:#6b595f;background:#fff8d9;border:0;border-bottom:1px dashed #e0cbc2;outline:none;width:100%;min-height:34px;margin-bottom:8px;padding:8px 10px;font-size:12px}.above-note:placeholder-shown{background:0 0}.verse-text{cursor:pointer;border-radius:5px;padding:5px 6px;font-family:Libre Baskerville,Georgia,serif;font-size:18px;line-height:1.85}.verse-text sup{color:#9b7e89;margin-right:8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700}.highlight-yellow{background:linear-gradient(#0000 18%,#f4df78a3 18% 86%,#0000 86%)}.highlight-pink{background:linear-gradient(#0000 18%,#f2adc294 18% 86%,#0000 86%)}.highlight-blue{background:linear-gradient(#0000 18%,#a9cdec99 18% 86%,#0000 86%)}.highlight-green{background:linear-gradient(#0000 18%,#b8d8a5a6 18% 86%,#0000 86%)}.highlight-purple{background:linear-gradient(#0000 18%,#cab6e994 18% 86%,#0000 86%)}.verse-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.verse-actions button{background:0 0;padding:5px 8px;font-size:11px}.verse-actions span{color:#a28d95;font-size:10px}.sticky-editor{background:#fff1a8;margin:10px 12px;padding:14px;position:relative;transform:rotate(-.4deg);box-shadow:0 8px 18px #553c1c1a}.sticky-editor strong{font-size:11px}.sticky-editor textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:80px;margin-top:7px;line-height:1.5;display:block}.sticky-editor .close{background:0 0;border:0;position:absolute;top:7px;right:7px}.journal-panel{background:#fffaf7;border-left:1px solid #d9cbc4;height:calc(100vh - 76px);position:sticky;top:76px;overflow:auto}.journal-tabs{z-index:2;background:#fffaf7;border-bottom:1px solid #dfd2cc;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px;display:grid;position:sticky;top:0}.journal-tabs button{justify-content:center;padding:8px 5px;font-size:11px}.journal-tabs button.active{color:#fff;background:#5b2f43;border-color:#5b2f43}.panel-content{padding:24px}.panel-content h2{margin:5px 0 10px;font-family:Libre Baskerville,serif;font-size:22px}.panel-content p{color:#78666d;font-size:12px;line-height:1.6}.large-note,.prompt textarea{resize:vertical;background:#fff;border:1px solid #decfc8;border-radius:10px;outline:none;width:100%;padding:13px;line-height:1.55}.large-note{min-height:420px}.large-note.blank{min-height:520px}.large-note.blank.notebook-lines{background-color:#fffdf9;background-image:repeating-linear-gradient(#0000 0 29px,#7d97b147 29px 30px);background-attachment:local;padding-top:9px;line-height:30px}.journal-paper-tools{justify-content:flex-end;margin:4px 0 12px;display:flex}.journal-paper-tools button{color:#6d5360;cursor:pointer;background:#fff;border:1px solid #dacac3;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.journal-paper-tools button.active{color:#5b2f43;background:#efe3e7;border-color:#8d6274}.linked-count,.save-note{color:#8f7380;align-items:center;gap:7px;margin-top:12px;font-size:11px;display:flex}.prompt{gap:7px;margin-top:18px;display:grid}.prompt span{font-size:12px;font-weight:700;line-height:1.45}.prompt textarea{min-height:95px}.journal-title{background:0 0;border:0;border-bottom:1px solid #ccb9b0;outline:none;width:100%;margin-bottom:14px;padding:10px 2px;font-family:Libre Baskerville,serif;font-size:18px}@media (width<=1050px){.workspace{grid-template-columns:190px minmax(0,1fr)}.journal-panel{z-index:30;width:min(390px,88vw);position:fixed;top:76px;right:0;box-shadow:-18px 0 40px #3023292e}.reader-toolbar{grid-template-columns:1fr auto}.highlighter-bar{grid-column:1/-1}.chapter-page{padding:36px}}@media (width<=720px){.topbar{padding:0 12px}.brand span{display:none}.top-actions button{font-size:0}.top-actions button svg{margin:0}.workspace{display:block}.book-rail{border-bottom:1px solid #d9cbc4;border-right:0;height:auto;position:relative;top:0}.testament-tabs{grid-template-columns:repeat(3,1fr)}.testament-tabs button{text-align:center;font-size:11px}.book-list{gap:5px;display:flex;overflow:auto}.book-list button{white-space:nowrap}.reader-toolbar{grid-template-columns:1fr auto;padding:12px;top:76px}.chapter-page{border:0;border-radius:0;width:100%;margin:0;padding:24px 18px}.verse-text{font-size:17px}.journal-panel{width:100%;top:76px}.chapter-title h1{font-size:20px}}.highlighter-area{position:relative}.highlighter-bar{flex-wrap:wrap}.new-highlighter-button{color:#5b2f43;cursor:pointer;background:#fffaf7;border:1px dashed #b99faa;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:700}.highlighter-creator{z-index:25;background:#fffaf7;border:1px solid #d9cbc4;border-radius:12px;grid-template-columns:42px minmax(120px,1fr) auto;align-items:center;gap:7px;padding:10px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 12px 30px #3c283229}.highlighter-creator input[type=color]{background:0 0;border:0;width:40px;height:34px;padding:0}.highlighter-creator input:not([type=color]){border:1px solid #d9cbc4;border-radius:8px;min-width:0;height:34px;padding:0 9px}.highlighter-creator button{color:#fff;cursor:pointer;background:#5b2f43;border:0;border-radius:8px;height:34px;padding:0 10px;font-weight:700}@media (width<=720px){.highlighter-creator{grid-template-columns:38px 1fr;left:0;right:auto}.highlighter-creator button{grid-column:1/-1}}.mobile-icon,.drawer-close,.mobile-bottom-bar{display:none}.import-button{color:#5b2f43;cursor:pointer;background:#fffaf7;border:1px solid #dacac3;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:flex}.import-button input{display:none}.verse-actions>div{gap:6px;display:flex}.verse-actions button.active{color:#fff;background:#5b2f43}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#22181d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.library-modal{background:#fffaf7;border:1px solid #d9cbc4;border-radius:20px;width:min(760px,100%);max-height:min(780px,90vh);padding:26px;position:relative;overflow:auto;box-shadow:0 30px 80px #1e121859}.modal-close{color:#5b2f43;cursor:pointer;background:#eee3df;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:18px}.modal-title{color:#5b2f43;align-items:center;gap:12px;display:flex}.modal-title h2{margin:3px 0 0;font-family:Libre Baskerville,serif}.bible-search{background:#fff;border:1px solid #cfbbb4;border-radius:12px;align-items:center;gap:9px;margin-top:20px;padding:12px 14px;display:flex}.bible-search input{background:0 0;border:0;outline:0;width:100%;font-size:16px}.result-count{color:#8a727c;font-size:12px}.result-list{gap:8px;display:grid}.result-list button{text-align:left;cursor:pointer;color:#3d2d35;background:#fff;border:1px solid #e1d5cf;border-radius:12px;padding:13px 15px}.result-list button:hover{background:#fff8f4;border-color:#8d6274}.result-list strong{color:#5b2f43;margin-bottom:5px;display:block}.result-list span{font-family:Libre Baskerville,serif;font-size:13px;line-height:1.55;display:block}.empty-state{text-align:center;color:#8a727c;padding:42px 10px}@media (width<=1200px){.top-actions>button:not(.mobile-icon),.top-actions>.import-button{padding:9px;font-size:0}.top-actions>button svg,.top-actions>.import-button svg{margin:0}}@media (width<=720px){body{padding-bottom:64px}.topbar{gap:8px;height:64px}.brand{flex:1}.brand-mark{width:38px;height:38px}.brand strong{font-size:15px}.mobile-icon{color:#5b2f43;background:0 0;border:0;place-items:center;padding:8px;display:grid}.top-actions>button:not(.mobile-icon),.top-actions>.import-button{display:none}.workspace{min-height:calc(100vh - 64px)}.book-rail{z-index:80;width:min(330px,90vw);height:100vh;padding-top:16px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:18px 0 45px #28192040}.book-rail.open{transform:translate(0)}.drawer-close{color:#5b2f43;background:#fff;border:1px solid #d9cbc4;border-radius:9px;align-items:center;gap:7px;margin:0 0 12px auto;padding:8px 10px;display:flex}.testament-tabs{grid-template-columns:1fr}.book-list{display:grid;overflow:visible}.reader-toolbar{grid-template-columns:1fr auto;min-height:82px;display:grid;top:64px}.highlighter-area{grid-column:1/-1}.highlighter-bar{flex-wrap:nowrap;padding:4px 2px;overflow-x:auto}.new-highlighter-button{white-space:nowrap}.chapter-page{padding-bottom:86px}.above-note{min-height:42px}.verse-actions{align-items:flex-start;gap:8px}.verse-actions>div{flex-wrap:wrap}.journal-panel{z-index:85;width:min(430px,100%);height:100vh;padding-top:12px;transition:transform .22s;position:fixed;inset:0 0 0 auto;transform:translate(105%);box-shadow:-18px 0 45px #28192040}.journal-panel.open{transform:translate(0)}.journal-panel>.drawer-close{margin-right:12px}.journal-tabs{top:51px}.mobile-bottom-bar{z-index:60;height:62px;padding-bottom:env(safe-area-inset-bottom);background:#fffaf7fa;border-top:1px solid #d9cbc4;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-bar button{color:#6d5360;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.library-modal{border-radius:16px;max-height:92vh;padding:22px 16px}.modal-backdrop{padding:10px}.modal-title{padding-right:40px}}@media print{.topbar,.book-rail,.reader-toolbar,.journal-tabs,.drawer-close,.mobile-bottom-bar,.verse-actions,.above-note,.modal-backdrop{display:none!important}.workspace{display:block}.reader{background:#fff}.chapter-page{width:100%;box-shadow:none;border:0;min-height:0;margin:0;padding:24px}.verse-block{break-inside:avoid}.journal-panel{width:100%;height:auto;box-shadow:none;border:0;position:static;transform:none}.panel-content{padding:24px 0}.large-note,.prompt textarea{border-color:#bbb;min-height:120px}.verse-text{font-size:14px;line-height:1.6}}:root{--reader-accent:#5a4735;--bible-font:Georgia,serif;--bible-font-size:22px}.verse-words{font-family:var(--bible-font)!important;font-size:var(--bible-font-size)!important}.brand-mark,.testament-tabs button.active,.journal-tabs button.active{background:var(--reader-accent)!important}body[data-reader-template=parchment] .app-shell,body[data-reader-template=parchment] .chapter-page{background:#f2e3c6!important}body[data-reader-template=rose] .app-shell,body[data-reader-template=rose] .chapter-page{background:#fff2f5!important}body[data-reader-template=midnight] .app-shell,body[data-reader-template=midnight] .chapter-page{color:#f6efe8!important;background:#22212a!important}body[data-reader-template=midnight] .verse-block{color:#f6efe8!important;background:#2d2b35!important}.chapter-nav{position:relative}.chapter-jump-button{justify-content:center;min-width:105px;font-weight:800!important}.quick-nav-popover{z-index:60;background:#fffaf7;border:1px solid #d9cbc4;border-radius:16px;width:min(560px,100vw - 32px);max-height:70vh;padding:16px;position:fixed;top:145px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 22px 60px #3023293d}.quick-reference{gap:8px;margin-bottom:14px;display:flex}.quick-reference input{background:#fff;border:1px solid #d7c5bd;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px}.quick-reference button{color:#fff;cursor:pointer;background:#5b2f43;border:0;border-radius:10px;padding:0 18px;font-weight:800}.quick-nav-label{text-transform:uppercase;letter-spacing:.12em;color:#8f7380;margin:12px 0 7px;font-size:11px;font-weight:800}.quick-number-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.quick-number-grid button{color:#5b2f43;cursor:pointer;background:#fff;border:1px solid #decfc8;border-radius:8px;padding:7px 3px;font-weight:700}.quick-number-grid button:hover,.quick-number-grid button.active{color:#fff;background:#5b2f43;border-color:#5b2f43}.quick-number-grid.verses{max-height:180px;overflow:auto}.verse-block.jump-target{outline-offset:6px;background:#f4df782e;border-radius:8px;outline:3px solid #5b2f4359;transition:background .3s,outline .3s}@media (width<=720px){.quick-nav-popover{max-height:72vh;top:125px}.quick-number-grid{grid-template-columns:repeat(6,1fr)}}.continue-reading-card{color:#5b2f43;cursor:pointer;background:#fffaf7;border:1px solid #d9cbc4;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;width:min(760px,100% - 36px);margin:16px auto 0;padding:12px 16px;display:flex;box-shadow:0 8px 24px #4a32390f}.continue-reading-card span{text-transform:uppercase;letter-spacing:.12em;color:#967985;font-size:11px;font-weight:800}.continue-reading-card strong{font-family:Libre Baskerville,serif}.reading-hub-modal{width:min(680px,100%)}.reading-primary{color:#fff;text-align:left;cursor:pointer;background:#5b2f43;border:0;border-radius:14px;justify-content:space-between;gap:12px;width:100%;margin:20px 0 8px;padding:16px 18px;display:flex}.reading-primary span{opacity:.82;font-size:12px}.reading-primary strong{font-family:Libre Baskerville,serif}.reading-section{margin-top:22px}.reading-heading{color:#5b2f43;justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.reading-heading span{background:#eee3df;border-radius:999px;padding:3px 8px;font-size:11px}.reading-list{gap:8px;display:grid}.reading-list button{text-align:left;color:#3d2d35;cursor:pointer;background:#fff;border:1px solid #e1d5cf;border-radius:11px;gap:4px;padding:12px 14px;display:grid}.reading-list button:hover{background:#fff8f4;border-color:#8d6274}.reading-list button span{color:#5b2f43;font-weight:800}.reading-list button small{color:#806c75;line-height:1.45}.reading-empty{color:#917d85;text-align:center;border:1px dashed #d7c6bf;border-radius:11px;padding:18px;font-size:12px}@media (width<=720px){.continue-reading-card{width:calc(100% - 24px);margin-top:10px}.reading-primary{display:grid}}.chapter-page{position:relative}.ink-canvas{z-index:8;pointer-events:none;touch-action:auto;width:100%;height:100%;position:absolute;inset:0}.chapter-page.ink-active .ink-canvas{pointer-events:auto;touch-action:none}.chapter-page.ink-active .verse-block{z-index:2;position:relative}.stylus-toolbar{z-index:55;background:#fffaf7;border:1px solid #d8c8c1;border-radius:14px;gap:9px;width:min(820px,100% - 28px);margin:10px auto 12px;padding:12px 14px;display:grid;position:sticky;top:8px;box-shadow:0 12px 32px #3f2b3324}.stylus-status{color:#5b2f43;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.stylus-status span{background:#c8b7bd;border-radius:50%;width:9px;height:9px}.stylus-status span.detected{background:#5f9f69;box-shadow:0 0 0 4px #5f9f6924}.stylus-modes{flex-wrap:wrap;gap:7px;display:flex}.stylus-modes button{color:#5b2f43;cursor:pointer;background:#fff;border:1px solid #d8c8c1;border-radius:9px;padding:7px 11px;font-weight:750}.stylus-modes button.active{color:#fff;background:#5b2f43;border-color:#5b2f43}.stylus-modes .clear-ink{color:#8a3f4c;margin-left:auto}.stylus-toolbar small{color:#85717a;line-height:1.4}.active-tool{color:#fff!important;background:#5b2f43!important}@media (width<=720px){.stylus-toolbar{width:calc(100% - 18px);top:4px}.stylus-modes .clear-ink{margin-left:0}.stylus-modes button{flex:auto}}.stylus-toolbar{display:none!important}.ink-canvas{z-index:8;touch-action:auto;width:100%;height:100%;position:absolute;inset:0;pointer-events:none!important}.pen-style-select{color:#5b2f43;background:#fff;border:1px solid #d8c8c1;border-radius:9px;max-width:126px;padding:6px 9px;font-weight:700}.ink-history-button,.ink-clear-button{min-width:34px;color:#5b2f43!important;background:#fff!important;border:1px solid #d8c8c1!important;border-radius:9px!important;padding:6px 9px!important;font-weight:800!important}.ink-history-button{font-size:19px!important;line-height:1!important}.ink-clear-button{font-size:11px!important}.pen-style-select:focus,.ink-history-button:focus,.ink-clear-button:focus{outline-offset:2px;outline:2px solid #8d6274}@media (width<=720px){.pen-style-select{max-width:110px}.ink-clear-button{display:none}}html.pen-writing-lock,body.pen-writing-lock{overscroll-behavior:none!important;overflow:hidden!important}.smart-ink-page.pen-contact{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}.smart-ink-page.pen-contact textarea,.smart-ink-page.pen-contact input{pointer-events:none!important}.smart-ink-page{touch-action:pan-y}.smart-ink-page .ink-canvas{pointer-events:none!important}.smart-ink-page.pen-contact{-webkit-touch-callout:none!important}.handwriting-mode-select{color:#5b2f43;background:#fff;border:1px solid #d8c8c1;border-radius:9px;max-width:150px;padding:6px 9px;font-weight:700}.handwriting-mode-select:focus{outline-offset:2px;outline:2px solid #8d6274}@media (width<=720px){.handwriting-mode-select{max-width:138px;font-size:12px}}html.pen-writing-lock,body.pen-writing-lock{height:auto!important;position:static!important;inset:auto!important;overflow:visible!important}.smart-ink-page{overscroll-behavior:contain;position:relative}.smart-ink-page.pen-contact{overscroll-behavior:none!important;-webkit-user-select:none!important;user-select:none!important}.smart-ink-page.pen-contact,.smart-ink-page.pen-contact *{cursor:crosshair}.ink-canvas{pointer-events:none!important}.smart-ink-page .verse-block{z-index:2;position:relative}.smart-ink-page.pen-contact textarea{pointer-events:none!important}.smart-ink-page{min-height:max(1000px,100vh - 150px)}.freehand-ink-mode textarea,.freehand-ink-mode input{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;caret-color:#0000!important}.freehand-ink-mode .above-note{background:0 0!important;border-bottom:1px dashed #b4968752!important}.freehand-ink-mode .verse-text,.freehand-ink-mode .verse-actions,.freehand-ink-mode .sticky-editor{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.freehand-ink-mode{touch-action:pan-y pinch-zoom}.freehand-ink-mode.pen-contact{touch-action:none!important}.freehand-ink-mode .ink-canvas{z-index:15!important}.freehand-ink-mode .verse-block{z-index:2!important}.text-entry-mode textarea,.text-entry-mode input{pointer-events:auto!important}.freehand-ink-mode .verse-block{padding-top:18px;padding-bottom:28px}.freehand-ink-mode .above-note{min-height:52px;margin-bottom:12px}@media (width<=900px){.freehand-ink-mode .verse-block{padding-top:20px;padding-bottom:32px}.freehand-ink-mode .above-note{min-height:58px}}.verse-block{border-bottom:1px solid #785c671f!important;margin-bottom:22px!important;padding-top:14px!important;padding-bottom:76px!important}.verse-text{margin-left:8px!important;margin-right:8px!important}.verse-actions{margin-top:14px!important;margin-bottom:8px!important}@media (width>=721px){.chapter-page{padding-left:72px!important;padding-right:72px!important}.verse-block{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}}@media (width<=720px){.verse-block{margin-bottom:24px!important;padding-bottom:88px!important}.chapter-page{padding-left:24px!important;padding-right:24px!important}}.smart-ink-page.freehand-active{overscroll-behavior:contain;-webkit-user-select:none;user-select:none;position:relative}.smart-ink-page.freehand-active .above-note,.smart-ink-page.freehand-active .sticky-editor textarea{caret-color:#0000;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.smart-ink-page.freehand-active .verse-text{padding-top:18px!important;padding-bottom:18px!important;line-height:2.5!important}.smart-ink-page.freehand-active .verse-block{margin-bottom:24px!important;padding-top:20px!important;padding-bottom:82px!important}.smart-ink-page.freehand-active .above-note{margin-bottom:28px!important}.smart-ink-page.freehand-active .ink-canvas{touch-action:none!important}.smart-ink-page.freehand-active .verse-text,.smart-ink-page.freehand-active .verse-actions,.smart-ink-page.freehand-active .above-note{z-index:1;position:relative}@media (width>=721px){.smart-ink-page.freehand-active{padding-left:78px!important;padding-right:78px!important}.smart-ink-page.freehand-active .verse-block{margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important}}@media (width<=1100px){.smart-ink-page.freehand-active{padding-left:36px!important;padding-right:36px!important}.smart-ink-page.freehand-active .verse-text{line-height:2.6!important}.smart-ink-page.freehand-active .verse-block{padding-bottom:94px!important}}@media (width<=720px){.smart-ink-page.freehand-active{padding-left:26px!important;padding-right:26px!important}.smart-ink-page.freehand-active .verse-text{line-height:2.7!important}.smart-ink-page.freehand-active .verse-block{padding-bottom:106px!important}.smart-ink-page.freehand-active .above-note{margin-bottom:34px!important}}.smart-ink-page.freehand-active{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important}.smart-ink-page.freehand-active.pen-contact{touch-action:none!important;overscroll-behavior:none!important}.smart-ink-page.freehand-active .ink-canvas{z-index:3!important;pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.smart-ink-page.freehand-active .verse-block,.smart-ink-page.freehand-active .verse-text,.smart-ink-page.freehand-active .verse-actions,.smart-ink-page.freehand-active .above-note{z-index:1!important;position:relative!important}.smart-ink-page.freehand-active .above-note,.smart-ink-page.freehand-active textarea,.smart-ink-page.freehand-active input{pointer-events:none!important}.smart-ink-page.freehand-active .verse-text{touch-action:pan-y!important}.smart-ink-page.freehand-active.pen-contact .verse-text,.smart-ink-page.freehand-active.pen-contact .verse-block{touch-action:none!important}@supports (-webkit-touch-callout:none){.smart-ink-page.freehand-active{backface-visibility:hidden;transform:translateZ(0)}.smart-ink-page.freehand-active .ink-canvas{will-change:auto}}.reader-toolbar{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.highlighter-area{grid-column:1/-1!important;width:100%!important;max-width:none!important}.highlighter-bar{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;padding:8px 6px 10px!important;display:flex!important;overflow:auto hidden!important}.highlighter-bar>*{flex:none!important}.pen-tools{flex-wrap:nowrap!important;order:1!important;align-items:center!important;gap:9px!important;display:flex!important}.handwriting-mode-toggle{order:2!important;align-items:center!important;gap:6px!important;display:flex!important}.ink-actions{order:3!important;align-items:center!important;gap:6px!important;display:flex!important}.highlighter-bar .swatch{order:4!important}.new-highlighter-button{order:5!important}.highlighter-creator{left:6px!important;right:auto!important}.smart-ink-page.freehand-active,.smart-ink-page.freehand-active .ink-canvas{touch-action:none!important}.smart-ink-page.freehand-active .ink-canvas{pointer-events:auto!important;cursor:crosshair!important}.smart-ink-page.freehand-active .verse-text,.smart-ink-page.freehand-active .verse-block,.smart-ink-page.freehand-active .verse-actions{pointer-events:none!important}.smart-ink-page.text-entry-active .verse-text,.smart-ink-page.text-entry-active .verse-block,.smart-ink-page.text-entry-active .verse-actions{pointer-events:auto!important}@media (pointer:fine){.smart-ink-page.freehand-active .ink-canvas{cursor:crosshair!important}}@media (width<=1100px){.highlighter-bar{gap:10px!important;padding-bottom:12px!important}.reader-toolbar{padding-left:14px!important;padding-right:14px!important}}@media (width<=720px){.highlighter-area:before{display:none!important}.highlighter-bar{gap:8px!important}.reader-toolbar{padding-left:10px!important;padding-right:10px!important}}.highlighter-area{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important;padding-top:6px!important}.highlighter-area:before{display:none!important}.highlighter-bar{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:100%!important;padding:4px 0 8px!important;display:flex!important;overflow:visible!important}.highlighter-bar>svg{display:none!important}.pen-style-buttons{-webkit-overflow-scrolling:touch!important;border-bottom:1px solid #5b2f431a!important;flex:0 0 100%!important;order:1!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;padding:2px 0 8px!important;display:flex!important;overflow:auto hidden!important}.pen-style-buttons button{color:#4b3a42!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;min-width:76px!important;height:58px!important;font-size:10px!important;font-weight:700!important;display:flex!important;position:relative!important}.pen-style-buttons button .tool-icon{font-size:22px!important;line-height:1!important}.pen-style-buttons button.active{color:#5b2f43!important;background:#fbf4f1!important}.pen-style-buttons button.active:after{content:"";background:#b72f3c;border-radius:999px;height:3px;position:absolute;bottom:0;left:16px;right:16px}.ribbon-nav{border-right:1px solid #e2d6d0!important;order:2!important;align-items:center!important;gap:6px!important;margin-right:8px!important;padding-right:10px!important;display:flex!important}.ribbon-nav button,.ink-history-button,.ink-clear-button{color:#5b2f43!important;cursor:pointer!important;background:#fff!important;border:1px solid #dacac3!important;border-radius:9px!important;place-items:center!important;min-width:38px!important;height:38px!important;font-weight:800!important;display:grid!important}.ribbon-nav button:disabled{opacity:.35!important;cursor:not-allowed!important}.highlighter-bar .swatch{flex:0 0 27px!important;order:3!important;width:27px!important;height:27px!important}.new-highlighter-button{white-space:nowrap!important;order:4!important;height:38px!important}.handwriting-mode-buttons{border:1px solid #dacac3!important;border-radius:999px!important;order:5!important;align-items:center!important;margin-left:4px!important;display:flex!important;overflow:hidden!important}.handwriting-mode-buttons button{color:#604b55!important;cursor:pointer!important;background:#fff!important;border:0!important;height:36px!important;padding:0 13px!important;font-weight:700!important}.handwriting-mode-buttons button.active{color:#fff!important;background:#4a3b40!important}.ink-history-button{order:6!important}.ink-clear-button{white-space:nowrap!important;order:7!important;padding:0 10px!important}.highlighter-creator{top:112px!important;left:4px!important;right:auto!important}.reader-toolbar{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.chapter-nav{align-self:start!important}@media (width<=1100px){.highlighter-bar{gap:8px!important}.pen-style-buttons button{min-width:70px!important}.handwriting-mode-buttons{flex:none!important}.highlighter-bar{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;overflow-x:auto!important}.pen-style-buttons{border-bottom:0!important;border-right:1px solid #5b2f431a!important;flex:none!important;min-width:max-content!important;margin-right:2px!important;padding-right:8px!important}.ribbon-nav{flex:none!important}}@media (width<=720px){.reader-toolbar{padding:9px 10px!important}.pen-style-buttons button{min-width:64px!important;height:54px!important}.pen-style-buttons button .tool-icon{font-size:20px!important}.handwriting-mode-buttons button{padding:0 10px!important;font-size:11px!important}.highlighter-bar .swatch{flex-basis:25px!important;width:25px!important;height:25px!important}}.note-title-input,.note-tags-input{background:#fff;border:1px solid #decfc8;border-radius:9px;outline:none;width:100%;margin:0 0 9px;padding:10px 12px}.note-archive-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.note-archive-actions button:first-child{color:#fff;background:#5b2f43;border-color:#5b2f43}.notes-library-modal{width:min(920px,96vw)!important}.notes-library-filters{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr));gap:8px;margin:18px 0 10px;display:grid}.notes-library-filters input,.notes-library-filters select{background:#fff;border:1px solid #d9cbc4;border-radius:9px;min-width:0;padding:9px 10px}.notes-library-count{color:#8a727c;margin-bottom:10px;font-size:12px}.notes-library-list{gap:10px;display:grid}.notes-library-card{background:#fff;border:1px solid #e1d5cf;border-radius:12px;padding:14px}.notes-library-card-head{justify-content:space-between;gap:12px;display:flex}.notes-library-card-head strong{color:#4d2738;display:block}.notes-library-card-head span{color:#8a727c;margin-top:3px;font-size:11px;display:block}.notes-library-card-head button{color:#8d6274;cursor:pointer;background:0 0;border:0;font-size:22px}.notes-library-card p{white-space:pre-wrap;margin:10px 0;font-family:Libre Baskerville,serif;font-size:13px;line-height:1.6}.note-tag-row{flex-wrap:wrap;gap:6px;display:flex}.note-tag-row span{color:#6d5360;background:#f2e8e4;border-radius:999px;padding:4px 8px;font-size:10px}.notes-pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.notes-pagination button{color:#5b2f43;cursor:pointer;background:#fff;border:1px solid #dacac3;border-radius:9px;padding:8px 11px}.notes-pagination button:disabled{opacity:.4;cursor:not-allowed}.notes-pagination span{color:#78666d;font-size:12px}@media (width<=850px){.notes-library-filters{grid-template-columns:1fr 1fr}.notes-library-filters input{grid-column:1/-1}}@media (width<=520px){.notes-library-filters{grid-template-columns:1fr}.notes-library-filters input{grid-column:auto}.notes-pagination{flex-wrap:wrap;justify-content:center}}.smart-ink-page.freehand-ink-mode{touch-action:none!important;overscroll-behavior:contain!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important}.smart-ink-page.freehand-ink-mode .ink-canvas{z-index:30!important;pointer-events:auto!important;touch-action:none!important;cursor:crosshair!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.smart-ink-page.freehand-ink-mode .verse-block,.smart-ink-page.freehand-ink-mode .verse-text,.smart-ink-page.freehand-ink-mode .verse-actions,.smart-ink-page.freehand-ink-mode .above-note,.smart-ink-page.freehand-ink-mode .sticky-editor{z-index:2!important;pointer-events:none!important;position:relative!important}.smart-ink-page.freehand-ink-mode textarea,.smart-ink-page.freehand-ink-mode input,.smart-ink-page.text-entry-mode .ink-canvas{pointer-events:none!important}.smart-ink-page.text-entry-mode .verse-block,.smart-ink-page.text-entry-mode .verse-text,.smart-ink-page.text-entry-mode .verse-actions,.smart-ink-page.text-entry-mode textarea,.smart-ink-page.text-entry-mode input{pointer-events:auto!important}.smart-ink-page.freehand-ink-mode.pen-contact{touch-action:none!important}@media (hover:hover) and (pointer:fine){.smart-ink-page.freehand-ink-mode .ink-canvas{cursor:crosshair!important}}.guided-notes-panel .guided-title{margin-top:8px}.note-tags-input{color:#5b2f43;background:#fff;border:1px solid #decfc8;border-radius:10px;outline:none;width:100%;margin:0 0 8px;padding:10px 12px}.note-archive-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.note-archive-actions button{color:#fff;cursor:pointer;background:#5b2f43;border:0;border-radius:10px;padding:10px 13px;font-weight:800}.note-archive-actions button.secondary{color:#5b2f43;background:#fff;border:1px solid #dacac3}.notes-library-card[data-kind=guided]{border-left:4px solid #8d6274}@media (width<=720px){.note-archive-actions button{flex:100%}}.bible-image-upload{color:#5b2f43;cursor:pointer;background:#fff;border:1px solid #dacac3;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-weight:700;display:inline-flex}.bible-image-upload input{display:none}.bible-image-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.bible-placed-image{pointer-events:auto;touch-action:none;cursor:grab;border:1px dashed #0000;border-radius:8px;padding:3px;position:absolute}.bible-placed-image:active{cursor:grabbing;border-color:#5b2f4373}.bible-placed-image img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6px;width:100%;height:auto;max-height:420px;display:block;box-shadow:0 5px 18px #1e140f1f}.bible-image-controls{opacity:0;gap:3px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.bible-placed-image:hover .bible-image-controls,.bible-placed-image:focus-within .bible-image-controls{opacity:1}.bible-image-controls button{color:#5b2f43;background:#fff;border:1px solid #5b2f4333;border-radius:50%;width:28px;height:28px;padding:0;font-weight:800;box-shadow:0 2px 8px #0000001f}@media (pointer:coarse){.bible-image-controls{opacity:1}}.smart-ink-page{position:relative!important}.smart-ink-page .ink-canvas{transform-origin:0 0!important;max-width:none!important;max-height:none!important;position:absolute!important;inset:0 auto auto 0!important;transform:none!important}.smart-ink-page.freehand-ink-mode .ink-canvas{inset:0 auto auto 0!important}.smart-ink-page{position:relative;contain:layout style!important}.ink-canvas.local-highlight-canvas{z-index:2!important;pointer-events:none!important}.ink-canvas.handwriting-ink-canvas{z-index:3!important;pointer-events:none!important}.smart-ink-page{-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom!important}.smart-ink-page .ink-canvas,.smart-ink-page .highlighter-canvas{touch-action:pan-y pinch-zoom!important;pointer-events:none!important}.journal-panel textarea,.journal-panel input{touch-action:manipulation!important;pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.journal-panel .large-note,.journal-panel .prompt textarea{cursor:text!important}.smart-ink-page{-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom!important}.smart-ink-page.pen-contact{touch-action:none!important;overscroll-behavior:contain!important}.smart-ink-page .ink-canvas,.smart-ink-page .local-highlighter-canvas{pointer-events:none!important}.journal-panel textarea,.journal-panel input{touch-action:auto!important;-webkit-user-select:text!important;user-select:text!important}.journal-panel{overscroll-behavior:contain}.reader{overscroll-behavior-y:contain}.journal-ink-wrap{background:#fffdf9;border:1px solid #decfc8;border-radius:12px;width:100%;margin-top:8px;position:relative;overflow:hidden}.journal-ink-canvas{touch-action:none;cursor:crosshair;background:0 0;width:100%;display:block}.journal-ink-placeholder{color:#a28d95;pointer-events:none;font-size:14px;position:absolute;top:16px;left:16px}.journal-ink-clear{color:#5b2f43;cursor:pointer;background:#fffaf7f0;border:1px solid #dacac3;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}.handwriting-mode-buttons button.active{box-shadow:inset 0 0 0 2px #5b2f432e}.journal-panel .journal-ink-canvas{touch-action:none!important}@media (pointer:coarse){.journal-ink-clear{opacity:.92}}.journal-ink-wrap{touch-action:pan-y pinch-zoom;overscroll-behavior:contain}.journal-ink-canvas{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.journal-ink-canvas.pen-contact{touch-action:none!important}.journal-ink-wrap .journal-ink-placeholder{pointer-events:none}@media (pointer:coarse){.journal-ink-clear{z-index:3;position:relative}}.smart-ink-page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom!important}.smart-ink-page.pen-contact{touch-action:none!important}.ink-canvas,.local-highlighter-canvas{pointer-events:none!important}.scroll-mode-hint{color:#6d5360;white-space:nowrap;background:#f4ece8;border-radius:9px;align-items:center;min-height:36px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.pen-style-buttons button[title*=move\ through]{border-style:dashed}.pen-style-buttons button[title*=move\ through].active{border-style:solid}@media (width<=720px){.smart-ink-page{touch-action:pan-y pinch-zoom!important}.scroll-mode-hint{font-size:10px}}.strongs-study-card,.strongs-definition-card{background:#fff;border:1px solid #5b2f4326;border-radius:14px;margin-top:16px;padding:16px}.strongs-study-card>p{font-family:Georgia,serif;font-size:1.05rem;line-height:1.7}.strongs-word-grid{flex-wrap:wrap;gap:8px 10px;margin-top:14px;display:flex}.strongs-word-item{background:#faf7f5;border:1px solid #5b2f4314;border-radius:10px;align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.strongs-word-item>button{color:#fff;background:#5b2f43;border:0;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.strongs-definition-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.strongs-definition-head>strong{color:#5b2f43;font-size:1.25rem}.strongs-lemma{font-size:1.3rem}.strongs-definition-card p{line-height:1.55}.strongs-definition-card pre{white-space:pre-wrap;word-break:break-word;font-size:12px}.strongs-source-note{opacity:.65;margin-top:14px;font-size:11px}@media (width<=720px){.strongs-word-grid{gap:7px}.strongs-word-item{padding:6px}.strongs-study-card,.strongs-definition-card{padding:13px}}.verse-text{cursor:pointer}.verse-text:hover .verse-words{text-underline-offset:4px;-webkit-text-decoration:underline dotted #5b2f4347;text-decoration:underline dotted #5b2f4347}.strongs-occurrences{border-top:1px solid #5b2f4324;margin-top:16px;padding-top:14px}.strongs-occurrence-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.strongs-occurrence-head>span{opacity:.7;font-size:12px}.strongs-occurrence-row{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #5b2f431a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 7px;padding:10px 12px;display:flex}.strongs-occurrence-row:hover{background:#faf7f5}.strongs-occurrence-row strong{color:#5b2f43}.strongs-occurrence-row span{font-family:Georgia,serif;font-size:.94rem;line-height:1.45}@media (pointer:coarse){.verse-text:hover .verse-words{text-decoration:none}}.precepts-button{border-color:#5b2f4333!important}.precepts-modal{width:min(820px,100%)}.precepts-intro{color:#6b5660;background:#f7efeb;border-radius:12px;align-items:flex-start;gap:9px;margin:18px 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.precepts-list{gap:8px;display:grid}.precept-row{text-align:left;color:#352b30;cursor:pointer;background:#fff;border:1px solid #5b2f431f;border-radius:12px;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:12px 14px;display:flex}.precept-row:hover{background:#fbf5f2;border-color:#5b2f4347}.precept-row strong{color:#5b2f43}.precept-row span{font-family:Georgia,serif;font-size:.95rem;line-height:1.5}@media (width<=720px){.precepts-modal{padding:20px}.precept-row{padding:11px}}.strongs-tap-hint{color:#6d5360;background:#f6eeeb;border-radius:10px;margin:12px 0 2px;padding:9px 11px;font-size:12px;line-height:1.45}.strongs-word-item>button{cursor:pointer;transition:transform .12s,box-shadow .12s}.strongs-word-item>button:hover,.strongs-word-item>button:focus-visible{outline-offset:2px;outline:2px solid #5b2f4333;transform:translateY(-1px);box-shadow:0 4px 10px #5b2f432e}.strongs-definition-card b{color:#5b2f43}.strongs-occurrence-row{cursor:pointer}.smart-ink-page .verse-actions,.smart-ink-page .verse-actions *{-webkit-user-select:none;user-select:none}.smart-ink-page>.ink-canvas{pointer-events:none!important}.verse-actions{z-index:60;position:relative;pointer-events:auto!important}.verse-actions>div{z-index:61;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative;pointer-events:auto!important}.verse-actions button{z-index:62;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:#5b2f4314;background:#fffdfb;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 12px;display:inline-flex;position:relative;pointer-events:auto!important}.verse-actions button:hover{background:#f8f1ed}.verse-actions button:active{transform:translateY(1px)}.verse-actions button:focus-visible{outline-offset:2px;outline:2px solid #5b2f4352}.verse-actions button.active{color:#fff!important;background:#5b2f43!important;border-color:#5b2f43!important}.precepts-button{font-weight:500}.sticky-editor{z-index:65;position:relative;pointer-events:auto!important}.sticky-editor textarea,.sticky-editor button{pointer-events:auto!important}.smart-ink-page.freehand-ink-mode>.ink-canvas,.smart-ink-page.freehand-ink-mode>.ink-canvas.handwriting-ink-canvas,.smart-ink-page.freehand-ink-mode>.ink-canvas.local-highlight-canvas{pointer-events:none!important}.smart-ink-page.freehand-ink-mode .verse-actions{z-index:80!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important;position:relative!important}.smart-ink-page.freehand-ink-mode .verse-actions>div{z-index:81!important;pointer-events:auto!important;position:relative!important}.smart-ink-page.freehand-ink-mode .verse-actions button,.smart-ink-page.freehand-ink-mode .verse-actions button *{z-index:82!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important}.smart-ink-page,.smart-ink-page *{touch-action:pan-y pinch-zoom!important}.smart-ink-page{overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}.smart-ink-page .ink-canvas,.smart-ink-page .local-highlight-canvas,.smart-ink-page .handwriting-ink-canvas{pointer-events:none!important}.smart-ink-page .verse-actions,.smart-ink-page .verse-actions *{pointer-events:auto!important}.smart-ink-page.freehand-ink-mode{touch-action:pan-y pinch-zoom!important}.smart-ink-page.freehand-ink-mode.pen-contact{touch-action:none!important;overscroll-behavior-y:contain!important}.smart-ink-page.text-entry-mode,.smart-ink-page.text-entry-mode *{touch-action:pan-y pinch-zoom!important}.smart-ink-page.text-entry-mode .verse-text,.smart-ink-page.text-entry-mode .verse-block,.smart-ink-page.text-entry-mode .verse-actions{pointer-events:auto!important}.scroll-mode-hint{display:none!important}


/* ==========================================================
   KJV STUDY JOURNAL — TABLET LAYOUT V2
   Added 2026-09-16
   Dedicated iPad/tablet portrait + landscape behavior.
   ========================================================== */

/* Tablet and compact desktop: reduce chrome and force the writing
   controls into ONE scrollable ribbon so they never stack over scripture. */
@media screen and (min-width:721px) and (max-width:1400px) {
  .topbar{
    height:60px!important;
    min-height:60px!important;
    padding:0 12px!important;
    gap:8px!important;
  }
  .brand{gap:8px!important;min-width:0!important}
  .brand-mark{width:36px!important;height:36px!important;border-radius:9px!important}
  .brand strong{font-size:14px!important}
  .brand span{font-size:8px!important;margin-top:1px!important}
  .top-actions{gap:5px!important}
  .top-actions>button,.top-actions>.import-button{padding:7px!important}

  .reader-toolbar{
    top:60px!important;
    min-height:0!important;
    padding:6px 10px!important;
    gap:6px!important;
  }
  .chapter-title h1{font-size:18px!important;margin:1px 0 0!important}
  .chapter-title span,.eyebrow{font-size:8px!important}
  .chapter-nav{gap:4px!important}
  .chapter-nav button{padding:5px 6px!important}

  .highlighter-area{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .highlighter-bar{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    padding:3px 2px 5px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
  }
  .highlighter-bar>*,
  .handwriting-mode-buttons,
  .pen-style-buttons,
  .ribbon-nav{
    flex:0 0 auto!important;
  }
  .handwriting-mode-buttons,
  .pen-style-buttons,
  .ribbon-nav{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  .handwriting-mode-buttons button,
  .pen-style-buttons button,
  .ribbon-nav button,
  .ink-history-button,
  .ink-clear-button,
  .new-highlighter-button,
  .bible-image-upload{
    min-width:0!important;
    width:auto!important;
    min-height:30px!important;
    height:30px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .pen-style-buttons button{
    display:inline-flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:1px!important;
  }
  .pen-style-buttons .tool-icon{font-size:12px!important;line-height:10px!important}
  .swatch{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    flex:0 0 19px!important;
  }

  /* Make each verse materially shorter vertically. */
  .chapter-page{
    margin-top:8px!important;
    margin-bottom:8px!important;
    padding-top:14px!important;
    padding-bottom:20px!important;
  }
  .verse-block{
    padding:3px 0 7px!important;
  }
  .above-note{
    min-height:22px!important;
    height:24px!important;
    padding:2px 6px!important;
    margin:0 0 2px!important;
    font-size:10px!important;
    line-height:18px!important;
    resize:vertical!important;
  }
  .verse-text{
    line-height:1.42!important;
    padding:1px 3px!important;
  }
  .verse-text sup{
    margin-right:5px!important;
  }
  .verse-actions{
    margin-top:2px!important;
    gap:4px!important;
  }
  .verse-actions>div{gap:3px!important}
  .verse-actions button{
    min-height:27px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    gap:4px!important;
  }
  .verse-actions span{font-size:8px!important}

  .panel-content{padding:12px!important}
  .panel-content h2{font-size:18px!important;margin:3px 0 5px!important}
  .panel-content p{font-size:10px!important;line-height:1.35!important;margin:4px 0 7px!important}
  .note-title-input,.note-tags-input,.journal-title{
    padding:7px 8px!important;
    margin-bottom:6px!important;
    font-size:11px!important;
  }
}

/* ---------- IPAD / TABLET LANDSCAPE ---------- */
@media screen and (min-width:721px) and (max-width:1400px) and (orientation:landscape) {
  html,body,#root,.app-shell{min-width:0!important;max-width:100%!important}
  body{padding-bottom:0!important;overflow-x:hidden!important}

  /* TRUE three-column layout. No fixed note overlay. */
  .workspace{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr) 270px!important;
    min-height:calc(100vh - 60px)!important;
    width:100%!important;
    align-items:start!important;
  }

  .book-rail{
    position:sticky!important;
    inset:auto!important;
    top:60px!important;
    width:auto!important;
    height:calc(100vh - 60px)!important;
    min-width:0!important;
    transform:none!important;
    transition:none!important;
    box-shadow:none!important;
    z-index:5!important;
    padding:8px 7px!important;
    overflow-y:auto!important;
  }
  .book-rail .drawer-close,
  .journal-panel>.drawer-close,
  .mobile-bottom-bar{display:none!important}

  .testament-tabs{gap:3px!important}
  .testament-tabs button{padding:6px 6px!important;font-size:9px!important}
  .search-box{margin:6px 0!important;padding:6px!important}
  .book-list{gap:0!important}
  .book-list button{padding:4px 5px!important;font-size:10px!important}

  .reader{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .reader-toolbar{
    grid-template-columns:minmax(105px,1fr) auto!important;
  }
  .highlighter-area{grid-column:1/-1!important}

  .chapter-page{
    width:calc(100% - 10px)!important;
    max-width:none!important;
    margin-left:5px!important;
    margin-right:5px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .journal-panel{
    position:sticky!important;
    inset:auto!important;
    top:60px!important;
    width:auto!important;
    min-width:0!important;
    height:calc(100vh - 60px)!important;
    transform:none!important;
    transition:none!important;
    box-shadow:none!important;
    z-index:5!important;
    padding-top:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-left:1px solid #d9cbc4!important;
  }
  .journal-tabs{
    position:sticky!important;
    top:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:5px!important;
    gap:2px!important;
  }
  .journal-tabs button{
    min-width:0!important;
    padding:5px 2px!important;
    font-size:8px!important;
    gap:2px!important;
    overflow:hidden!important;
  }
  .journal-tabs button svg{width:12px!important;height:12px!important;flex:0 0 12px!important}

  .journal-ink-wrap{min-height:245px!important;margin-top:5px!important}
  .journal-ink-canvas{height:245px!important}
  .journal-ink-clear{padding:5px 7px!important;font-size:9px!important}
  .note-archive-actions{gap:4px!important;margin-top:8px!important}
  .note-archive-actions button{padding:7px 8px!important;font-size:9px!important}
  .linked-count,.save-note{font-size:9px!important;margin-top:7px!important}
}

/* 10–11 inch landscape tablets: protect center reader even more. */
@media screen and (min-width:721px) and (max-width:1150px) and (orientation:landscape) {
  .workspace{grid-template-columns:135px minmax(0,1fr) 240px!important}
  .book-rail{padding-left:5px!important;padding-right:5px!important}
  .chapter-page{padding-left:9px!important;padding-right:9px!important}
  .panel-content{padding:9px!important}
}

/* ---------- IPAD / TABLET PORTRAIT ---------- */
@media screen and (min-width:721px) and (max-width:1100px) and (orientation:portrait) {
  body{padding-bottom:60px!important;overflow-x:hidden!important}
  .topbar{height:60px!important}
  .brand{flex:1!important;min-width:0!important}
  .brand span{display:none!important}

  /* Only compact controls in the top bar. */
  .mobile-icon{
    display:grid!important;
    place-items:center!important;
    border:0!important;
    background:transparent!important;
    color:#5b2f43!important;
    padding:7px!important;
  }
  .top-actions>button:not(.mobile-icon),
  .top-actions>.import-button{display:none!important}

  .workspace{
    display:block!important;
    width:100%!important;
    min-height:calc(100vh - 60px)!important;
  }

  /* Book list is a drawer, NOT a permanent column. */
  .book-rail{
    position:fixed!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:min(330px,88vw)!important;
    height:100vh!important;
    z-index:80!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    box-shadow:18px 0 45px rgba(40,25,32,.25)!important;
    padding:14px 12px!important;
    overflow-y:auto!important;
  }
  .book-rail.open{transform:translateX(0)!important}

  .drawer-close{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    border:1px solid #d9cbc4!important;
    background:#fff!important;
    color:#5b2f43!important;
    border-radius:8px!important;
    padding:7px 9px!important;
    margin:0 0 10px auto!important;
  }
  .testament-tabs{grid-template-columns:1fr!important}
  .book-list{display:grid!important;overflow:visible!important}

  /* Reader owns the whole portrait screen. */
  .reader{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .reader-toolbar{
    top:60px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:5px 9px!important;
  }
  .highlighter-area{grid-column:1/-1!important}

  .chapter-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    padding:10px 18px 72px!important;
    min-height:calc(100vh - 108px)!important;
  }

  /* Keep action buttons on one small row and remove helper text. */
  .verse-actions{align-items:center!important}
  .verse-actions>div{flex-wrap:nowrap!important;gap:3px!important}
  .verse-actions>span{display:none!important}

  /* Notes/Journal is also a drawer, hidden until Journal is tapped. */
  .journal-panel{
    position:fixed!important;
    inset:0 0 0 auto!important;
    left:auto!important;
    top:0!important;
    width:min(440px,94vw)!important;
    height:100vh!important;
    z-index:85!important;
    transform:translateX(105%)!important;
    transition:transform .22s ease!important;
    box-shadow:-18px 0 45px rgba(40,25,32,.25)!important;
    padding-top:10px!important;
    overflow-y:auto!important;
  }
  .journal-panel.open{transform:translateX(0)!important}
  .journal-panel>.drawer-close{margin-right:10px!important}
  .journal-tabs{top:47px!important}

  .mobile-bottom-bar{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    background:rgba(255,250,247,.98)!important;
    border-top:1px solid #d9cbc4!important;
    z-index:60!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .mobile-bottom-bar button{
    border:0!important;
    background:transparent!important;
    color:#6d5360!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:9px!important;
    font-weight:700!important;
  }
}

@media screen and (min-width:721px) and (max-width:850px) and (orientation:portrait) {
  .chapter-page{padding-left:13px!important;padding-right:13px!important}
  .verse-text{line-height:1.38!important}
  .above-note{min-height:20px!important;height:22px!important}
}