:root{--bg-color:#121212;--text-color:#fff;--accent-color:#3b82f6;--secondary-bg:#1e1e1e;--highlight-bg:#333;--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input{-webkit-user-select:text!important;user-select:text!important}::selection{background:#3b82f666}::selection{background:#3b82f666}input::selection{background:#3b82f666!important}html{width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;max-width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{width:100%;max-width:100%;height:100%;position:relative;overflow:hidden}.view{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:100%;height:100%;transition:transform .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.view.hidden{pointer-events:none;display:none}.view.active{display:flex}#home-view{flex-direction:column}.home-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.big-btn{background-color:var(--secondary-bg);width:100%;height:40%;color:var(--text-color);cursor:pointer;touch-action:none;border:none;border-radius:20px;font-size:2rem;font-weight:700;transition:transform .1s,background-color .2s;position:relative}.big-btn:active{background-color:var(--highlight-bg);transform:scale(.98)}.big-btn.active{background-color:var(--highlight-bg);transform:scale(.98);box-shadow:0 4px 12px #0000004d}.header{background-color:var(--bg-color);box-sizing:border-box;z-index:100;border-bottom:1px solid #333;flex-shrink:0;align-items:center;width:100%;max-width:100%;min-height:60px;padding:10px 20px;display:flex;overflow:hidden}.view:not(#home-view) .header{display:flex!important}.back-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-right:10px;padding:10px;font-size:1.5rem}.search-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:10px;padding:10px;display:flex}.search-btn:active{opacity:.7}.search-modal{background:var(--bg-color);z-index:2000;border-radius:20px 20px 0 0;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:50px 0 0;transform:translateY(100%);box-shadow:0 -5px 25px #00000080}.search-modal.active{transform:translateY(0)}.search-modal.hidden{display:none}.search-dismiss-container{justify-content:flex-end;padding:15px 20px 5px;display:flex}.search-dismiss-btn{background:var(--secondary-bg);color:var(--text-color);cursor:pointer;border:1px solid #ffffff1a;border-radius:20px;padding:8px 24px;font-size:.9rem;font-weight:600;transition:opacity .2s,background .2s}.search-dismiss-btn:active{background:var(--highlight-bg)}.search-header{align-items:center;gap:10px;padding:10px 15px;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}#search-input{width:100%;color:var(--text-color);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 45px 14px 16px;font-size:1rem;transition:border-color .2s,background .2s}#search-input:focus{border-color:var(--accent-color);background:#ffffff1f}#search-input::placeholder{color:#fff6}.search-clear-btn{color:var(--text-color);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:background .2s;display:none;position:absolute;right:8px}.search-clear-btn:active{background:#fff3}.search-results{flex:1;padding:10px;overflow-y:auto}.search-result-item{background:var(--secondary-bg);cursor:pointer;border-radius:10px;margin-bottom:8px;padding:14px 16px}.search-result-item:active{background:var(--highlight-bg)}.search-result-ref{color:var(--accent-color);margin-bottom:4px;font-size:.9rem;font-weight:600}.search-result-text{color:#fffc;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-text mark{color:inherit;background:#3b82f666;border-radius:2px}.search-no-results{text-align:center;color:#ffffff80;padding:40px 20px}.search-results-status{text-align:center;color:#ffffff8c;padding:8px 6px 18px;font-size:.82rem}h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0;margin:0;font-size:1.2rem;overflow:hidden}.grid-list{background-color:var(--bg-color);box-sizing:border-box;flex:auto;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;width:100%;min-width:0;max-width:100%;padding:100px 20px 150px;display:grid;overflow:hidden auto}#verse-list{padding-bottom:calc(55vh + 150px)}.grid-item{background-color:var(--secondary-bg);text-align:center;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:60px;padding:30px 10px;font-weight:500;display:flex;position:relative;overflow:hidden}.grid-item:active{background-color:var(--highlight-bg)}.grid-item.active{background-color:var(--highlight-bg);z-index:2;max-width:calc(100% + 2px);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.grid-item.nimble-anchor{z-index:2;box-shadow:0 0 0 2px var(--accent-color), 0 4px 12px #0000004d;background-color:#3b82f666;transform:scale(1.05)}.grid-item.nimble-range{z-index:1;background-color:#3b82f633;transform:scale(1.02)}.nimble-boundary-hint{z-index:150;color:var(--text-color);text-align:center;pointer-events:none;opacity:0;background:#1e1e1ef0;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;font-size:.9rem;font-weight:650;transition:opacity .16s,transform .16s;display:flex;position:absolute;left:16px;right:16px;transform:translateY(8px);box-shadow:0 8px 24px #00000073}.nimble-boundary-hint.at-top{top:72px;transform:translateY(-8px)}.nimble-boundary-hint.at-bottom{bottom:calc(66px + var(--safe-area-bottom))}.nimble-boundary-hint.is-active{opacity:1;transform:translateY(0)}.nimble-boundary-hint__bar{background:#ffffff29;border-radius:999px;width:100%;height:4px;overflow:hidden}.nimble-boundary-hint__bar:before{content:"";background:var(--accent-color);transform-origin:0;width:100%;height:100%;animation:.9s linear forwards nimble-boundary-fill;display:block;transform:scaleX(0)}.nimble-boundary-hint.is-disabled .nimble-boundary-hint__bar:before{animation:none;transform:scaleX(0)}.nimble-boundary-hint.is-disabled{color:#ffffff9e}@keyframes nimble-boundary-fill{to{transform:scaleX(1)}}#verse-content{-webkit-user-select:none;user-select:none;box-sizing:border-box;flex:auto;width:100%;max-width:100%;padding:50px 20px 50vh;font-size:1.1rem;line-height:1.6;position:relative;overflow:hidden auto}.verse{cursor:pointer;-webkit-tap-highlight-color:transparent;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;border-radius:4px;max-width:100%;margin-bottom:10px;padding:8px;transition:background-color .2s}.verse.selected{background-color:#3b82f64d}.verse.range-selected{background-color:#3b82f638;border-radius:0;margin-bottom:0}.verse.range-selected.range-start{border-radius:8px 8px 0 0}.verse.range-selected.range-end{border-radius:0 0 8px 8px;margin-bottom:10px}.verse.range-selected.range-start.range-end{border-radius:8px}.verse.passage-selected{background-color:#ffffff1f;border-left:3px solid #fff;border-radius:0;margin-bottom:0;margin-left:-7px;padding-left:12px}.verse.passage-selected.passage-start{border-radius:8px 8px 0 0}.verse.passage-selected.passage-end{border-radius:0 0 8px 8px;margin-bottom:10px}.verse.passage-selected.passage-start.passage-end{border-radius:8px}.passage-chapter-heading{color:#ffffff9e;letter-spacing:0;margin:18px 0 8px;padding:0 4px;font-size:.86rem;font-weight:700}.verse.nimble-target{background-color:#fff3;border-left:3px solid #fff;margin-left:-7px;padding-left:12px;animation:1s ease-out forwards nimble-highlight-fade}.verse.nimble-target-visited{border-left:3px solid #fff;margin-left:-7px;padding-left:12px}@keyframes nimble-highlight-fade{0%{background-color:#ffffff40}to{background-color:#0000}}.verse-num{color:#888;vertical-align:super;margin-right:5px;font-size:.8em;font-weight:700}.verse-toolbar{background-color:var(--secondary-bg);z-index:1000;opacity:0;pointer-events:none;border-radius:25px;align-items:center;gap:15px;padding:10px 20px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 12px #00000080}.verse-toolbar.visible{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}.verse-toolbar-btn{background-color:var(--accent-color);color:var(--text-color);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s,transform .1s}.verse-toolbar-btn:active{background-color:#2563eb;transform:scale(.95)}.verse-toolbar-btn:hover{background-color:#2563eb}.progress-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.progress-border{width:100%;height:100%;overflow:visible}.progress-border__path{transition:stroke-dashoffset .1s linear}.audio-toolbar{-webkit-backdrop-filter:blur(10px);z-index:999;background:#1e1e1ef2;border:1px solid #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;left:50%;transform:translate(-50%)}.audio-toolbar.minimized{bottom:calc(50px + var(--safe-area-bottom));border-bottom:none;border-radius:15px 15px 0 0;justify-content:center;align-items:center;width:60px;height:30px;padding:0;box-shadow:0 -2px 10px #0000004d}.audio-toolbar:not(.minimized){bottom:calc(60px + var(--safe-area-bottom));border-radius:30px;min-width:300px;max-width:calc(100% - 40px);padding:12px 20px;box-shadow:0 4px 20px #0009}.toolbar-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 16px;transition:transform .3s;display:flex}.toggle-arrow{font-size:1.2rem;font-weight:700;line-height:1;transition:transform .3s}.audio-toolbar:not(.minimized) .toggle-arrow{transform:rotate(180deg)}.audio-toolbar:not(.minimized) .toolbar-toggle-btn{padding:8px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toolbar-content{opacity:0;visibility:hidden;flex:1;align-items:center;gap:12px;transition:opacity .2s,visibility .2s;display:flex}.audio-toolbar:not(.minimized) .toolbar-content{opacity:1;visibility:visible}.audio-toolbar.minimized .toolbar-content{display:none}.toolbar-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background-color .2s,opacity .2s;display:flex}.toolbar-btn:active{transform:scale(.92)}.toolbar-btn:hover{background:#2563eb}.toolbar-btn.copy-btn{margin-left:auto;margin-right:36px}.toolbar-btn.copy-btn.disabled{opacity:.4;cursor:not-allowed;background:#555;margin-left:auto;margin-right:36px}.toolbar-btn.copy-btn.disabled:hover{background:#555}.toolbar-btn.copy-btn.disabled:active{transform:none}.toolbar-btn.audio-btn.playing .play-icon{display:none}.toolbar-btn.audio-btn.playing .pause-icon{display:block!important}.audio-scrubber{flex-direction:column;flex:1;gap:6px;min-width:120px;display:flex}.scrubber-track{background:#fff3;border-radius:3px;height:6px;position:relative;overflow:hidden}.scrubber-progress{background:var(--accent-color);pointer-events:none;border-radius:3px;width:0%;height:100%;transition:width .1s ease-out;position:absolute;top:0;left:0}#audio-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}#audio-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 2px 6px #0006}#audio-range::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0006}#audio-range::-webkit-slider-runnable-track{background:0 0;height:6px}#audio-range::-moz-range-track{background:0 0;height:6px}.audio-time{color:#ffffffb3;text-align:center;white-space:nowrap;font-size:.75rem}.verse.audio-active{border-left:3px solid var(--accent-color);background-color:#3b82f640;margin-left:-7px;padding-left:12px}.tabs-bar{background:var(--secondary-bg);height:50px;padding:0 10px;padding-bottom:var(--safe-area-bottom);z-index:998;border-top:1px solid #ffffff1a;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs-container{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:6px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-item{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:.85rem;font-weight:500;transition:background .2s,color .2s}.tab-item:hover{background:#ffffff26}.tab-item.active{background:var(--accent-color);color:#fff}.tab-item.dragging{opacity:.7;transform:scale(1.05);box-shadow:0 0 0 2px #ffffff47}.new-tab-btn,.tab-options-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;font-weight:300;transition:background .2s,color .2s;display:flex}.tab-options-btn svg{display:block}.new-tab-btn:hover,.tab-options-btn:hover{color:#fff;background:#fff3}.new-tab-btn:active,.tab-options-btn:active{transform:scale(.95)}#verse-view #verse-content{padding-bottom:calc(40vh + 120px)}.audio-toolbar{display:none}.tabs-bar{display:flex}.tabs-bar.hidden{display:none}#app[data-current-view=verseView] .audio-toolbar{display:flex}.new-tab-btn{display:none}#app[data-current-view=verseView] .new-tab-btn{display:flex}.tab-options-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tab-options-popup{background:var(--secondary-bg);text-align:center;border:1px solid #ffffff1a;border-radius:16px;min-width:280px;max-width:90%;padding:24px;box-shadow:0 8px 32px #00000080}.tab-options-popup p{color:var(--text-color);margin:0 0 20px;font-size:1.1rem}.tab-options-buttons{flex-direction:column;gap:12px;display:flex}.passage-tabs-input{resize:vertical;width:100%;min-height:84px;color:var(--text-color);font:inherit;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;outline:none;padding:10px 12px;line-height:1.35}.passage-tabs-input:focus{border-color:var(--accent-color)}.tab-options-action,.tab-options-danger,.tab-options-cancel{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:1rem;font-weight:500;transition:transform .1s,background-color .2s}.tab-options-action{background:var(--accent-color);color:#fff}.tab-options-action:hover{background:#2563eb}.tab-options-cancel{color:var(--text-color);background:#ffffff1a}.tab-options-cancel:hover{background:#fff3}.tab-options-danger{color:#fff;background:#ef4444}.tab-options-danger:hover{background:#dc2626}.tab-options-action:active,.tab-options-danger:active,.tab-options-cancel:active{transform:scale(.95)}