.word-tooltip-container.svelte-cownff{position:relative;display:inline-block}.word-tooltip-container[data-tooltip-content].svelte-cownff:not([data-tooltip-content=""]):hover:before{content:attr(data-tooltip-content);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#fff;color:#1f2937;border:1px solid #e5e7eb;padding:10px 14px;border-radius:6px;font-size:.875rem;font-weight:500;white-space:pre;text-align:center;box-shadow:0 4px 12px #00000026;line-height:1.6;max-width:280px;min-width:120px;opacity:0;animation:svelte-cownff-tooltip-fade-in .15s ease-out forwards;z-index:9999;pointer-events:none}.dark .word-tooltip-container[data-tooltip-content].svelte-cownff:not([data-tooltip-content=""]):hover:before{background:#27272a;color:#f3f4f6;border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}.word-tooltip-container[data-tooltip-content].svelte-cownff:not([data-tooltip-content=""]):hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;opacity:0;animation:svelte-cownff-tooltip-fade-in .15s ease-out forwards;z-index:9999;pointer-events:none}.dark .word-tooltip-container[data-tooltip-content].svelte-cownff:not([data-tooltip-content=""]):hover:after{border-top-color:#27272a}@keyframes svelte-cownff-tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 640px){.word-tooltip-container[data-tooltip-content].svelte-cownff:not([data-tooltip-content=""]):hover:before{font-size:.75rem;padding:6px 10px;margin-bottom:6px;max-width:200px;white-space:pre-line;text-align:center;line-height:1.3}}.word-action-icons.svelte-i52b2k{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;transition:opacity .2s ease;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:2px;background:#fffffff2;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000026;z-index:10}.dark .word-action-icons.svelte-i52b2k{background:#27272af2;box-shadow:0 2px 8px #0006}.word-action-icon.svelte-i52b2k{color:#059669;opacity:.7;transition:all .2s ease;cursor:pointer;padding:3px;border-radius:4px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.dark .word-action-icon.svelte-i52b2k{color:#34d399}.word-action-icon.svelte-i52b2k:hover{opacity:1;background:#10b98133;transform:scale(1.1)}.dark .word-action-icon.svelte-i52b2k:hover{background:#34d39933}.word-action-icon.svelte-i52b2k:active{transform:scale(.95)}@media (max-width: 640px){.word-action-icons.svelte-i52b2k{margin-left:1px;padding:3px;gap:1px}.word-action-icon.svelte-i52b2k{padding:2px;min-width:18px;min-height:18px}.word-action-icon.svelte-i52b2k svg{width:12px;height:12px}}.word-continuous-container.svelte-oja848{display:inline-flex;align-items:center;gap:2px;position:relative}.word-continuous-container.svelte-oja848:hover .word-action-icons{opacity:1}.word-block-container.svelte-oja848{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.word-block-container.svelte-oja848:hover .word-action-icons{opacity:1}.word-block-container.svelte-oja848 .word-action-icons{left:100%;top:20%;transform:translateY(0);margin-left:4px}.word-continuous.svelte-oja848{cursor:pointer;transition:all .2s ease;border-radius:.25rem;padding:.125rem .25rem;margin:0 .125rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-continuous.svelte-oja848:hover{background-color:#10b9811a;box-shadow:0 2px 4px #0000001a}.dark .word-continuous.svelte-oja848:hover{background-color:#34d3991a;box-shadow:0 2px 4px #0000004d}.word-continuous.svelte-oja848:focus{outline:2px solid #059669;outline-offset:2px;background-color:#10b9811a}.dark .word-continuous.svelte-oja848:focus{outline-color:#34d399;background-color:#34d3991a}.word-continuous.svelte-oja848:active{background-color:#10b98133;transform:translateY(1px)}.dark .word-continuous.svelte-oja848:active{background-color:#34d39933}.word-block.svelte-oja848{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;min-width:80px;max-width:200px;flex-shrink:1;transition:all .2s ease;border:none;background:none;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-block.svelte-oja848:hover{background-color:#f3f4f6;border-radius:.5rem;transform:translateY(-1px)}.dark .word-block.svelte-oja848:hover{background-color:#27272a}.word-block.svelte-oja848:active{transform:translateY(0);background-color:#e5e7eb}.dark .word-block.svelte-oja848:active{background-color:#3f3f46}.word-block.clickable.svelte-oja848:focus{outline:2px solid #059669;outline-offset:2px;border-radius:.5rem}.dark .word-block.clickable.svelte-oja848:focus{outline-color:#34d399}.arabic-word.svelte-oja848{font-size:2rem;line-height:1.4;color:#111827;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .arabic-word.svelte-oja848{color:#f3f4f6}.translation.svelte-oja848{font-size:.875rem;color:#059669;text-align:center;font-weight:500}.dark .translation.svelte-oja848{color:#34d399}.transliteration.svelte-oja848{font-size:.75rem;color:#6b7280;text-align:center;font-style:italic}.dark .transliteration.svelte-oja848{color:#9ca3af}.word-continuous.derivative-highlight,.word-block.derivative-highlight .arabic-word.svelte-oja848{background-color:#fbbf2433;border-radius:.25rem;padding:.125rem .25rem}.dark .word-continuous.derivative-highlight,.dark .word-block.derivative-highlight .arabic-word.svelte-oja848,.word-continuous.derivative-highlight:hover,.word-block.derivative-highlight:hover .arabic-word.svelte-oja848{background-color:#fbbf244d}.dark .word-continuous.derivative-highlight:hover,.dark .word-block.derivative-highlight:hover .arabic-word.svelte-oja848{background-color:#fbbf2466}.word-continuous.highlighted,.word-block.highlighted{background-color:#10b9814d!important;transform:scale(1.05)}.dark .word-continuous.highlighted,.dark .word-block.highlighted{background-color:#34d3994d!important}.word-block.derivative-highlight{background-color:#fbbf244d!important;transform:scale(1.05);border-radius:.5rem;box-shadow:0 0 20px #fbbf2466,0 0 40px #fbbf2433,inset 0 0 20px #fbbf241a;transition:all .3s ease}.word-continuous.derivative-highlight{background-color:#fbbf244d!important;transform:scale(1.05);border-radius:.25rem;box-shadow:0 0 15px #fbbf2466,0 0 30px #fbbf2433;transition:all .3s ease}.word-block.derivative-highlight:hover{background-color:#fbbf2466!important;transform:scale(1.08);box-shadow:0 0 25px #fbbf2480,0 0 50px #fbbf244d,inset 0 0 25px #fbbf2426}.word-continuous.derivative-highlight:hover{background-color:#fbbf2466!important;box-shadow:0 0 20px #fbbf2480,0 0 40px #fbbf244d}.dark .word-block.derivative-highlight{background-color:#fb923c4d!important;box-shadow:0 0 20px #fb923c80,0 0 40px #fb923c4d,inset 0 0 20px #fb923c1a}.dark .word-continuous.derivative-highlight{background-color:#fb923c4d!important;box-shadow:0 0 15px #fb923c80,0 0 30px #fb923c4d}@media (max-width: 640px){.word-block-container.svelte-oja848 .word-action-icons{margin-left:2px}.word-block.svelte-oja848{min-width:60px;padding:.25rem}.arabic-word.svelte-oja848{font-size:1.5rem}.translation.svelte-oja848{font-size:.75rem}.transliteration.svelte-oja848{font-size:.625rem}.word-continuous.svelte-oja848{padding:.0625rem .125rem;margin:0 .0625rem}}@media (min-width: 641px) and (max-width: 1024px){.arabic-word.svelte-oja848{font-size:1.75rem}}.verse-end-controls.svelte-1sq8eu5{position:relative;display:inline-block;margin-left:4px;cursor:pointer}.end-marker.svelte-1sq8eu5{font-size:18px;color:#6b7280;transition:color .2s ease}.verse-end-controls.svelte-1sq8eu5:hover .end-marker:where(.svelte-1sq8eu5),.verse-end-controls.svelte-1sq8eu5:hover .verse-end-marker{color:#10b981!important}.verse-controls.svelte-1sq8eu5{position:absolute;top:-48px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:#fffffffa;backdrop-filter:blur(12px);border-radius:12px;padding:8px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.06);z-index:100;white-space:nowrap}.control-btn.svelte-1sq8eu5{background:transparent;border:none;color:#6b7280;font-size:14px;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.control-btn.svelte-1sq8eu5 svg:where(.svelte-1sq8eu5){width:16px;height:16px;transition:transform .2s ease}.control-btn.svelte-1sq8eu5:hover{background:#10b98114;color:#10b981;transform:translateY(-1px)}.control-btn.svelte-1sq8eu5:hover svg:where(.svelte-1sq8eu5){transform:scale(1.1)}.control-btn.svelte-1sq8eu5:active{transform:translateY(0)}.control-btn.svelte-1sq8eu5:active svg:where(.svelte-1sq8eu5){transform:scale(.95)}.play-btn.svelte-1sq8eu5:hover,.play-from-btn.svelte-1sq8eu5:hover{background:#10b9811f;color:#10b981}.settings-btn.svelte-1sq8eu5:hover{background:#34d3991a;color:#10b981}.ab-modal-btn.svelte-1sq8eu5:hover{background:#10b9811f;color:#10b981}.verse-end-controls.is-point-a .end-marker.svelte-1sq8eu5,.verse-end-controls.is-point-a .verse-end-marker{color:#10b981!important;font-weight:700;position:relative}.verse-end-controls.is-point-a:before{content:"A";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:4px;z-index:10}.verse-end-controls.is-point-b .end-marker.svelte-1sq8eu5,.verse-end-controls.is-point-b .verse-end-marker{color:#f59e0b!important;font-weight:700;position:relative}.verse-end-controls.is-point-b:before{content:"B";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:4px;z-index:10}.verse-end-controls.is-single-repeat .end-marker.svelte-1sq8eu5{background:#10b981;color:#fff;padding:2px 6px;border-radius:4px;font-weight:700}.verse-end-controls.is-single-repeat .verse-end-marker{background:#10b981;color:#fff;padding:2px 6px;border-radius:4px}.verse-end-controls.is-single-repeat:before{content:"AB";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:10}.verse-end-controls.in-ab-range .end-marker.svelte-1sq8eu5,.verse-end-controls.in-ab-range .verse-end-marker{background:linear-gradient(90deg,#10b9811a,#f59e0b1a);padding:0 4px;border-radius:4px}.ab-btn.svelte-1sq8eu5:hover{background:#10b98126;color:#10b981}.clear-ab-btn.svelte-1sq8eu5:hover{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.verse-controls.svelte-1sq8eu5{top:-42px;padding:6px;gap:4px}.control-btn.svelte-1sq8eu5{padding:6px;min-width:28px;height:28px}.control-btn.svelte-1sq8eu5 svg:where(.svelte-1sq8eu5){width:14px;height:14px}}@media (max-width: 480px){.end-marker.svelte-1sq8eu5{font-size:16px}.verse-controls.svelte-1sq8eu5{top:-38px;padding:5px;gap:3px}.control-btn.svelte-1sq8eu5{padding:5px;min-width:26px;height:26px}.control-btn.svelte-1sq8eu5 svg:where(.svelte-1sq8eu5){width:12px;height:12px}}@font-face{font-family:transparent-fallback;src:local("Arial");unicode-range:U+0000-FFFF;font-display:block}[style*=transparent-fallback]{opacity:0;transition:opacity .05s ease-out}.word-element:not([style*=transparent-fallback]){opacity:1;transition:opacity .05s ease-out}.word-by-word-container.svelte-1xxf253{margin:1rem 0}.verse-wbw.svelte-1xxf253{margin-bottom:2rem;position:relative}.verse-number-wrapper.svelte-1xxf253{display:flex;align-items:center}.verse-number-wrapper.svelte-1xxf253 a:where(.svelte-1xxf253){transition:all .2s ease}.verse-number-wrapper.svelte-1xxf253 a:where(.svelte-1xxf253):hover{transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.words-container.svelte-1xxf253{display:flex;flex-wrap:wrap;gap:1.5rem;direction:rtl;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box}.words-continuous.svelte-1xxf253{font-size:2rem;line-height:1.6;color:#111827;text-align:right;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.dark .words-continuous.svelte-1xxf253{color:#f3f4f6}.verse-end-marker{font-size:2rem;line-height:1.4;color:#059669!important;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;transition:color .2s ease;display:inline-block}.dark .verse-end-marker{color:#34d399!important}.verse-end-marker.glyph-based{font-feature-settings:"liga" on,"calt" on,"kern" on;text-rendering:optimizeQuality;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:normal;font-variant-east-asian:normal}.dark .verse-end-marker.glyph-based{font-palette:--verse-ending-dark!important}.verse-end-marker.tajweed-font{font-palette:--verse-ending-emerald!important}.dark .verse-end-marker.tajweed-font{font-palette:--verse-ending-dark!important}@media (max-width: 640px){.words-container.svelte-1xxf253{gap:1rem}.verse-end-marker{font-size:1.5rem}.words-continuous.svelte-1xxf253{font-size:1.5rem;line-height:1.5}}@media (min-width: 641px) and (max-width: 1024px){.words-continuous.svelte-1xxf253{font-size:1.75rem}}.highlighted{background-color:#10b9814d!important;box-shadow:0 0 8px #10b98166!important;transform:scale(1.02)!important;border-radius:.375rem!important;animation:svelte-1xxf253-pulse-highlight .6s ease-in-out}.word-continuous.highlighted{background-color:#10b9814d!important;box-shadow:0 0 6px #10b98166!important;transform:scale(1.02)!important}button.word-block.highlighted{background-color:#10b9814d!important;box-shadow:0 0 8px #10b98166!important;transform:scale(1.02)!important}span.word-continuous.highlighted{background-color:#10b9814d!important;box-shadow:0 0 6px #10b98166!important;transform:scale(1.02)!important}@keyframes svelte-1xxf253-pulse-highlight{0%{box-shadow:0 0 8px #10b98166}50%{box-shadow:0 0 12px #10b98199}to{box-shadow:0 0 8px #10b98166}}.arabic-text-protected.svelte-ffdsd9{transition:opacity .05s ease-out}.font-loading.svelte-ffdsd9{opacity:0}.basmallah.svelte-1m6yq9h{font-family:QCF-Bismillah-Color,serif;font-size:2rem;line-height:1.5;color:#059669;font-feature-settings:"liga" on,"calt" on;font-palette:normal;display:inline-block}@media (max-width: 768px){.basmallah.svelte-1m6yq9h{font-size:1.5rem}}