.ink-layer.svelte-xl0cal{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ink-layer.inking.svelte-xl0cal{pointer-events:auto;cursor:crosshair;touch-action:none}.verse-overlay.svelte-1lrslh1{cursor:pointer;transform-origin:top;z-index:1;border-radius:14px;transition:background .18s,outline-color .18s,box-shadow .18s;position:absolute;transform:scaleY(.9)}.verse-overlay.audio-active.svelte-1lrslh1{background:color-mix(in oklab, var(--color-primary) 14%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-primary) 55%, transparent)}.verse-overlay.active.svelte-1lrslh1{background:color-mix(in oklab, var(--color-accent) 25%, transparent);outline:2px solid color-mix(in oklab, var(--color-accent) 60%, transparent);box-shadow:none}.verse-overlay.focused.svelte-1lrslh1{background:color-mix(in oklab, var(--color-primary) 8%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-primary) 40%, transparent)}.verse-overlay.blurred.svelte-1lrslh1{background:color-mix(in oklab, var(--color-background) 70%, transparent);-webkit-backdrop-filter:blur(7px)}@supports not ((-webkit-backdrop-filter:blur(7px)) or (backdrop-filter:blur(7px))){.verse-overlay.blurred.svelte-1lrslh1{background:var(--color-background,#fff)}}.verse-overlay.pointed-host.svelte-1lrslh1{background:color-mix(in oklab, var(--color-primary) 18%, transparent);outline:2px solid var(--color-primary);box-shadow:none;animation:1.2s ease-in-out infinite svelte-1lrslh1-verse-pointed-pulse}.verse-overlay.pointed-guest.svelte-1lrslh1{background:color-mix(in oklab, var(--color-accent) 18%, transparent);outline:2px solid var(--color-accent);box-shadow:none}@keyframes svelte-1lrslh1-verse-pointed-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.verse-overlay.pointed-host.svelte-1lrslh1{animation:none}}.sr-only.svelte-1lrslh1{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word-overlay.svelte-fy00oq{cursor:pointer;z-index:2;transform-origin:top;border-radius:3px;transition:background .15s;position:absolute;transform:scaleY(.9)}.word-overlay.svelte-fy00oq:hover{background:color-mix(in oklab, var(--color-primary) 30%, transparent);outline:1px solid color-mix(in oklab, var(--color-primary) 60%, transparent)}.word-overlay.marked.svelte-fy00oq{background:color-mix(in oklab, var(--color-warning) 35%, transparent);outline:2px solid color-mix(in oklab, var(--color-warning) 70%, transparent)}.word-overlay.active.svelte-fy00oq{background:color-mix(in oklab, var(--color-primary) 35%, transparent);outline:2px solid color-mix(in oklab, var(--color-primary) 70%, transparent)}.word-overlay.pointed-host.svelte-fy00oq{background:color-mix(in oklab, var(--color-primary) 25%, transparent);outline:2px solid var(--color-primary);animation:1.2s ease-in-out infinite svelte-fy00oq-word-pointed-pulse}.word-overlay.pointed-guest.svelte-fy00oq{background:color-mix(in oklab, var(--color-accent) 25%, transparent);outline:2px solid var(--color-accent)}@keyframes svelte-fy00oq-word-pointed-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.word-overlay.pointed-host.svelte-fy00oq{animation:none}}.sr-only.svelte-fy00oq{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-side.svelte-yti88j{background:var(--mushaf-page-fill,var(--color-card,#fff));flex-shrink:0;margin:0;position:relative;overflow:hidden}.page-side.svelte-yti88j img:where(.svelte-yti88j){height:auto;filter:var(--mushaf-scan-filter,none);transition:opacity .2s;display:block}.page-skeleton.svelte-yti88j{background:var(--mushaf-skeleton,var(--color-muted,#eee));animation:1.2s ease-in-out infinite svelte-yti88j-mushaf-skeleton-pulse;position:absolute;inset:0}@keyframes svelte-yti88j-mushaf-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.page-skeleton.svelte-yti88j{opacity:.8;animation:none}}.page-error.svelte-yti88j{text-align:center;background:var(--mushaf-page-fill,var(--color-card,#fff));color:var(--color-muted-foreground,#666);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:.875rem;display:flex;position:absolute;inset:0}.page-error.svelte-yti88j button:where(.svelte-yti88j){background:var(--color-primary,#006e80);color:var(--color-primary-foreground,#fff);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem}.mushaf-viewer.svelte-9ly5zy{background:var(--color-background);height:100%;color:var(--color-foreground);font-family:var(--font-sans);flex-direction:column;display:flex}.bar.svelte-9ly5zy{background:var(--color-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.bar.svelte-9ly5zy select:where(.svelte-9ly5zy),.bar.svelte-9ly5zy button:where(.svelte-9ly5zy){background:var(--color-secondary);color:var(--color-foreground);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:.875rem}.bar.svelte-9ly5zy select:where(.svelte-9ly5zy):hover,.bar.svelte-9ly5zy button:where(.svelte-9ly5zy):hover{background:var(--color-muted)}.bar.svelte-9ly5zy button.active:where(.svelte-9ly5zy){background:var(--color-primary);border-color:var(--color-primary)}.bar.svelte-9ly5zy button:where(.svelte-9ly5zy):disabled,.bar.svelte-9ly5zy select:where(.svelte-9ly5zy):disabled{opacity:.4;cursor:not-allowed}.info.svelte-9ly5zy{color:var(--color-muted-foreground);margin-left:auto;font-size:.8125rem}.page-label.svelte-9ly5zy{font-size:.875rem}.viewer.svelte-9ly5zy{overscroll-behavior:contain;scrollbar-width:none;touch-action:manipulation;background:radial-gradient(115% 85% at 50% 0%, var(--mushaf-backdrop-glow,transparent), transparent 68%), var(--mushaf-backdrop,var(--color-muted));flex:1;min-height:0;padding:clamp(8px,2.2vmin,28px);display:flex;overflow:auto}.viewer.svelte-9ly5zy>.flip-stage:where(.svelte-9ly5zy){margin:auto}.viewer.svelte-9ly5zy::-webkit-scrollbar{display:none}.viewer.pannable.svelte-9ly5zy{cursor:grab}.viewer.pannable.svelte-9ly5zy:active{cursor:grabbing}.page-wrap.svelte-9ly5zy{border-radius:var(--mushaf-page-radius,8px);background:var(--mushaf-page-fill,var(--color-card));box-shadow:0 0 0 1px var(--mushaf-page-edge,var(--color-border)), var(--mushaf-page-shadow,0 12px 32px -12px #00000059);flex:none;gap:0;display:flex;position:relative;overflow:hidden}.page-wrap.dual.svelte-9ly5zy>.page-side:first-child:after,.page-wrap.dual.svelte-9ly5zy>.page-side:last-child:after{content:"";pointer-events:none;z-index:3;inline-size:clamp(8px,3.5%,40px);position:absolute;inset-block:0}.page-wrap.dual.svelte-9ly5zy>.page-side:first-child:after{background:linear-gradient(to right, var(--mushaf-gutter,#00000024), transparent);inset-inline-end:0}.page-wrap.dual.svelte-9ly5zy>.page-side:last-child:after{background:linear-gradient(to left, var(--mushaf-gutter,#00000024), transparent);inset-inline-start:0}.page-wrap.dual.svelte-9ly5zy>.page-side:first-child{border-inline-end:1px solid var(--mushaf-spine,var(--color-border))}.page-wrap.single.svelte-9ly5zy{box-shadow:0 0 0 1px var(--mushaf-page-edge,var(--color-border)), 3px 3px 0 -1px var(--mushaf-page-edge,var(--color-border)), 6px 6px 0 -2px var(--mushaf-page-edge,var(--color-border)), var(--mushaf-page-shadow,0 12px 32px -12px #00000059)}.flip-stage.svelte-9ly5zy{--flip-perspective:2200px;perspective:var(--flip-perspective);isolation:isolate;grid-template-areas:"spread";place-items:center;display:grid}.flip-stage.svelte-9ly5zy>.page-wrap:where(.svelte-9ly5zy){backface-visibility:hidden;transform-style:preserve-3d;grid-area:spread}.flip-stage.svelte-9ly5zy>.page-wrap:where(.svelte-9ly5zy):last-child{z-index:1}.loading-state.svelte-9ly5zy,.empty-state.svelte-9ly5zy,.error-state.svelte-9ly5zy{height:100%;color:var(--color-muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:1.125rem;display:flex}.error-state.svelte-9ly5zy button:where(.svelte-9ly5zy){background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.tooltip.svelte-9ly5zy{background:var(--color-card);border:1px solid var(--color-border);pointer-events:none;z-index:100;white-space:nowrap;border-radius:4px;padding:6px 10px;font-size:.8125rem;position:fixed}