@charset "UTF-8";:root{--t-green: #2f8a5b;--t-red: #c2453b;--t-blue: #3470c4;--t-gold: #a67a1f;--t-purple: #8052b8;--t-teal: #1f8585;--t-rose: #bf4a82;--t-slate: #667085;--on-t: #ffffff;color-scheme:light dark;--bg: #f7f5f0;--paper: #fbf9f4;--sheet: #fffdf8;--card: #ffffff;--card-frost: rgba(255, 255, 255, .72);--ink: #1d1c1a;--ink-2: #57534c;--ink-3: #716d65;--line: rgba(29, 28, 26, .08);--track: #ece9e2;--fill: rgba(29, 28, 26, .05);--accent: #2f6f5c;--accent-strong: #245747;--accent-soft: #e6efea;--on-accent: #ffffff;--warm: #b4674a;--counter: rgba(47, 111, 92, .1);--chrome: rgba(247, 245, 240, .88);--shadow: 0 1px 2px rgba(29, 28, 26, .04), 0 8px 24px rgba(29, 28, 26, .05);--shadow-float: 0 8px 24px rgba(29, 28, 26, .22);--font-ui: "IBM Plex Sans Arabic", -apple-system, "SF Arabic", "Segoe UI", Tahoma, sans-serif;--font-quran: "Amiri Quran", "Amiri", "Traditional Arabic", serif;--radius-card: 22px;--radius-list: 18px;--ease: cubic-bezier(.2, .8, .2, 1);--tabbar-h: calc(64px + env(safe-area-inset-bottom)) ;--sidebar-w: 0px}@media(prefers-color-scheme:dark){:root:not([data-theme=cream]):not([data-theme=white]){color-scheme:dark;--t-green: #6cc596;--t-red: #ef7d72;--t-blue: #7aa8ee;--t-gold: #e0b457;--t-purple: #b393e8;--t-teal: #5cc6c4;--t-rose: #ee8dbb;--t-slate: #a3acbb;--on-t: #14130f;--bg: #141413;--paper: #171715;--sheet: #1c1c1a;--card: #1f1f1d;--card-frost: rgba(31, 31, 29, .72);--ink: #edebe6;--ink-2: #bdb8ae;--ink-3: #98938a;--line: rgba(255, 255, 255, .08);--track: #2a2a27;--fill: rgba(255, 255, 255, .06);--accent: #6fb59a;--accent-strong: #8cc9b1;--accent-soft: rgba(111, 181, 154, .14);--on-accent: #0f1a16;--warm: #d48a6c;--counter: rgba(111, 181, 154, .08);--chrome: rgba(20, 20, 19, .86);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);--shadow-float: 0 8px 24px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{color-scheme:dark;--t-green: #6cc596;--t-red: #ef7d72;--t-blue: #7aa8ee;--t-gold: #e0b457;--t-purple: #b393e8;--t-teal: #5cc6c4;--t-rose: #ee8dbb;--t-slate: #a3acbb;--on-t: #14130f;--bg: #141413;--paper: #171715;--sheet: #1c1c1a;--card: #1f1f1d;--card-frost: rgba(31, 31, 29, .72);--ink: #edebe6;--ink-2: #bdb8ae;--ink-3: #98938a;--line: rgba(255, 255, 255, .08);--track: #2a2a27;--fill: rgba(255, 255, 255, .06);--accent: #6fb59a;--accent-strong: #8cc9b1;--accent-soft: rgba(111, 181, 154, .14);--on-accent: #0f1a16;--warm: #d48a6c;--counter: rgba(111, 181, 154, .08);--chrome: rgba(20, 20, 19, .86);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);--shadow-float: 0 8px 24px rgba(0, 0, 0, .5)}:root[data-theme=cream],:root[data-theme=white]{color-scheme:light}app-quran-reader,app-quran-reader[data-theme=cream]{--t-green: #2f8a5b;--t-red: #c2453b;--t-blue: #3470c4;--t-gold: #a67a1f;--t-purple: #8052b8;--t-teal: #1f8585;--t-rose: #bf4a82;--t-slate: #667085;--on-t: #ffffff;color-scheme:light;--bg: #f4efe4;--desk: #efe9dd;--paper: #faf6ec;--sheet: #fdfaf2;--card: #fffdf7;--ink: #1f1b14;--ink-2: #5a5448;--ink-3: #736b5c;--line: rgba(60, 45, 20, .1);--track: #ebe4d5;--fill: rgba(60, 45, 20, .055);--chrome: rgba(250, 246, 236, .9);--accent: #2f6f5c;--accent-strong: #245747;--accent-soft: #e3ece4;--on-accent: #ffffff;--q-ink: #231e16;--q-gold: #86622a;--q-gold-line: rgba(150, 110, 45, .5);--q-gold-wash: rgba(163, 122, 56, .08);--q-select: rgba(47, 111, 92, .14);--q-hover: rgba(47, 111, 92, .06);--q-play: rgba(196, 150, 72, .24)}app-quran-reader[data-theme=white]{--t-green: #2f8a5b;--t-red: #c2453b;--t-blue: #3470c4;--t-gold: #a67a1f;--t-purple: #8052b8;--t-teal: #1f8585;--t-rose: #bf4a82;--t-slate: #667085;--on-t: #ffffff;color-scheme:light;--bg: #f4efe4;--desk: #efe9dd;--paper: #faf6ec;--sheet: #fdfaf2;--card: #fffdf7;--ink: #1f1b14;--ink-2: #5a5448;--ink-3: #736b5c;--line: rgba(60, 45, 20, .1);--track: #ebe4d5;--fill: rgba(60, 45, 20, .055);--chrome: rgba(250, 246, 236, .9);--accent: #2f6f5c;--accent-strong: #245747;--accent-soft: #e3ece4;--on-accent: #ffffff;--q-ink: #231e16;--q-gold: #86622a;--q-gold-line: rgba(150, 110, 45, .5);--q-gold-wash: rgba(163, 122, 56, .08);--q-select: rgba(47, 111, 92, .14);--q-hover: rgba(47, 111, 92, .06);--q-play: rgba(196, 150, 72, .24);--bg: #f6f6f4;--desk: #eeeeec;--paper: #ffffff;--sheet: #ffffff;--card: #ffffff;--ink: #1b1b1a;--ink-2: #57534c;--ink-3: #716d65;--line: rgba(0, 0, 0, .08);--track: #ececea;--fill: rgba(0, 0, 0, .045);--chrome: rgba(255, 255, 255, .9);--accent-soft: #e6efea;--q-ink: #161616;--q-gold: #7b5a20;--q-gold-line: rgba(140, 104, 45, .45);--q-gold-wash: rgba(152, 116, 58, .05)}app-quran-reader[data-theme=dark]{--t-green: #6cc596;--t-red: #ef7d72;--t-blue: #7aa8ee;--t-gold: #e0b457;--t-purple: #b393e8;--t-teal: #5cc6c4;--t-rose: #ee8dbb;--t-slate: #a3acbb;--on-t: #14130f;color-scheme:dark;--bg: #121110;--desk: #0e0d0b;--paper: #161512;--sheet: #1b1a16;--card: #22211c;--ink: #ebe5d8;--ink-2: #b7b0a2;--ink-3: #9b9587;--line: rgba(255, 245, 225, .09);--track: #2b2a25;--fill: rgba(255, 245, 225, .06);--chrome: rgba(22, 21, 18, .88);--accent: #72b49b;--accent-strong: #8fc7b2;--accent-soft: rgba(114, 180, 155, .16);--on-accent: #0f1a16;--q-ink: #ece5d6;--q-gold: #d6ae63;--q-gold-line: rgba(214, 174, 99, .45);--q-gold-wash: rgba(201, 166, 96, .06);--q-select: rgba(114, 180, 155, .2);--q-hover: rgba(114, 180, 155, .08);--q-play: rgba(201, 166, 96, .22)}@media(prefers-color-scheme:dark){app-quran-reader[data-theme=auto]{--t-green: #6cc596;--t-red: #ef7d72;--t-blue: #7aa8ee;--t-gold: #e0b457;--t-purple: #b393e8;--t-teal: #5cc6c4;--t-rose: #ee8dbb;--t-slate: #a3acbb;--on-t: #14130f;color-scheme:dark;--bg: #121110;--desk: #0e0d0b;--paper: #161512;--sheet: #1b1a16;--card: #22211c;--ink: #ebe5d8;--ink-2: #b7b0a2;--ink-3: #9b9587;--line: rgba(255, 245, 225, .09);--track: #2b2a25;--fill: rgba(255, 245, 225, .06);--chrome: rgba(22, 21, 18, .88);--accent: #72b49b;--accent-strong: #8fc7b2;--accent-soft: rgba(114, 180, 155, .16);--on-accent: #0f1a16;--q-ink: #ece5d6;--q-gold: #d6ae63;--q-gold-line: rgba(214, 174, 99, .45);--q-gold-wash: rgba(201, 166, 96, .06);--q-select: rgba(114, 180, 155, .2);--q-hover: rgba(114, 180, 155, .08);--q-play: rgba(201, 166, 96, .22)}}.shell:has(app-quran-reader[data-theme=cream]){--t-green: #2f8a5b;--t-red: #c2453b;--t-blue: #3470c4;--t-gold: #a67a1f;--t-purple: #8052b8;--t-teal: #1f8585;--t-rose: #bf4a82;--t-slate: #667085;--on-t: #ffffff;color-scheme:light;--bg: #f4efe4;--desk: #efe9dd;--paper: #faf6ec;--sheet: #fdfaf2;--card: #fffdf7;--ink: #1f1b14;--ink-2: #5a5448;--ink-3: #736b5c;--line: rgba(60, 45, 20, .1);--track: #ebe4d5;--fill: rgba(60, 45, 20, .055);--chrome: rgba(250, 246, 236, .9);--accent: #2f6f5c;--accent-strong: #245747;--accent-soft: #e3ece4;--on-accent: #ffffff;--q-ink: #231e16;--q-gold: #86622a;--q-gold-line: rgba(150, 110, 45, .5);--q-gold-wash: rgba(163, 122, 56, .08);--q-select: rgba(47, 111, 92, .14);--q-hover: rgba(47, 111, 92, .06);--q-play: rgba(196, 150, 72, .24)}.shell:has(app-quran-reader[data-theme=white]){--t-green: #2f8a5b;--t-red: #c2453b;--t-blue: #3470c4;--t-gold: #a67a1f;--t-purple: #8052b8;--t-teal: #1f8585;--t-rose: #bf4a82;--t-slate: #667085;--on-t: #ffffff;color-scheme:light;--bg: #f4efe4;--desk: #efe9dd;--paper: #faf6ec;--sheet: #fdfaf2;--card: #fffdf7;--ink: #1f1b14;--ink-2: #5a5448;--ink-3: #736b5c;--line: rgba(60, 45, 20, .1);--track: #ebe4d5;--fill: rgba(60, 45, 20, .055);--chrome: rgba(250, 246, 236, .9);--accent: #2f6f5c;--accent-strong: #245747;--accent-soft: #e3ece4;--on-accent: #ffffff;--q-ink: #231e16;--q-gold: #86622a;--q-gold-line: rgba(150, 110, 45, .5);--q-gold-wash: rgba(163, 122, 56, .08);--q-select: rgba(47, 111, 92, .14);--q-hover: rgba(47, 111, 92, .06);--q-play: rgba(196, 150, 72, .24);--bg: #f6f6f4;--desk: #eeeeec;--paper: #ffffff;--sheet: #ffffff;--card: #ffffff;--ink: #1b1b1a;--ink-2: #57534c;--ink-3: #716d65;--line: rgba(0, 0, 0, .08);--track: #ececea;--fill: rgba(0, 0, 0, .045);--chrome: rgba(255, 255, 255, .9);--accent-soft: #e6efea;--q-ink: #161616;--q-gold: #7b5a20;--q-gold-line: rgba(140, 104, 45, .45);--q-gold-wash: rgba(152, 116, 58, .05)}.shell:has(app-quran-reader[data-theme=dark]){--t-green: #6cc596;--t-red: #ef7d72;--t-blue: #7aa8ee;--t-gold: #e0b457;--t-purple: #b393e8;--t-teal: #5cc6c4;--t-rose: #ee8dbb;--t-slate: #a3acbb;--on-t: #14130f;color-scheme:dark;--bg: #121110;--desk: #0e0d0b;--paper: #161512;--sheet: #1b1a16;--card: #22211c;--ink: #ebe5d8;--ink-2: #b7b0a2;--ink-3: #9b9587;--line: rgba(255, 245, 225, .09);--track: #2b2a25;--fill: rgba(255, 245, 225, .06);--chrome: rgba(22, 21, 18, .88);--accent: #72b49b;--accent-strong: #8fc7b2;--accent-soft: rgba(114, 180, 155, .16);--on-accent: #0f1a16;--q-ink: #ece5d6;--q-gold: #d6ae63;--q-gold-line: rgba(214, 174, 99, .45);--q-gold-wash: rgba(201, 166, 96, .06);--q-select: rgba(114, 180, 155, .2);--q-hover: rgba(114, 180, 155, .08);--q-play: rgba(201, 166, 96, .22)}@media(prefers-color-scheme:dark){.shell:has(app-quran-reader[data-theme=auto]){--t-green: #6cc596;--t-red: #ef7d72;--t-blue: #7aa8ee;--t-gold: #e0b457;--t-purple: #b393e8;--t-teal: #5cc6c4;--t-rose: #ee8dbb;--t-slate: #a3acbb;--on-t: #14130f;color-scheme:dark;--bg: #121110;--desk: #0e0d0b;--paper: #161512;--sheet: #1b1a16;--card: #22211c;--ink: #ebe5d8;--ink-2: #b7b0a2;--ink-3: #9b9587;--line: rgba(255, 245, 225, .09);--track: #2b2a25;--fill: rgba(255, 245, 225, .06);--chrome: rgba(22, 21, 18, .88);--accent: #72b49b;--accent-strong: #8fc7b2;--accent-soft: rgba(114, 180, 155, .16);--on-accent: #0f1a16;--q-ink: #ece5d6;--q-gold: #d6ae63;--q-gold-line: rgba(214, 174, 99, .45);--q-gold-wash: rgba(201, 166, 96, .06);--q-select: rgba(114, 180, 155, .2);--q-hover: rgba(114, 180, 155, .08);--q-play: rgba(201, 166, 96, .22)}}:root{--corner-clear: 94px}@media(min-width:768px){:root{--tabbar-h: 0px;--sidebar-w: 76px;--corner-clear: 56px}}@media(min-width:1200px){:root{--sidebar-w: 240px}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.num{font-variant-numeric:tabular-nums}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow)}.large-title{margin:0;font-size:32px;font-weight:700;letter-spacing:-.3px}@media(min-width:768px){.large-title{font-size:30px}}.segmented{display:flex;gap:2px;padding:2px;border-radius:11px;background:var(--track)}.segmented button{flex:1;height:32px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--ink-2);transition:background .2s var(--ease),color .2s var(--ease)}.segmented button[aria-pressed=true]{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #1d1c1a1f}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.settings-sheet{display:flex;flex-direction:column;gap:16px;margin-top:10px}.settings-group{display:flex;flex-direction:column;gap:8px}.settings-title{margin:0;font-size:13.5px;font-weight:600;color:var(--ink-2)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;border:1.5px solid transparent;background:var(--fill);position:relative}.theme-swatch.active{border-color:var(--accent);background:var(--accent-soft)}.swatch-preview{width:30px;height:30px;border-radius:8px;border:1px solid var(--line)}.swatch-name{font-size:12px;font-weight:600;color:var(--ink)}.swatch-check{position:absolute;top:4px;right:4px;color:var(--accent)}.save-passage-preview{padding:10px 12px;border-radius:12px;background:var(--fill);margin-bottom:12px}.save-passage-preview .ref{font-size:12px;font-weight:700;color:var(--accent)}.save-passage-preview .ayah-snippet{margin:4px 0 0;font-family:var(--font-quran);font-size:16px;line-height:1.8;color:var(--ink);max-height:64px;overflow:hidden}.save-form{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600;color:var(--ink-2)}.groups-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.new-group-field{width:100%;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--fill);color:var(--ink);font:14px inherit;outline:none}.new-group-field:focus{border-color:var(--accent)}.save-confirm-btn{margin-top:14px;height:44px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14.5px}.save-confirm-btn:disabled{opacity:.4;cursor:default}.page-form{display:flex;gap:10px;margin:16px 0 4px}.page-form input{flex:1;height:46px;padding:0 14px;border:0;border-radius:14px;background:var(--fill);color:var(--ink);font:inherit}.page-form input:focus{box-shadow:0 0 0 2px var(--accent)}.page-form button{height:46px;padding:0 20px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-weight:600}.tafsir-sheet-body{display:flex;flex-direction:column;gap:14px;padding:6px 2px}.tafsir-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 0;color:var(--ink-2)}.tafsir-text-box{padding:16px 18px;border-radius:16px;background:var(--fill);border:1px solid var(--line)}.tafsir-ayah{display:block;margin-bottom:4px;font-size:12.5px;font-weight:700;color:var(--accent)}.tafsir-paragraph{margin:0;font-size:16.5px;line-height:2.15;color:var(--ink);text-align:justify}.tafsir-footer{display:flex;justify-content:flex-end}.tafsir-close-btn{height:40px;padding:0 22px;border-radius:12px;background:var(--fill);color:var(--ink);font-weight:600;font-size:14px}.tafsir-close-btn:hover{background:var(--track)}.reciters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reciter-chip{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--fill);border:1.5px solid transparent;text-align:start;transition:.18s}.reciter-chip:hover{background:var(--track)}.reciter-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.reciter-chip.active .reciter-name{color:var(--accent)}.reciter-name{font-size:13.5px;font-weight:700;color:var(--ink)}.reciter-sub{font-size:11px;color:var(--ink-3);margin-top:2px}.list{list-style:none;margin:10px 0 0;padding:0;max-height:54dvh;overflow:auto}.list button{width:100%;height:46px;display:flex;align-items:center;gap:10px;padding:0 6px;border-bottom:1px solid var(--line);text-align:start}.list button.current .name{color:var(--accent)}.list .n{width:28px;font-size:13px;color:var(--ink-3)}.list .name{flex:1;font-size:15.5px;font-weight:600}.list .meta{font-size:12.5px;color:var(--ink-3)}.juz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}.juz-grid button{height:44px;border-radius:10px;background:var(--fill);font-weight:600}.juz-grid button.current{background:var(--accent);color:var(--on-accent)}.text-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:8px}.text-controls button{width:48px;height:48px;border-radius:24px;display:grid;place-items:center;background:var(--fill)}.text-controls button:disabled{opacity:.35;cursor:default}.text-controls .scale{min-width:64px;text-align:center;font-size:20px;font-weight:600}.hint{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--ink-3)}