:root{--green-900: #0d3527;--green-800: #134634;--green-700: #1c5b44;--green-100: #e3eee7;--gold: #c9a54e;--gold-soft: #e8d6a3;--cream: #f7f1e3;--paper: #fdfaf1;--ink: #23302a;--muted: #6d7a72;--bg: #f7f1e3;--surface: #fff;--surface-2: #fbf5e4;--surface-3: #fffdf5;--highlight: #f3e9cc;--line: #e8d6a3;--line-soft: #efe4c4;--heading: #0d3527;--accent: #1c5b44;--accent-strong: #134634;--text-2: #3d4a43;--page-filter: none;color-scheme:light;--topbar-h: 64px;--pager-h: 60px;--radius: 12px;--font-ui: "Tajawal", "Segoe UI", Tahoma, sans-serif;--font-quran: "Amiri", "Traditional Arabic", serif;--tafsir-default: 30px;--panel-w: clamp(480px, 40vw, 760px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;color:var(--ink);font-family:var(--font-ui);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23c9a54e' stroke-opacity='.16'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E")}button,input{font:inherit;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{position:relative;height:var(--topbar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:linear-gradient(180deg,var(--green-800),var(--green-900));color:var(--cream);box-shadow:0 2px 12px #0d352740;z-index:5}.topbar:after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.brand{justify-self:end;text-align:end;line-height:1.1}.brand h1{margin:0;font-family:var(--font-quran);font-size:26px;font-weight:700;color:var(--gold-soft)}.brand p{margin:2px 0 0;font-size:12px;opacity:.75}.top-start{justify-self:start;display:flex;align-items:center;gap:10px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgb(201 165 78 / .5);border-radius:50%;background:#ffffff0f;color:var(--cream);cursor:pointer;transition:background .2s}.icon-btn:hover{background:#ffffff24}.index-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgb(201 165 78 / .5);border-radius:999px;background:#ffffff0f;color:var(--cream);font-weight:500;cursor:pointer;transition:background .2s}.index-btn:hover{background:#ffffff24}.location{justify-self:center;padding:6px 18px;border:1px solid transparent;border-radius:999px;background:#ffffff0f;color:inherit;font:inherit;font-size:15px;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}.location:hover,.location:focus-visible{background:#ffffff1f;border-color:#c9a54e80;outline:none}.location b{font-family:var(--font-quran);font-size:18px;color:var(--gold-soft);font-weight:700}.location .dot{margin:0 6px;color:var(--gold)}.stage{height:calc(100% - var(--topbar-h) - var(--pager-h));display:flex;align-items:center;justify-content:center;padding:14px}.book-frame{width:min(100%,calc((100vh - var(--topbar-h) - var(--pager-h) - 28px) * 1400 / 2000 * 2));filter:drop-shadow(0 10px 24px rgb(13 53 39 / .22));isolation:isolate}.page{background:var(--paper)}.page img,.tj-page{filter:var(--page-filter)}.page img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pager{position:relative;height:var(--pager-h);display:flex;align-items:center;justify-content:center;gap:14px;padding:0 12px 8px}.nav-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--green-700);color:var(--cream);font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0d352733;transition:background .2s,transform .1s}.nav-btn:hover{background:var(--green-800)}.nav-btn:active{transform:scale(.96)}.page-field{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:15px}.page-field input{width:56px;border:0;border-bottom:2px solid var(--gold);background:transparent;text-align:center;font-size:17px;font-weight:700;color:var(--accent-strong);outline:none;-moz-appearance:textfield}.page-field input::-webkit-inner-spin-button,.page-field input::-webkit-outer-spin-button{-webkit-appearance:none}.page-field .of{color:var(--muted)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d352759;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.drawer{position:fixed;top:0;inset-inline-start:0;bottom:0;width:min(380px,100%);display:flex;flex-direction:column;background:var(--paper);box-shadow:-8px 0 30px #0d352740;transform:translate(100%);transition:transform .28s ease;z-index:11}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(180deg,var(--green-800),var(--green-900));color:var(--cream);border-bottom:2px solid var(--gold)}.drawer-head h2{margin:0;font-family:var(--font-quran);font-size:24px;color:var(--gold-soft)}.close-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff14;color:var(--cream);cursor:pointer}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 16px 10px;padding:4px;border-radius:999px;background:var(--green-100)}.tabs button{padding:8px 0;border:0;border-radius:999px;background:transparent;color:var(--accent-strong);font-weight:700;cursor:pointer;transition:background .2s,color .2s}.tabs button[aria-selected=true]{background:var(--green-700);color:var(--cream);box-shadow:0 1px 4px #0d352740}.filter{margin:0 16px 10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);outline:none}.filter:focus{border-color:var(--gold)}.filter[hidden]{display:none}.list{flex:1;margin:0;padding:0 10px 16px;overflow-y:auto;list-style:none}.list button{width:100%;display:flex;align-items:center;gap:14px;padding:10px;border:0;border-radius:var(--radius);background:transparent;text-align:start;cursor:pointer;transition:background .15s}.list button:hover{background:var(--green-100)}.list button.current{background:var(--highlight);box-shadow:inset -3px 0 0 var(--gold)}.num{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;font-size:13px;font-weight:700;color:var(--accent-strong);isolation:isolate}.num:before,.num:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid var(--gold);border-radius:3px;background:var(--paper);z-index:-1}.num:after{transform:rotate(45deg)}.item-main{flex:1;display:flex;flex-direction:column;gap:2px}.item-title{font-family:var(--font-quran);font-size:20px;font-weight:700;color:var(--heading);line-height:1.3}.item-en{font-size:12px;color:var(--accent);opacity:.8;text-align:end}.item-sub{font-size:13px;color:var(--muted)}.item-page{font-size:13px;color:var(--accent);font-weight:500;white-space:nowrap}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:640px){:root{--topbar-h: 56px}.topbar{grid-template-columns:auto 1fr;padding:0 12px;gap:10px}.brand{display:none}.index-btn{padding:7px 12px}.location{justify-self:end;padding:4px 10px;font-size:12px}.location b{font-size:16px}.stage{padding:6px}.pager{gap:8px}.nav-btn{padding:0 12px}.page-field{padding:0 10px}.page-field .of{display:none}}.fullscreen-btn{width:42px;padding:0;justify-content:center}.immersive-btn{display:none}body.immersive{--topbar-h: 0px;--pager-h: 0px;background-color:#10251d;background-image:radial-gradient(ellipse at center,#1c3d30,#0b1c15)}body.immersive .topbar,body.immersive .pager{display:none}body.immersive .stage{padding:8px}body.immersive .book-frame{width:min(100%,calc((100vh - 16px) * 1400 / 2000 * 2));filter:drop-shadow(0 16px 40px rgb(0 0 0 / .5))}body.immersive .immersive-btn{position:fixed;top:14px;z-index:6;display:grid;place-items:center;width:48px;height:48px;border:1px solid transparent;border-radius:50%;background:#ffffff0a;color:#f7f1e359;cursor:pointer;transition:background .2s,color .2s,border-color .2s}body.immersive .immersive-menu{inset-inline-start:14px}body.immersive .immersive-exit{inset-inline-end:14px}body.immersive .immersive-btn svg{width:26px;height:26px}body.immersive .immersive-btn:hover,body.immersive .immersive-btn:focus-visible,body.immersive .immersive-btn:active,body.immersive .immersive-menu[aria-expanded=true]{background:var(--green-700);border-color:var(--gold);color:var(--cream);outline:none}@font-face{font-family:KFGQPC Warsh;src:url(/fonts/warsh.10.woff2) format("woff2");font-display:swap}.ayah-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:none}.ayah{cursor:pointer}.ayah rect{fill:transparent;transition:fill .15s}.ayah.hover rect{fill:#c9a54e2e}.ayah.selected rect{fill:#1c5b4429}.ayah-panel{position:fixed;top:0;inset-inline-end:0;bottom:0;width:min(var(--panel-w),100%);display:flex;flex-direction:column;background:var(--paper);box-shadow:8px 0 30px #0d352738;transform:translate(-100%);transition:transform .28s ease;z-index:9}.ayah-panel.open{transform:none}.ayah-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(180deg,var(--green-800),var(--green-900));color:var(--cream);border-bottom:2px solid var(--gold)}.ayah-head h2{margin:0;font-family:var(--font-quran);font-size:21px;color:var(--gold-soft)}.ayah-body{flex:1;overflow-y:auto;padding:18px 20px 8px}.ayah-body h3{margin:0 0 10px;font-size:17px;color:var(--accent)}.ayah-tafsir p{margin:0 0 14px;font-family:var(--font-quran);font-size:var(--tafsir-size, var(--tafsir-default));line-height:1.9;color:var(--ink)}.tafsir-block+.tafsir-block{margin-top:10px;padding-top:16px;border-top:1px dashed var(--line)}.tafsir-block:not(:lang(ar)) p{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--tafsir-size, var(--tafsir-default)) * .7);line-height:1.6;text-align:left}.tafsir-quote{color:var(--accent)}.tafsir-source{margin-top:-4px;font-size:13px;font-weight:700;color:var(--accent)}.ayah-tafsir .tafsir-none{color:var(--muted);font-size:18px}.ayah-source{margin:16px 0 8px;font-size:11px;color:var(--muted)}.ayah-actions{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.copy-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border:1px solid var(--gold);border-radius:999px;background:var(--paper);color:var(--accent-strong);font-weight:500;cursor:pointer}.ayah-toast{position:absolute;bottom:76px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:var(--green-900);color:var(--cream);font-size:14px}@media(min-width:641px){body.ayah-open .stage{padding-inline-end:calc(var(--panel-w) + 14px)}body.ayah-open .pager{padding-inline-end:var(--panel-w)}}.ayah-resize{position:absolute;top:0;bottom:0;inset-inline-start:-6px;width:12px;cursor:ew-resize;touch-action:none;z-index:1}.ayah-resize:after{content:"";position:absolute;top:50%;left:4px;width:4px;height:56px;margin-top:-28px;border-radius:999px;background:var(--gold);opacity:.45;transition:opacity .15s}.ayah-resize:hover:after,body.resizing-panel .ayah-resize:after{opacity:1}body.resizing-panel{cursor:ew-resize;-webkit-user-select:none;user-select:none}body.resizing-panel .ayah-panel,body.resizing-panel .stage,body.resizing-panel .pager{transition:none}@media(max-width:640px){.ayah-resize{display:none}.ayah-panel{top:auto;width:100%;max-height:62vh;border-radius:16px 16px 0 0;transform:translateY(100%);box-shadow:0 -8px 30px #0d352738}}.bm{position:absolute;top:0;bottom:0;width:3.2%;pointer-events:none;z-index:2;--bm-color: #8c7b50;--bm-dark: color-mix(in srgb, var(--bm-color) 65%, black);--bm-light: color-mix(in srgb, var(--bm-color) 55%, white);filter:drop-shadow(1px 2px 1.5px rgb(0 0 0 / .28))}.bm[data-side=left]{left:0}.bm[data-side=right]{right:0}.bm-tab{pointer-events:auto;position:absolute;top:0;width:200%;height:7%;padding:0;border:0;background:none;cursor:pointer;z-index:1}.bm[data-side=left] .bm-tab{left:0}.bm[data-side=right] .bm-tab{right:0}.bm-tab:before{content:"";position:absolute;top:0;left:25%;width:30%;height:72%;transform:translate(-50%);background:linear-gradient(90deg,var(--bm-dark),var(--bm-color) 30%,var(--bm-light) 50%,var(--bm-color) 70%,var(--bm-dark));clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);opacity:.22;transition:opacity .2s,height .2s}.bm-tab:hover:before,.bm-tab:focus-visible:before{opacity:.8;height:90%}.bm[data-side=right] .bm-tab:before{left:75%}.bm.on .bm-tab:before,.bm.lifting .bm-tab:before{opacity:0}.bm-ribbon{position:absolute;top:0;left:20%;width:60%;height:97%;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .05) 0 2px,transparent 2px 5px),linear-gradient(90deg,var(--bm-dark),var(--bm-color) 28%,var(--bm-light) 50%,var(--bm-color) 72%,var(--bm-dark));clip-path:polygon(0 0,100% 0,100% 100%,50% 98.2%,0 100%);transform-origin:top center;transform:scaleY(0);visibility:hidden}.bm.on .bm-ribbon{visibility:visible;animation:bm-drop .95s cubic-bezier(.22,.7,.3,1) forwards}.bm.on.still .bm-ribbon{animation:none;transform:none}.bm.lifting .bm-ribbon{visibility:visible;animation:bm-lift .5s ease-in forwards}@keyframes bm-drop{0%{transform:scaleY(0) rotate(0)}65%{transform:scaleY(1) rotate(.9deg)}82%{transform:scaleY(1) rotate(-.45deg)}to{transform:scaleY(1) rotate(0)}}@keyframes bm-lift{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.bm.on .bm-ribbon,.bm.lifting .bm-ribbon{animation-duration:.01s}}.bm-item{display:flex;align-items:center;gap:4px}.bm-item>button[data-page]{flex:1}.bm-swatch{width:16px;height:40px;margin:0 11px;flex-shrink:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bm-color) 65%,black),var(--bm-color) 30%,color-mix(in srgb,var(--bm-color) 55%,white) 50%,var(--bm-color) 70%,color-mix(in srgb,var(--bm-color) 65%,black));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.list .bm-remove{width:36px;height:36px;flex-shrink:0;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.list .bm-remove:hover{background:#f6e3e3;color:#a3243b}.bm-empty{line-height:1.9}.bm-empty-icon{display:block;width:22px;height:52px;margin:0 auto 14px;background:linear-gradient(90deg,#5c4f2c,#c19a3e 30%,#e8d6a3,#c19a3e 70%,#5c4f2c);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);opacity:.7}@media(max-width:640px){.top-start{gap:6px}}.tj-page{width:100%;height:100%;padding:5cqw;background:#fffadc;container-type:size}.tj-page-frame{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5cqw 7cqw;border:1.2cqw double var(--gold);outline:.35cqw solid var(--green-700);outline-offset:-2.6cqw;text-align:center}.tj-page-kicker{margin:0;font-size:3.6cqw;letter-spacing:.2em;color:var(--gold)}.tj-page h2{margin:1cqw 0 0;font-family:var(--font-quran);font-size:9cqw;color:var(--accent-strong)}.tj-page-sub{margin:0 0 5cqw;font-size:3.6cqw;color:var(--muted)}.tj-legend{margin:0;padding:0;list-style:none;display:grid;gap:10px}.tj-legend li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--tj-color) 9%,var(--surface))}.tj-legend b{flex:1;color:var(--ink);text-align:start}.tj-legend span:last-child{color:var(--tj-color);font-weight:700;font-size:.9em}.tj-dot{width:14px;height:14px;flex-shrink:0;border-radius:50%;background:var(--tj-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--tj-color) 22%,transparent)}.tj-legend-page{width:100%;gap:1.6cqw;font-size:3.5cqw}.tj-legend-page li{gap:2.4cqw;padding:1.6cqw 3cqw;border-radius:2cqw}.tj-legend-page .tj-dot{width:3cqw;height:3cqw}.tj-open{margin-top:5cqw;padding:2.6cqw 7cqw;border:0;border-radius:999px;background:var(--green-700);color:var(--cream);font-size:4cqw;font-weight:700;cursor:pointer;box-shadow:0 1cqw 3cqw #0d352740}.tj-open:hover{background:var(--green-800)}.tj-page-hint{margin:2.5cqw 0 0;font-size:3cqw;color:var(--muted)}.tajweed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#0d352773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.tajweed[hidden]{display:none}.tajweed.open{opacity:1}.tj-sheet{width:min(1040px,100%);height:min(90vh,100%);display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--paper);box-shadow:0 24px 60px #0000004d;transform:translateY(18px) scale(.98);transition:transform .25s ease}.tajweed.open .tj-sheet{transform:none}.tj-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;background:linear-gradient(180deg,var(--green-800),var(--green-900));color:var(--cream);border-bottom:2px solid var(--gold)}.tj-head h2{margin:0;font-family:var(--font-quran);font-size:30px;color:var(--gold-soft)}.tj-head p{margin:2px 0 0;font-size:14px;opacity:.8}.tj-nav{display:flex;gap:8px;padding:12px 22px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface-2)}.tj-nav button{flex-shrink:0;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);font-weight:700;cursor:pointer;transition:background .2s,color .2s}.tj-nav button.active,.tj-nav button:hover{background:var(--green-700);border-color:var(--green-700);color:var(--cream)}.tj-body{flex:1;overflow-y:auto;padding:8px 30px 30px;scroll-padding-top:12px}.tj-section{padding-top:22px}.tj-section h3{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-family:var(--font-quran);font-size:30px;color:var(--accent-strong)}.tj-section h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.tj-intro{margin:0 0 18px;font-size:18px;line-height:1.9}.tj-section>.tj-legend{grid-template-columns:repeat(2,1fr);margin-bottom:22px;font-size:16px}.tj-steps{counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 18px;padding:0;list-style:none}.tj-steps li{counter-increment:step;position:relative;padding-block:14px;padding-inline:58px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line-soft)}.tj-steps li:before{content:counter(step);position:absolute;inset-inline-start:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--green-700);color:var(--cream);font-weight:700}.tj-steps b{display:block;margin-bottom:4px;font-size:17px;color:var(--heading)}.tj-steps span{font-size:15px;line-height:1.7;color:var(--text-2)}.tj-rule{margin-bottom:16px;padding:18px 20px;border-radius:16px;border-inline-start:6px solid var(--tj-color);background:var(--surface);box-shadow:0 2px 10px #0d352712}.tj-rule header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tj-rule h4{flex:1;margin:0;font-family:var(--font-quran);font-size:24px;color:var(--tj-color)}.tj-length{padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--tj-color) 13%,var(--surface));color:var(--tj-color);font-size:14px;font-weight:700;white-space:nowrap}.tj-rule dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px}.tj-rule dt{font-weight:700;color:var(--accent);font-size:15px;padding-top:2px}.tj-rule dd{margin:0;font-size:17px;line-height:1.8}.tj-examples{display:flex;flex-wrap:wrap;gap:10px}.tj-example{padding:4px 18px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-3);font-family:"KFGQPC Warsh",var(--font-quran);font-size:30px;line-height:1.9;color:var(--ink)}.tj-hl{color:var(--tj-color)}.tj-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tj-feature{padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line-soft)}.tj-feature h4{margin:0 0 6px;font-family:var(--font-quran);font-size:22px;color:var(--accent-strong)}.tj-feature p{margin:0 0 10px;font-size:16px;line-height:1.8}.tj-feature .tj-example{display:inline-block;font-size:26px}.tj-note{margin:18px 0 0;padding:14px 18px;border-radius:12px;background:var(--highlight);font-size:15px;line-height:1.8}.tj-see-page{margin-top:14px;padding:10px 20px;border:1px solid var(--gold);border-radius:999px;background:var(--paper);color:var(--accent-strong);font-weight:700;cursor:pointer}.tj-see-page:hover{background:var(--highlight)}@media(max-width:640px){.tajweed{padding:0}.tj-sheet{height:100%;border-radius:0}.tj-head{padding:14px 16px}.tj-head h2{font-size:24px}.tj-body{padding:4px 16px 24px}.tj-section>.tj-legend,.tj-steps,.tj-features{grid-template-columns:1fr}.tj-example{font-size:26px}}:root[data-theme=dark]{--green-100: #22342b;--paper: #16231d;--ink: #e6e2d3;--muted: #98a59d;--bg: #0d1713;--surface: #1b2a23;--surface-2: #14201b;--surface-3: #1f3028;--highlight: #3a331f;--line: #4b432d;--line-soft: #2b3a32;--heading: #eef0e6;--accent: #7fc4a2;--accent-strong: #a7dcc0;--text-2: #c3cbc6;--page-filter: brightness(.8) contrast(1.06) saturate(.95);color-scheme:dark}:root[data-theme=dark] .tj-page{--surface: #fff;--ink: #23302a;--muted: #6d7a72;--accent: #1c5b44;--accent-strong: #134634}:root[data-theme=dark] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23c9a54e' stroke-opacity='.07'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E")}:root[data-theme=dark] .topbar,:root[data-theme=dark] .drawer-head,:root[data-theme=dark] .ayah-head,:root[data-theme=dark] .tj-head{background:linear-gradient(180deg,#0f2b20,#0a1f17)}:root[data-theme=dark] .book-frame{filter:drop-shadow(0 10px 30px rgb(0 0 0 / .55))}:root[data-theme=dark] .tj-rule h4,:root[data-theme=dark] .tj-length,:root[data-theme=dark] .tj-hl,:root[data-theme=dark] .tajweed .tj-legend span:last-child{color:color-mix(in srgb,var(--tj-color) 62%,white)}:root[data-theme=dark] .list .bm-remove:hover{background:#3a2226;color:#f08a9b}:root[data-theme=dark] .ayah.hover rect{fill:#c9a54e38}.theme-btn .icon-sun,:root[data-theme=dark] .theme-btn .icon-moon{display:none}:root[data-theme=dark] .theme-btn .icon-sun{display:block}.search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;background:#0d352773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.search[hidden]{display:none}.search.open{opacity:1}.search-sheet{width:min(760px,100%);max-height:84vh;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--paper);box-shadow:0 24px 60px #00000059;transform:translateY(-10px);transition:transform .2s ease}.search.open .search-sheet{transform:none}.search-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:2px solid var(--gold)}.search-bar>svg{width:24px;height:24px;color:var(--gold)}.search-bar input{flex:1;min-width:0;border:0;background:transparent;font-size:21px;color:var(--ink);outline:none}.search-bar input::-webkit-search-cancel-button{display:none}.search-close{padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px;cursor:pointer}.search-meta{margin:0;padding:10px 20px 0;font-size:14px;color:var(--muted)}.search-meta:empty{display:none}.search-results{flex:1;margin:0;padding:10px 12px 14px;overflow-y:auto;list-style:none}.sr-item{width:100%;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:0;border-radius:12px;background:transparent;text-align:start;cursor:pointer;transition:background .15s}.sr-item:hover,.sr-item.active{background:var(--green-100)}.sr-item.active{box-shadow:inset -3px 0 0 var(--gold)}.sr-head{display:flex;align-items:baseline;gap:12px;font-size:14px}.sr-head b{font-family:var(--font-quran);font-size:18px;color:var(--accent-strong)}.sr-ayah{color:var(--accent)}.sr-page{margin-inline-start:auto;color:var(--muted)}.sr-text{font-family:"Scheherazade New",var(--font-quran);font-size:27px;line-height:1.9;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-text mark{padding:0 2px;border-radius:4px;background:#c9a54e59;color:inherit}.sr-empty{padding:22px 12px;text-align:center;color:var(--muted);line-height:1.9}.sr-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.sr-examples button{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);cursor:pointer}.sr-examples button:hover{background:var(--highlight)}.ayah.flash rect{animation:ayah-flash 3s ease-out}@keyframes ayah-flash{0%,30%{fill:#c9a54e80}to{fill:transparent}}body.immersive .immersive-search{inset-inline-start:70px}@media(max-width:640px){.search{padding:0}.search-sheet{max-height:100%;height:100%;border-radius:0}.sr-text{font-size:22px}:root{--tafsir-default: 22px}.ayah-tafsir p{line-height:1.8}.ayah-head h2{font-size:18px}.drawer-head{padding:12px 16px}.drawer-head h2{font-size:20px}.tabs{margin:10px 12px 8px}.tabs button{padding:7px 0;font-size:14px}.filter{margin:0 12px 8px;padding:8px 12px;font-size:14px}.list{padding:0 6px 12px}.list button{gap:10px;padding:7px 8px}.num{width:30px;height:30px;font-size:11px}.num:before,.num:after{top:5px;right:5px;bottom:5px;left:5px}.item-main{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:0}.item-title{grid-column:1 / -1;font-size:16px}.item-sub{grid-row:2;grid-column:1;font-size:11.5px}.item-en{grid-row:2;grid-column:2;font-size:11px}.item-page{font-size:12px}.index-btn span{display:none}.index-btn{padding:8px 10px}.icon-btn{width:36px;height:36px}}@media(max-width:480px){.loc-extra{display:none}}body.immersive .immersive-settings{display:none}body.immersive .immersive-theme{top:14px;inset-inline-end:70px}.settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;background:#0d352773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.settings[hidden]{display:none}.settings.open{opacity:1}.st-sheet{width:min(520px,100%);max-height:84vh;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--paper);box-shadow:0 24px 60px #00000059;transform:translateY(-10px);transition:transform .2s ease}.settings.open .st-sheet{transform:none}.st-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(180deg,var(--green-800),var(--green-900));border-bottom:2px solid var(--gold)}.st-head h2{margin:0;font-family:var(--font-quran);font-size:24px;color:var(--gold-soft)}:root[data-theme=dark] .st-head{background:linear-gradient(180deg,#0f2b20,#0a1f17)}.st-body{overflow-y:auto;padding:6px 20px 20px}.st-section h3{margin:16px 0 12px;font-family:var(--font-quran);font-size:20px;color:var(--heading)}.st-section+.st-section{margin-top:18px;border-top:1px solid var(--line)}.st-step{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent-strong);font-size:14px;font-weight:700;cursor:pointer}.st-size-value{min-width:2ch;font-weight:700;color:var(--muted);text-align:center}.st-sources{display:flex;flex-direction:column;gap:6px}.st-source{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);cursor:pointer}.st-source input,.st-segments input{position:absolute;opacity:0;pointer-events:none}.st-switch{position:relative;width:40px;height:22px;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 45%,transparent);transition:background .2s}.st-switch:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.st-source input:checked+.st-switch{background:var(--green-700)}.st-source input:checked+.st-switch:after{transform:translate(-18px)}.st-source input:focus-visible+.st-switch{outline:2px solid var(--gold);outline-offset:2px}.st-source-text{display:flex;flex-direction:column;gap:2px}.st-source-text b{font-size:15px;color:var(--heading)}.st-source-text small{font-size:12px;color:var(--muted)}.st-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px;background:var(--green-100)}.st-segments label{position:relative;cursor:pointer}.st-segments span{display:block;padding:8px 0;border-radius:999px;text-align:center;font-size:14px;font-weight:700;color:var(--accent-strong);transition:background .2s,color .2s}.st-segments input:checked+span{background:var(--green-700);color:var(--cream)}.st-segments input:focus-visible+span{outline:2px solid var(--gold)}@media(max-width:640px){.settings{align-items:flex-end;padding:0}.st-sheet{max-height:88vh;border-radius:18px 18px 0 0}.st-body{padding:4px 16px 18px}}#book.turn-next,#book.turn-next *{cursor:w-resize}#book.turn-prev,#book.turn-prev *{cursor:e-resize}#book.turn-next .ayah.hover rect,#book.turn-prev .ayah.hover rect{fill:transparent}:root[dir=ltr] .drawer{transform:translate(-100%);box-shadow:8px 0 30px #0d352740}:root[dir=ltr] .drawer.open{transform:none}@media(min-width:641px){:root[dir=ltr] .ayah-panel{transform:translate(100%);box-shadow:-8px 0 30px #0d352738}:root[dir=ltr] .ayah-panel.open{transform:none}}:root[dir=ltr] .list button.current,:root[dir=ltr] .sr-item.active{box-shadow:inset 3px 0 0 var(--gold)}:root[dir=ltr] .pager,:root[dir=ltr] .ayah-actions{direction:rtl}:root[dir=ltr] .page-field{direction:ltr}:root[dir=ltr] .st-switch:after{right:auto;left:3px}:root[dir=ltr] .st-source input:checked+.st-switch:after{transform:translate(18px)}:root[dir=ltr] .item-title,:root[dir=ltr] .sr-head b,:root[dir=ltr] .drawer-head h2,:root[dir=ltr] .ayah-head h2,:root[dir=ltr] .st-head h2,:root[dir=ltr] .st-section h3,:root[dir=ltr] .tj-head h2,:root[dir=ltr] .tj-section h3{font-family:var(--font-ui)}:root[dir=ltr] .item-en:lang(ar){font-family:var(--font-quran);font-size:15px}.st-segments-2{grid-template-columns:repeat(2,1fr)}:root[dir=ltr] .item-main{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:baseline}:root[dir=ltr] .item-title{grid-column:1;grid-row:1}:root[dir=ltr] .item-en{grid-column:2;grid-row:1}:root[dir=ltr] .item-sub{grid-column:1 / -1;grid-row:2}.ayah-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.tools-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);font-size:14px;font-weight:700;cursor:pointer}.tools-btn svg{width:18px;height:18px}.tools-btn .chevron{width:14px;height:14px;transition:transform .2s}.tools-btn[aria-expanded=true]{background:var(--highlight)}.tools-btn[aria-expanded=true] .chevron{transform:rotate(180deg)}.size-tools{display:flex;align-items:center;gap:6px}.st-step:disabled{opacity:.4;cursor:default}.ayah-sources{max-height:45%;overflow-y:auto;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.ayah-sources[hidden]{display:none}.feedback-btn{position:fixed;right:28px;bottom:calc(var(--pager-h) + 24px);z-index:5;box-shadow:0 4px 14px #0d35272e;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1.5px solid var(--gold);border-radius:999px;background:var(--surface);color:var(--accent-strong);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.feedback-btn:hover,.feedback-btn:focus-visible{background:var(--highlight);border-color:var(--gold);outline:none}body.immersive .feedback-btn{display:none}.feedback-btn svg{width:26px;height:26px}.fb-form{display:flex;flex-direction:column;gap:14px;padding-top:16px}.fb-intro{margin:0;color:var(--text-2);line-height:1.7}.fb-types{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.fb-types legend,.fb-field>span{margin-bottom:6px;font-size:14px;font-weight:700;color:var(--accent-strong)}.fb-types label{position:relative;cursor:pointer}.fb-types input{position:absolute;opacity:0;pointer-events:none}.fb-types span{display:block;padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);font-size:14px;font-weight:700;transition:background .2s,color .2s}.fb-types input:checked+span{background:var(--green-700);border-color:var(--green-700);color:var(--cream)}.fb-types input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.fb-field{display:flex;flex-direction:column;flex:1;min-width:0}.fb-field textarea,.fb-field input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;resize:vertical;outline:none}.fb-field textarea:focus,.fb-field input:focus{border-color:var(--gold)}.fb-row{display:flex;gap:12px}.fb-status{margin:0;padding:10px 12px;border-radius:10px;font-weight:700}.fb-status[hidden]{display:none}.fb-status[data-kind=ok]{background:color-mix(in srgb,var(--green-700) 14%,transparent);color:var(--accent-strong)}.fb-status[data-kind=error]{background:color-mix(in srgb,#a3243b 14%,transparent);color:#a3243b}.fb-send{align-self:flex-start;padding:0 28px}.fb-send:disabled{opacity:.6}@media(max-width:640px){.feedback-btn{position:static;order:-1;width:46px;height:46px;flex-shrink:0}.fb-row{flex-direction:column}.pager{gap:6px;padding-inline:8px}.page-field span:first-child{display:none}}@media(max-width:400px){.pager .nav-btn span{display:none}}body.immersive.zoom-pages{--screen-paper: #fffbdd;background:var(--screen-paper)}:root[data-theme=dark] body.immersive.zoom-pages{--screen-paper: #d0cdb5}body.zoom-pages .book-frame{filter:none}body.zoom-pages .page{background:var(--screen-paper)}body.zoom-pages .immersive-btn{background:#0d35270f;color:#13463499}body.zoom-pages .immersive-btn:hover,body.zoom-pages .immersive-btn:focus-visible,body.zoom-pages .immersive-btn:active{background:var(--green-700);border-color:var(--gold);color:var(--cream)}body.zoom-pages .page.zoomable{overflow:hidden}body.zoom-pages .page.zoomable>img,body.zoom-pages .page.zoomable>.ayah-layer{position:absolute;inset:auto;width:137.93%;height:115.61%;top:-8.09%;object-fit:fill}body.zoom-pages .page.right-page>img,body.zoom-pages .page.right-page>.ayah-layer{left:-4.69%}body.zoom-pages .page.left-page>img,body.zoom-pages .page.left-page>.ayah-layer{left:-32.97%}body.zoom-spread .page.zoomable{overflow:hidden}body.zoom-spread .page.zoomable>img,body.zoom-spread .page.zoomable>.ayah-layer{position:absolute;inset:auto;left:0;width:100%;height:113.77%;top:-6.37%;object-fit:fill}body.immersive.zoom-spread .book-frame{width:min(100%,calc((100vh - 16px) * 1400 / 1758 * 2))}body.zoom-spread .immersive-btn{z-index:8;background:#fffbdd8c;border-color:#1346342e;color:#134634bf;box-shadow:0 2px 10px #0d35271f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.zoom-spread .immersive-btn:hover,body.zoom-spread .immersive-btn:focus-visible,body.zoom-spread .immersive-btn:active{background:var(--green-700);border-color:var(--gold);color:var(--cream)}