.page-navigator.svelte-ojvo7v{display:none}@media (min-width: 1401px){.page-navigator.svelte-ojvo7v{display:block;position:fixed;right:max(4px,calc(50% - 717px));top:50%;transform:translateY(-50%);z-index:30;opacity:.8;transition:opacity .2s ease}}.page-navigator.svelte-ojvo7v:hover{opacity:1}.page-grid.svelte-ojvo7v{display:grid;grid-template-columns:repeat(2,auto);gap:3px;padding:3px;max-height:80vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.4) transparent}.page-box.svelte-ojvo7v{min-width:28px;padding:1px 3px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;box-shadow:0 1px 2px #0000000f;color:#6b7280;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.page-box.svelte-ojvo7v:hover{border-color:#10b981;color:#059669}.page-arrow.svelte-ojvo7v{display:flex;justify-content:center;width:100%;padding:2px 0;color:#9ca3af;cursor:pointer;transition:color .15s ease}.page-arrow.svelte-ojvo7v svg:where(.svelte-ojvo7v){width:14px;height:14px}.page-arrow.svelte-ojvo7v:hover{color:#059669}.page-arrow.svelte-ojvo7v:focus-visible{outline:2px solid #10b981;outline-offset:1px}.dark .page-arrow.svelte-ojvo7v:hover{color:#34d399}.page-box.active.svelte-ojvo7v{border-color:#10b981;background:#10b981;color:#fff}.page-box.svelte-ojvo7v:focus-visible{outline:2px solid #10b981;outline-offset:1px}.dark .page-box.svelte-ojvo7v{border-color:#27272a;background:#09090b;color:#9ca3af}.dark .page-box.svelte-ojvo7v:hover{border-color:#34d399;color:#34d399}.dark .page-box.active.svelte-ojvo7v{border-color:#10b981;background:#10b981;color:#fff}.surah-name.svelte-pygf2s{font-family:surah-name-v4;display:inline-block;font-size:3.75rem;font-variant-ligatures:normal;font-feature-settings:"liga" 1,"dlig" 1,"calt" 1,"rlig" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-weight:400!important;opacity:.9;transition:opacity .1s ease-out}.font-loading.svelte-pygf2s{color:transparent!important}@media (max-width: 768px){.surah-name.svelte-pygf2s{font-size:3.125rem}}button.svelte-1dbqc4o:focus-visible,a.svelte-1dbqc4o:focus-visible{outline:2px solid #10b981;outline-offset:2px}@media (min-width: 1401px){.verse-navigator.svelte-1dbqc4o{position:fixed;left:calc(50% - 676px);top:50%;transform:translateY(-50%);z-index:30;opacity:.7;transition:opacity .3s ease}}.verse-navigator.svelte-1dbqc4o:hover{opacity:1}.verse-nav-content.svelte-1dbqc4o{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-1dbqc4o{background:#111827f2;border-color:#10b98133}.verse-nav-slider.svelte-1dbqc4o{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-1dbqc4o::-webkit-slider-track{background:linear-gradient(180deg,#10b981,#059669);border-radius:1.5px;width:3px}.verse-nav-slider.svelte-1dbqc4o::-moz-range-track{background:linear-gradient(180deg,#10b981,#059669);border-radius:1.5px;width:3px;height:3px;border:none}.verse-nav-slider.svelte-1dbqc4o::-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-1dbqc4o::-webkit-slider-thumb:hover{background:#059669;transform:scale(1.1)}.slider-tooltip.svelte-1dbqc4o{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-1dbqc4o: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 (max-width: 1400px){.desktop-only.svelte-1dbqc4o{display:none}}@keyframes svelte-1dbqc4o-fadeIn{0%{opacity:0}to{opacity:1}}