.verse-text{padding:0 1rem;-webkit-user-select:none;user-select:none}.verse-container,.verse-text{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.verse-container{align-items:center;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 15%,#000 85%,#0000);mask-image:linear-gradient(180deg,#0000 0,#000 15%,#000 85%,#0000);pointer-events:none;z-index:0}.verse-container.empty-state{align-items:center;display:flex;justify-content:center}.empty-message{color:var(--text-muted);font-size:1.2rem;font-weight:500;padding:2rem;pointer-events:none;text-align:center}.verses{cursor:grab;margin:0 auto;max-width:800px;pointer-events:all;position:absolute;text-align:center;transition:transform .4s cubic-bezier(0,0,.25,1);width:100%;will-change:transform}.verses.transitioning{opacity:0;transition:none;visibility:hidden}.verses.manual-control{cursor:grabbing;transition:none}.verses.syncing{cursor:grab;transition:transform .3s ease-out}.verses p{border-radius:4px;font-size:1rem;font-weight:500;line-height:1.6;margin:0;padding:.5rem;position:relative;transition:all var(--transition-normal)}.verses p,.verses p.current-verse{color:var(--text)}.verses p.very-near-current{color:color-mix(in hsl shorter hue,var(--text),var(--background) 10%)}.verses p.near-current{color:color-mix(in hsl shorter hue,var(--text),var(--background) 20%)}.verses.manual-control p{transition:none}.manual-indicator{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;border-radius:20px;color:#fff;font-size:.9rem;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);transition:opacity .2s ease;z-index:var(--z-manual-indicator)}.manual-indicator.visible{opacity:1}.fade-overlay{background:linear-gradient(to bottom,var(--background) 0,var(--background) 10%,#fff0 25%,#fff0 75%,var(--background) 90%,var(--background) 100%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:var(--z-overlay)}.audio-player{background-color:var(--background);box-shadow:0 -2px 10px var(--shadow-color);display:flex;flex-direction:column;gap:.25rem;padding:20px 20px 15px;position:relative;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);z-index:var(--z-audio-player)}.controls{gap:1rem}.controls,.time-indicator{display:flex;justify-content:center}.time-indicator{color:var(--text-muted);font-size:.9em;text-align:center;transition:color var(--transition-normal)}.audio-player button{aspect-ratio:1;background:none;border:none;color:var(--text);cursor:pointer;font-size:20px;min-width:2.25rem;padding:8px;transition:transform var(--transition-fast),opacity var(--transition-fast),color var(--transition-normal)}.audio-player button:disabled{cursor:default;opacity:.5}.audio-player button:not(:disabled):hover{opacity:.8;transform:scale(1.1)}.audio-player button:not(:disabled):active{transform:scale(.95)}.seek-bar-container{align-items:center;display:flex;height:var(--seekbar-height);margin-bottom:.5rem;position:relative;width:100%}.seek-bar-background{background-color:var(--background-muted);border-radius:2.5px;transition:background-color var(--transition-normal);z-index:var(--z-seekbar-track)}.seek-bar,.seek-bar-background{height:100%;position:absolute;width:100%}.seek-bar{-webkit-appearance:none;background:#0000;cursor:pointer;left:0;margin:0;outline:none;top:50%;transform:translateY(-50%);z-index:var(--z-seekbar-thumb)}.seek-bar-progress{background-color:var(--primary);border-radius:2.5px;height:100%;left:0;pointer-events:none;position:absolute;transition:background-color var(--transition-normal);will-change:left,right,width;z-index:calc(var(--z-seekbar-track) + 2)}.seek-bar-progress.disabled{background:#0000}.seek-bar:disabled{background:var(--disabled);cursor:default;opacity:.5}.seek-bar:not(:disabled):hover{height:var(--seekbar-height-hover)}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--primary);border-radius:50%;cursor:pointer;height:var(--thumb-size);margin-top:calc((var(--seekbar-height) - var(--thumb-size))/2);transform:translateY(0);-webkit-transition:background-color var(--transition-normal);transition:background-color var(--transition-normal);width:var(--thumb-size);will-change:transform}.seek-bar:disabled::-webkit-slider-thumb{background:var(--disabled);cursor:default}.seek-bar:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.2)}.seek-bar::-webkit-slider-runnable-track{background:#0000;border-radius:2.5px;height:var(--seekbar-height);width:100%}.seek-bar:disabled::-webkit-slider-runnable-track{background:var(--disabled)}.seek-bar::-moz-range-thumb{background-color:var(--primary);border:none;border-radius:50%;cursor:pointer;height:var(--thumb-size);transform:translateY(0);-moz-transition:background-color var(--transition-normal);transition:background-color var(--transition-normal);width:var(--thumb-size);will-change:transform}.seek-bar:disabled::-moz-range-thumb{background:var(--disabled);cursor:default}.seek-bar:not(:disabled):hover::-moz-range-thumb{transform:scale(1.2)}.seek-bar::-moz-range-track{background:#0000;border-radius:2.5px;height:var(--seekbar-height);width:100%}.seek-bar:disabled::-moz-range-track{background:var(--disabled)}input[type=range]:disabled::-moz-range-thumb{cursor:default}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.time-indicator.loading{animation:pulse 1.5s ease-in-out infinite;color:var(--primary);font-weight:500}@media (hover:none) and (pointer:coarse){.seek-bar{height:var(--seekbar-height-hover)}.seek-bar::-webkit-slider-thumb{height:var(--thumb-size-mobile);width:var(--thumb-size-mobile)}.seek-bar::-moz-range-thumb{height:var(--thumb-size-mobile);width:var(--thumb-size-mobile)}.audio-player button{min-height:var(--control-height);min-width:var(--control-height)}}.main-screen{max-height:100vh;min-height:100vh}.content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.chapter-title{color:var(--text);font-size:1.2rem;font-weight:600;left:0;padding:8px;pointer-events:none;position:absolute;right:0;text-align:center;text-shadow:0 0 4px #fffc;top:10px;transition:color var(--transition-normal);z-index:var(--z-overlay)}.dark-theme .chapter-title{text-shadow:0 0 4px #000c}:root{--primary:#2196f3;--primary-dark:#0056b3;--danger:#dc3545;--danger-dark:#c82333;--success:#2ecc71;--purple:#9b59b6;--text:#333;--text-muted:#666;--border:#d0d0d0;--background:#fff;--background-muted:#e5e5e5;--background-hover:#f0f0f0;--disabled:#999;--shadow-color:#0000001a;--transition-fast:0.1s ease;--transition-normal:0.2s ease;--transition-slow:0.4s ease;--control-height:44px;--seekbar-height:6px;--seekbar-height-hover:8px;--thumb-size:12px;--thumb-size-hover:14px;--thumb-size-mobile:18px;--z-audio-player:10;--z-navigation:30;--z-overlay:5;--z-manual-indicator:15;--z-seekbar-thumb:4;--z-seekbar-progress:2;--z-seekbar-track:1}.dark-theme{--primary:#3498db;--primary-dark:#2980b9;--danger:#e74c3c;--danger-dark:#c0392b;--success:#2ecc71;--purple:#9b59b6;--text:#e1e1e1;--text-muted:#b0b0b0;--border:#555;--background:#18191a;--background-muted:#2a2a2a;--background-hover:#3a3a3a;--disabled:#777;--shadow-color:#0000004d}body{background-color:#fff;background-color:var(--background);color:#333;color:var(--text);font-family:Arial,sans-serif;margin:0;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}button:disabled,input:disabled{cursor:default;opacity:.5}.burger-menu{background:none;border:none;color:#333;color:var(--text);cursor:pointer;font-size:24px;left:10px;position:fixed;top:10px;z-index:20}.navigation-popover{background:#fff;background:var(--background);display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.nav-header{background:#e5e5e5;background:var(--background-muted);border-bottom:1px solid #d0d0d0;border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem;position:relative}.nav-header-title{color:#2b89bf;font-size:1.5rem;font-weight:700;margin:.25rem 0;padding-top:0;text-align:center}.nav-footer{background-color:#fff;background-color:var(--background);border-top:1px solid #d0d0d0;border-top:1px solid var(--border);padding:15px}.logout-button{background-color:#dc3545;background-color:var(--danger);border:none;border-radius:8px;color:#fff;color:var(--background);cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .2s ease;transition:background-color var(--transition-normal);width:100%}.logout-button:not(:disabled):hover{background-color:#c82333;background-color:var(--danger-dark)}.main-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.nav-actions{justify-content:space-between;margin:1rem 0}.back-button,.nav-actions{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:4px;color:#666;color:var(--text-muted);cursor:pointer;font-size:1rem;gap:.5rem;padding:.5rem}.back-button:not(:disabled):hover{background:#f0f0f0;background:var(--background-hover)}.switch{align-items:center;cursor:pointer;display:inline-flex;gap:.25rem;position:relative}.switch input{height:0;opacity:0;width:0}.slider{background-color:#d0d0d0;background-color:var(--border);border-radius:24px;display:inline-block;height:24px;position:relative;width:48px}.slider,.slider:before{transition:.4s ease;transition:var(--transition-slow)}.slider:before{background-color:#fff;background-color:var(--background);border-radius:50%;bottom:2px;content:"";height:20px;left:2px;position:absolute;width:20px}input:checked~.slider{background-color:#2196f3;background-color:var(--primary)}input:checked~.slider:before{transform:translateX(24px)}.switch-label{color:#666;color:var(--text-muted);font-size:.9rem}.tabs{display:flex;gap:1rem;margin-top:.5rem}.tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#333;color:var(--text);cursor:pointer;flex:1 1;font-size:1rem;padding:.5rem}.tabs button.active{border-bottom-color:#2196f3;border-bottom-color:var(--primary);color:#2196f3;color:var(--primary)}.fa-icon{font-size:1.25rem!important;height:1.25rem!important;width:1.25rem!important}.close-btn{background:none;font-size:20px;right:10px;top:10px}.close-btn,.close-button{border:none;cursor:pointer;position:absolute}.close-button{align-items:center;background:#fff;background:var(--background);border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#666;color:var(--text-muted);display:flex;height:2.5rem;justify-content:center;padding:.5rem;right:1rem;top:1rem;transition:all .2s ease;transition:all var(--transition-normal);width:2.5rem;z-index:10}.close-button:not(:disabled):hover{background:#ffffffe6;color:#dc3545;color:var(--danger)}.close-button svg{font-size:1.5rem!important;height:1.5rem!important;width:1.5rem!important}.books-grid{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;height:100%;overflow-y:auto;padding:.25rem .75rem}.recent-listens{margin-bottom:20px}.chapter-header{align-items:center;display:flex;justify-content:space-between;padding:0}.chapter-header h2{font-size:1.25rem;margin:0;padding:.5rem}.grid-header{align-items:center;display:flex;justify-content:space-between}.grid-header-left{flex:1 1}.grid-header-right{margin-left:auto;padding:.5rem}.select-all-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease;transition:background-color var(--transition-normal)}.select-all-button,.select-all-button:not(:disabled):hover{background:#f0f0f0;background:var(--background-hover)}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:.5rem;padding-bottom:1rem}.grid-item{align-items:center;aspect-ratio:1;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;justify-content:center;position:relative;text-align:center;transition:transform .2s ease,opacity .2s ease;transition:transform var(--transition-normal),opacity var(--transition-normal)}.grid-item:hover{opacity:.9;transform:scale(1.05)}.grid-item.not-started{background-color:#0056b3;background-color:var(--primary-dark)}.grid-item.in-progress{background-color:#9b59b6;background-color:var(--purple)}.grid-item.completed{background-color:#2ecc71;background-color:var(--success)}.progress-indicator{background:#0003;border-radius:10px;bottom:5px;font-size:.8em;padding:2px 6px;position:absolute;right:5px}.mode-toggle{margin-bottom:20px}.search-bar{margin-bottom:1rem;margin-top:1.25rem;position:relative;width:100%}.search-bar input{background-color:#e5e5e5;background-color:var(--background-muted);border:1px solid #d0d0d0;border:1px solid var(--border);border-radius:4px;box-sizing:border-box;color:#333;color:var(--text);font-size:1rem;padding:.75rem;width:100%}.search-bar input:focus{border-color:#2196f3;border-color:var(--primary);box-shadow:0 0 0 2px #2196f31a;outline:none}.search-results{list-style:none;padding:0}.search-results li{cursor:pointer;padding:5px}.search-results li:hover{background:#f0f0f0;background:var(--background-hover)}.login{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.login h2{margin-bottom:20px}.login form{display:flex;flex-direction:column;gap:10px;width:300px}.login label{margin-bottom:5px}.login input{padding:8px;width:100%}.login button{border:none;color:#fff;color:var(--background);cursor:pointer;padding:10px}.login button,.login button:disabled,.login button:not(:disabled):hover{background-color:#0056b3;background-color:var(--primary-dark)}.login button:disabled{cursor:default;opacity:.5}.error{margin-top:10px}.logout-btn{background-color:#dc3545;background-color:var(--danger);border:none;color:#fff;color:var(--background);cursor:pointer;padding:10px;width:100%}.logout-btn:not(:disabled):hover{background-color:#c82333;background-color:var(--danger-dark)}.recent-listens{padding:20px}.recent-listens ul{list-style:none;padding:0}.recent-listens button{border:none;border-radius:5px;cursor:pointer;margin:5px 0;padding:10px;width:100%}.recent-listens button,.recent-listens button:not(:disabled):hover{background:#f0f0f0;background:var(--background-hover)}.login-container{height:100vh}.login-form{box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-color);max-width:400px}.login-form input{border-radius:5px;margin:10px 0;padding:10px}.login-form button{background:#0056b3;background:var(--primary-dark);border-radius:5px;margin-top:20px;padding:10px}.login-form button:disabled{background-color:#0056b3;background-color:var(--primary-dark);cursor:default;opacity:.5}.error-message{color:#dc3545;color:var(--danger);margin-top:10px;text-align:center}.login-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.login-form{background:#fff;background:var(--background);border-radius:10px;box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);max-width:450px;padding:30px;transition:all .2s ease;transition:all var(--transition-normal);width:100%}.login-form h2{color:#2196f3;color:var(--primary);font-size:1.8rem;margin-bottom:24px;text-align:center}.input-group{margin-bottom:20px}.input-group label{color:#333;color:var(--text);display:block;font-weight:500;margin-bottom:8px}.login-form input{border:1px solid #d0d0d0;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:5px;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.login-form input:focus{border-color:#2196f3;border-color:var(--primary);box-shadow:0 0 0 3px #2196f326;outline:none}.login-form button{background:#2196f3;background:var(--primary);border:none;border-radius:8px;color:#fff;color:var(--background);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:background .2s ease;transition:background var(--transition-normal);width:100%}.login-form button:not(:disabled):hover{background:#0056b3;background:var(--primary-dark)}.login-form button:disabled{background-color:#2196f3;background-color:var(--primary);cursor:not-allowed;opacity:.7}.error{background-color:#dc35451a;color:#dc3545;color:var(--danger)}.error,.offline-notice{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.offline-notice{background-color:#fff3cd;color:#856404}@media (max-width:600px){.grid{grid-template-columns:repeat(4,1fr)}.navigation-popover{width:100%}.login-form{max-width:100%;padding:24px}.login-form h2{font-size:1.5rem}}.nav-content{flex:1 1;height:100%;overflow-y:auto}.nav-footer button:disabled,.nav-header button:disabled,.tabs button:disabled{cursor:default;opacity:.5}
/*# sourceMappingURL=main.8b78369c.css.map*/