button.svelte-4adqly:focus-visible,a.svelte-4adqly:focus-visible{outline:2px solid #10b981;outline-offset:2px}@media (min-width: 1024px){.verse-navigator.svelte-4adqly{position:fixed;left:calc(50% - 510px);top:50%;transform:translateY(-50%);z-index:30;opacity:.7;transition:opacity .3s ease}}.verse-navigator.svelte-4adqly:hover{opacity:1}.verse-nav-content.svelte-4adqly{background:#fffffff2;backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px 8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;height:300px;width:40px;position:relative}.dark .verse-nav-content.svelte-4adqly{background:#111827f2;border-color:#10b98133}.verse-nav-slider.svelte-4adqly{writing-mode:bt-lr;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:3px;height:276px;background:transparent;outline:none;border-radius:1.5px;cursor:pointer;flex:1}.verse-nav-slider.svelte-4adqly::-webkit-slider-track{background:linear-gradient(180deg,#10b981,#059669);border-radius:1.5px;width:3px}.verse-nav-slider.svelte-4adqly::-moz-range-track{background:linear-gradient(180deg,#10b981,#059669);border-radius:1.5px;width:3px;height:3px;border:none}.verse-nav-slider.svelte-4adqly::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#10b981;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-webkit-transition:all .2s ease;transition:all .2s ease}.verse-nav-slider.svelte-4adqly::-webkit-slider-thumb:hover{background:#059669;transform:scale(1.1)}.slider-tooltip.svelte-4adqly{position:absolute;left:100%;margin-left:12px;background:#1f2937;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:50}.slider-tooltip.svelte-4adqly:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #1f2937}@media (min-width: 1024px) and (max-width: 1400px){.verse-navigator.svelte-4adqly{left:20px}}@media (min-width: 1024px){.page-navigator.svelte-4adqly{position:fixed;right:calc(50% - 510px);top:50%;transform:translateY(-50%);z-index:30;opacity:.7;transition:opacity .3s ease}}.page-navigator.svelte-4adqly:hover{opacity:1}.page-nav-content.svelte-4adqly{background:#fffffff2;backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px 8px;box-shadow:0 4px 12px #0000001a;max-height:80vh;display:flex;flex-direction:column}.page-grid.svelte-4adqly{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:calc(80vh - 24px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#10b981 rgba(16,185,129,.1);flex:1}.page-grid.svelte-4adqly::-webkit-scrollbar{width:6px}.page-grid.svelte-4adqly::-webkit-scrollbar-track{background:#10b9811a;border-radius:3px}.page-grid.svelte-4adqly::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.page-grid.svelte-4adqly::-webkit-scrollbar-thumb:hover{background:#059669}.page-indicator.svelte-4adqly{padding:4px;background:none;border:none;cursor:pointer;color:#9ca3af;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-indicator.svelte-4adqly:hover{color:#10b981;background:#10b9811a;font-weight:600}.page-indicator.svelte-4adqly:focus{outline:2px solid #10b981;outline-offset:2px;border-radius:2px}.dark .page-nav-content.svelte-4adqly{background:#111827f2;border-color:#10b98133}.dark .page-indicator.svelte-4adqly{color:#4b5563}.dark .page-indicator.svelte-4adqly:hover{color:#34d399;background:#34d3991a;font-weight:600}.dark .page-grid.svelte-4adqly{scrollbar-color:#34d399 rgba(52,211,153,.1)}.dark .page-grid.svelte-4adqly::-webkit-scrollbar-track{background:#34d3991a}.dark .page-grid.svelte-4adqly::-webkit-scrollbar-thumb{background:#34d399}.dark .page-grid.svelte-4adqly::-webkit-scrollbar-thumb:hover{background:#10b981}@media (min-width: 1024px) and (max-width: 1400px){.page-navigator.svelte-4adqly{right:20px}}@media (max-width: 1023px){.desktop-only.svelte-4adqly{display:none}}@keyframes svelte-4adqly-fadeIn{0%{opacity:0}to{opacity:1}}
