@font-face{font-family:Cairo;font-weight:200 1000;font-display:swap;src:url(/noor/fonts/cairo-ar.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Cairo;font-weight:200 1000;font-display:swap;src:url(/noor/fonts/cairo-la.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;font-display:swap;src:url(/noor/fonts/plex-ar-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;font-display:swap;src:url(/noor/fonts/plex-la-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500 700;font-display:swap;src:url(/noor/fonts/plex-ar-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500 700;font-display:swap;src:url(/noor/fonts/plex-la-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Naskh Arabic;font-weight:400 700;font-display:swap;src:url(/noor/fonts/naskh-ar.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Noto Naskh Arabic;font-weight:400 700;font-display:swap;src:url(/noor/fonts/naskh-la.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-weight:400;font-display:swap;src:url(/noor/fonts/tajawal-ar-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-weight:400;font-display:swap;src:url(/noor/fonts/tajawal-la-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-weight:500 800;font-display:swap;src:url(/noor/fonts/tajawal-ar-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-weight:500 800;font-display:swap;src:url(/noor/fonts/tajawal-la-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:KFGQPC Uthmanic Hafs;font-weight:400;font-display:swap;src:url(/noor/fonts/uthmanic-hafs.woff2) format("woff2")}@font-face{font-family:Amiri Quran;font-weight:400;font-display:swap;src:url(/noor/fonts/amiri-quran-ar.woff2) format("woff2")}@font-face{font-family:Scheherazade New;font-weight:400;font-display:swap;src:url(/noor/fonts/scheherazade-ar.woff2) format("woff2")}:root{--font-ui: "Cairo", "Segoe UI", system-ui, -apple-system, sans-serif;--font-quran: "KFGQPC Uthmanic Hafs", "Amiri Quran", "Scheherazade New", serif;--radius: 22px;--radius-sm: 14px;--tabbar: 76px;--qsize: 26px;--qline: 2;--text-scale: 1;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--shadow: 0 10px 30px -14px rgba(0, 0, 0, .35)}:root[data-font=plex]{--font-ui: "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif}:root[data-font=naskh]{--font-ui: "Noto Naskh Arabic", "Segoe UI", system-ui, serif}:root[data-font=tajawal]{--font-ui: "Tajawal", "Segoe UI", system-ui, sans-serif}:root[data-qfont=amiri]{--font-quran: "Amiri Quran", "KFGQPC Uthmanic Hafs", serif}:root[data-qfont=scheherazade]{--font-quran: "Scheherazade New", "KFGQPC Uthmanic Hafs", serif}:root[data-text=sm]{--text-scale: .92}:root[data-text=lg]{--text-scale: 1.1}:root[data-text=xl]{--text-scale: 1.22}:root[data-theme=masjid][data-scheme=light]{--bg: #f3f6f1;--surface: #ffffff;--surface-2: #e9efe7;--ink: #16211c;--muted: #5f7068;--faint: #98a79f;--line: rgba(20, 40, 30, .09);--accent: #1f6b55;--accent-ink: #ffffff;--accent-soft: #dcebe3;--gold: #b8922f;--gold-soft: #f4ecd6;--glass: rgba(255, 255, 255, .82);--wash: radial-gradient(120% 60% at 50% -10%, #dcebe3 0%, rgba(220, 235, 227, 0) 70%);color-scheme:light}:root[data-theme=masjid][data-scheme=dark]{--bg: #0b1f1a;--surface: #12302a;--surface-2: #183b33;--ink: #eef6f1;--muted: #a9c2b6;--faint: #6e8a7e;--line: rgba(220, 240, 230, .1);--accent: #d4b35e;--accent-ink: #0b1f1a;--accent-soft: #2a3f2f;--gold: #d4b35e;--gold-soft: #2f3a24;--glass: rgba(18, 48, 42, .8);--wash: radial-gradient(120% 60% at 50% -10%, #1d4a3f 0%, rgba(29, 74, 63, 0) 70%);color-scheme:dark}:root[data-theme=fajr][data-scheme=light]{--bg: #faf6f0;--surface: #ffffff;--surface-2: #f1e9df;--ink: #2a2522;--muted: #74695f;--faint: #a89d92;--line: rgba(60, 40, 20, .09);--accent: #a4583a;--accent-ink: #ffffff;--accent-soft: #f6e1d6;--gold: #c08a3e;--gold-soft: #f6ead4;--glass: rgba(255, 252, 248, .84);--wash: radial-gradient(120% 60% at 50% -10%, #fbe3d2 0%, rgba(251, 227, 210, 0) 70%);color-scheme:light}:root[data-theme=fajr][data-scheme=dark]{--bg: #1b1a2a;--surface: #262539;--surface-2: #312f47;--ink: #f1ecf4;--muted: #b7adc4;--faint: #7d7490;--line: rgba(240, 230, 250, .1);--accent: #e8a27d;--accent-ink: #1b1a2a;--accent-soft: #3d3040;--gold: #e0b56d;--gold-soft: #3a3326;--glass: rgba(38, 37, 57, .82);--wash: radial-gradient(120% 60% at 50% -10%, #3b2f57 0%, rgba(59, 47, 87, 0) 70%);color-scheme:dark}:root[data-theme=layl][data-scheme=light]{--bg: #f2f4f7;--surface: #ffffff;--surface-2: #e8ecf2;--ink: #171b22;--muted: #5d6673;--faint: #98a1ad;--line: rgba(20, 30, 50, .09);--accent: #2f4f9e;--accent-ink: #ffffff;--accent-soft: #dde5f6;--gold: #a98a3a;--gold-soft: #f1ead4;--glass: rgba(255, 255, 255, .84);--wash: radial-gradient(120% 60% at 50% -10%, #dde5f6 0%, rgba(221, 229, 246, 0) 70%);color-scheme:light}:root[data-theme=layl][data-scheme=dark]{--bg: #0d1117;--surface: #161c25;--surface-2: #1e2633;--ink: #e9edf3;--muted: #9fabbb;--faint: #65707f;--line: rgba(220, 230, 245, .09);--accent: #9ab8ff;--accent-ink: #0d1117;--accent-soft: #223050;--gold: #d8b96a;--gold-soft: #33301f;--glass: rgba(22, 28, 37, .84);--wash: radial-gradient(120% 60% at 50% -10%, #1c2740 0%, rgba(28, 39, 64, 0) 70%);color-scheme:dark}:root[data-theme=sakina][data-scheme=light]{--bg: #f6f1e6;--surface: #fffdf8;--surface-2: #ece4d3;--ink: #22231f;--muted: #6a6a5c;--faint: #a19f8f;--line: rgba(50, 40, 20, .09);--accent: #1f7166;--accent-ink: #ffffff;--accent-soft: #d8ebe6;--gold: #b58b2e;--gold-soft: #f3e8cd;--glass: rgba(255, 253, 248, .84);--wash: radial-gradient(120% 60% at 50% -10%, #e5e3cf 0%, rgba(229, 227, 207, 0) 70%);color-scheme:light}:root[data-theme=sakina][data-scheme=dark]{--bg: #13211f;--surface: #1b2e2b;--surface-2: #233a36;--ink: #eef3ee;--muted: #a8bdb5;--faint: #6f847c;--line: rgba(220, 240, 235, .1);--accent: #6fcbbd;--accent-ink: #0f1f1c;--accent-soft: #254742;--gold: #d9b56a;--gold-soft: #35331f;--glass: rgba(27, 46, 43, .82);--wash: radial-gradient(120% 60% at 50% -10%, #234b45 0%, rgba(35, 75, 69, 0) 70%);color-scheme:dark}:root[data-theme=ward][data-scheme=light]{--bg: #fbf4f5;--surface: #ffffff;--surface-2: #f3e4e7;--ink: #27191e;--muted: #765c64;--faint: #ab969c;--line: rgba(70, 20, 40, .09);--accent: #b2425f;--accent-ink: #ffffff;--accent-soft: #f6dde3;--gold: #b58a3c;--gold-soft: #f5ead6;--glass: rgba(255, 252, 253, .84);--wash: radial-gradient(120% 60% at 50% -10%, #f7dfe4 0%, rgba(247, 223, 228, 0) 70%);color-scheme:light}:root[data-theme=ward][data-scheme=dark]{--bg: #231218;--surface: #301b23;--surface-2: #3b2430;--ink: #f6eef0;--muted: #c6aab3;--faint: #8c707a;--line: rgba(250, 225, 235, .1);--accent: #ee93ac;--accent-ink: #231218;--accent-soft: #4a2a36;--gold: #dcb26f;--gold-soft: #3c3122;--glass: rgba(48, 27, 35, .82);--wash: radial-gradient(120% 60% at 50% -10%, #4a2334 0%, rgba(74, 35, 52, 0) 70%);color-scheme:dark}:root{--paper: var(--surface);--paper-ink: var(--ink);--paper-line: var(--line)}:root[data-read=paper]{--paper: #fffdf8;--paper-ink: #1d1a14;--paper-line: rgba(0, 0, 0, .08)}:root[data-read=sepia]{--paper: #f3e7cf;--paper-ink: #3b2a14;--paper-line: rgba(80, 50, 10, .12)}:root[data-read=night]{--paper: #101418;--paper-ink: #e6e1d6;--paper-line: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;font-family:var(--font-ui);font-size:calc(16px * var(--text-scale));line-height:1.6;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;overflow-x:hidden}h1,h2,h3,p{margin:0}h1{font-size:1.5em;font-weight:700;line-height:1.3}h2{font-size:1.15em;font-weight:700}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}input,textarea,select{font:inherit;color:inherit}img,svg{display:block}[hidden]{display:none!important}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.86em}.center{text-align:center}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lead{font-size:1.05em}.link{color:var(--accent);text-decoration:none}.prose p+p{margin-top:8px}ul.plain{margin:8px 0 0;padding:0 1.2em}#app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 8px) 16px 40px;max-width:720px;margin:0 auto}#app.with-tabs{padding-bottom:calc(env(safe-area-inset-bottom) + var(--tabbar) + 48px)}body.with-player #app.with-tabs{padding-bottom:calc(env(safe-area-inset-bottom) + var(--tabbar) + 120px)}.screen{animation:rise .28s var(--ease-out)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.topbar{display:flex;align-items:center;gap:10px;padding:8px 0 14px;position:relative}.topbar-title{flex:1;min-width:0}.topbar-title h1{font-size:1.22em;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topbar-sub{color:var(--muted);font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;gap:4px;align-items:center}.topbar-right .row{gap:2px}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--ink);transition:background .15s ease,transform .15s var(--ease-out);flex:none}.icon-btn:hover,.icon-btn.on{background:var(--surface-2)}.icon-btn.on{color:var(--accent)}.icon-btn:active{transform:scale(.92)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:999px;font-weight:600;background:var(--surface-2);color:var(--ink);transition:transform .15s var(--ease-out),filter .15s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.gold{background:var(--gold);color:#1d1708}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:color-mix(in srgb,#c0392b 15%,var(--surface));color:#c0392b}.btn.sm{min-height:36px;padding:6px 14px;font-size:.9em}.btn.wide{width:100%}.btn-ico{display:inline-grid;place-items:center}.card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:0 0 0 1px var(--line)}.card.list{padding:4px 8px}.card-kicker{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.82em;font-weight:600;margin-bottom:8px}.card-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent);flex:none}.section{margin-top:20px}.section-title{font-size:1em;color:var(--muted);font-weight:700;margin:0 4px 8px}.input{width:100%;min-height:46px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.input::-moz-placeholder{color:var(--faint)}.input::placeholder{color:var(--faint)}input[type=number].input{max-width:120px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap}.chips-row{margin:10px 0}.chips-label{display:block;color:var(--muted);font-size:.85em;font-weight:600;margin:0 4px 6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.chip.on{background:var(--accent);color:var(--accent-ink)}.chip-swatch{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.chips.seg{background:var(--surface-2);border-radius:999px;padding:4px;gap:2px}.chips.seg .chip{background:transparent;flex:1;justify-content:center}.chips.seg .chip.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0000001f}.chips.seg.small .chip{min-height:32px;font-size:.86em}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border-radius:999px;padding:2px}.stepper-btn{width:36px;height:36px}.stepper-n{min-width:48px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.srow{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 8px;border-radius:var(--radius-sm);text-align:start}button.srow:hover{background:var(--surface-2)}.srow.disabled{opacity:.55}.srow.soon{opacity:.6}.row-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex:none}.row-text{flex:1;min-width:0;display:grid}.row-label{font-weight:600}.row-sub{color:var(--muted);font-size:.84em}.row-right{color:var(--muted);display:inline-flex;align-items:center;gap:6px}.row-chev{color:var(--faint);display:inline-grid;place-items:center}:root[dir=rtl] .row-chev svg,:root[dir=rtl] .topbar-back svg{transform:scaleX(-1)}.switch{position:relative;width:48px;height:28px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s ease;flex:none}.switch .knob{position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s var(--ease-out)}.switch.on{background:var(--accent)}.switch.on .knob{transform:translate(20px)}:root[dir=rtl] .switch.on .knob{transform:translate(-20px)}.empty{display:grid;justify-items:center;gap:10px;padding:40px 16px;text-align:center;color:var(--muted)}.empty-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface-2);color:var(--accent)}.skeleton{display:grid;gap:12px;padding:24px 0}.sk-line{height:14px;border-radius:8px;background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite}.sk-line.w60{width:60%}.sk-line.w80{width:80%}@keyframes shimmer{to{background-position:-200% 0}}.avatar{border-radius:50%}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(calc(100% - 24px),520px);display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:28px;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 14px 40px -16px #00000073,0 0 0 1px var(--line);z-index:20}.tab{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;min-height:54px;padding:7px 2px 5px;border-radius:20px;color:var(--muted);font-size:11.5px;font-weight:600;transition:color .25s ease,transform .2s var(--ease-out)}.tab.on{color:var(--accent)}.tab:active{transform:scale(.94)}.tab-pill{position:absolute;top:6px;left:0;height:calc(100% - 12px);border-radius:20px;background:var(--accent-soft);opacity:0;pointer-events:none;transition:opacity .2s ease}.tabbar.ready .tab-pill{transition:transform .45s var(--ease-spring),width .45s var(--ease-spring),opacity .2s ease}.tab.on .tab-icon{animation:tab-pop .45s var(--ease-spring)}@keyframes tab-pop{0%{transform:scale(.82) translateY(2px)}60%{transform:scale(1.14) translateY(-1px)}to{transform:none}}#toasts{position:fixed;bottom:calc(env(safe-area-inset-bottom) + var(--tabbar) + 24px);left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:60;width:min(calc(100% - 32px),420px);pointer-events:none}.toast{padding:12px 16px;border-radius:16px;background:var(--ink);color:var(--bg);font-weight:600;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s var(--ease-out);box-shadow:var(--shadow)}.toast.show{opacity:1;transform:none}.toast.ok{background:var(--accent);color:var(--accent-ink)}.toast.warn{background:#b8323a;color:#fff}.sheet-root{position:fixed;inset:0;z-index:50;background:#0000006b;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.sheet-root.closing{animation:fade .2s ease reverse forwards}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:min(100%,560px);max-height:88dvh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border-radius:26px 26px 0 0;padding:8px 18px calc(env(safe-area-inset-bottom) + 18px);animation:slide .28s var(--ease-out);box-shadow:0 -10px 40px #00000040}.sheet-root.closing .sheet{animation:slide .2s ease reverse forwards}@keyframes slide{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet-handle{width:40px;height:5px;border-radius:3px;background:var(--line);margin:4px auto 8px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sheet-head h2{font-size:1.05em}.sheet-body{overflow:auto;overscroll-behavior:contain;padding-bottom:8px}.sheet-actions{padding-top:10px;display:flex;justify-content:flex-end;gap:8px}.player-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + var(--tabbar) + 20px);width:min(calc(100% - 24px),520px);display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:22px;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 14px 40px -16px #00000073,0 0 0 1px var(--line);z-index:19;animation:rise .25s var(--ease-out)}.player-info{flex:1;min-width:0;text-align:start;display:grid}.player-info strong{font-size:.92em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info small{color:var(--muted);font-size:.75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-ctl{display:flex;align-items:center}.player-ctl .icon-btn{width:38px;height:38px}.play-btn{background:var(--accent);color:var(--accent-ink);width:44px!important;height:44px!important}.play-btn.loading{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}:root[dir=rtl] .player-ctl .icon-btn svg{transform:scaleX(-1)}.home-head{padding:6px 0 10px;position:relative}.home-head:before{content:"";position:absolute;inset:-40px -16px 0;background:var(--wash);z-index:-1;pointer-events:none}.home-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;align-items:center;gap:8px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--gold);color:#1d1708}.wordmark{font-size:1.4em;font-weight:800;letter-spacing:-.01em}.home-actions{display:flex;gap:2px}.home-greet{margin-top:12px;font-size:1.35em;font-weight:700}.home-date{color:var(--muted);font-size:.9em;display:flex;gap:8px;flex-wrap:wrap}.home-date .hijri{color:var(--gold);font-weight:700}.home-cards{display:grid;gap:12px;margin-top:8px}.home-slot:empty{display:none}button.card{width:100%;text-align:start;display:flex;align-items:center;gap:12px;transition:transform .15s var(--ease-out)}button.card:active{transform:scale(.985)}button.card.ayah-card{display:grid;gap:6px}.ayah-card-text{font-size:calc(var(--qsize) * .85);line-height:1.9}.ayah-card-ref{color:var(--muted);font-size:.86em}.continue-card strong,.khatma-card strong{display:block}.continue-card small,.khatma-card small{color:var(--muted);display:block}.khatma-card{display:flex;align-items:center;gap:12px}.khatma-card .streak{color:var(--gold);font-weight:700;display:inline-flex;gap:4px;align-items:center}.ring .ring-bg{fill:none;stroke:var(--surface-2);stroke-width:4}.ring .ring-fg{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .6s var(--ease-out)}.ring .ring-text{fill:var(--ink);font-size:9px;font-weight:700;font-family:var(--font-ui)}.prayer-card.placeholder{border:1px dashed var(--line);box-shadow:none}.banner{display:flex;align-items:center;gap:8px;margin:10px 0;background:var(--accent-soft);box-shadow:none}.banner.warn{background:#f6e3c8;color:#4a2b05}.banner p{flex:1}.install-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.install-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.install-steps{padding:0;margin:0;list-style:none;display:grid;gap:10px}.install-step{display:flex;align-items:center;gap:10px}.step-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.85em}.account-card{display:grid;gap:10px}.signin-btn{width:100%}.signin-inner{display:inline-flex;align-items:center;gap:10px}.signin-g{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff}.foot-note{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;width:100%}.acct-slot:empty{display:none}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:var(--radius-sm);padding:4px 10px 4px 4px;box-shadow:0 0 0 1px var(--line);margin-bottom:12px;color:var(--muted)}.search-wrap .search-input{border:0;background:transparent;box-shadow:none;min-height:42px;padding:8px 6px}.search-wrap .search-input:focus{outline:none}.search-wrap>svg{flex:none;margin-inline-start:8px}.search-wrap .btn{flex:none}.qlists .continue-card.slim{margin-bottom:12px;padding:10px 14px}.qlist-body{margin-top:12px}.surah-list{display:grid;gap:4px}.surah-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:var(--radius-sm);text-align:start;background:var(--surface);box-shadow:0 0 0 1px var(--line);transition:transform .12s var(--ease-out)}.surah-row:active{transform:scale(.985)}.surah-row.static{cursor:default}.surah-row .surah-text.grow{text-align:start}.surah-num{display:grid;place-items:center;width:40px;height:40px;flex:none;color:var(--accent);font-weight:700;font-size:.9em;background:conic-gradient(from 22.5deg,var(--accent-soft) 0 12.5%,transparent 0 25%,var(--accent-soft) 0 37.5%,transparent 0 50%,var(--accent-soft) 0 62.5%,transparent 0 75%,var(--accent-soft) 0 87.5%,transparent 0);border-radius:50%;position:relative}.surah-num span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface)}.surah-text{flex:1;min-width:0;display:grid}.surah-text strong{font-size:1.02em}.surah-text small{color:var(--muted);font-size:.8em}.surah-arname{font-size:1.25em;color:var(--accent)}.surah-page{color:var(--faint);font-size:.8em;white-space:nowrap}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-top:12px}.page-cell{display:grid;justify-items:center;padding:8px 4px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.page-cell strong{color:var(--accent)}.page-cell small{color:var(--muted);font-size:.72em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.jump-row{margin-top:4px}.jump-form .row{margin-top:8px}.bm-dot{display:inline-block;width:14px;height:14px;border-radius:50%;flex:none}.bm-dot.gold{background:#c9a24a}.bm-dot.green{background:#2f8f6b}.bm-dot.blue{background:#3f7bd9}.bm-dot.rose{background:#d9527a}.bm-colors .chip{padding:6px 12px}.quran-text{font-family:var(--font-quran);font-size:var(--qsize);line-height:var(--qline);direction:rtl;text-align:right;word-spacing:.05em;font-feature-settings:"calt","liga"}.quran-text.small{font-size:calc(var(--qsize) * .78);line-height:1.9}.quran-text.preview{font-size:calc(var(--qsize) * .85);line-height:1.9;padding:8px 0 12px}.ayah-num{display:inline-grid;place-items:center;min-width:1.35em;height:1.35em;margin:0 .25em;font-size:.72em;color:var(--accent);vertical-align:middle;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 60%,transparent 62%);font-family:var(--font-ui);font-weight:700;line-height:1}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}.reader-tools .chips.seg{max-width:220px}.surah-head{text-align:center;padding:18px 12px 10px;margin-bottom:8px;border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden}.surah-head-name{font-size:calc(var(--qsize) * 1.05);color:var(--accent);line-height:1.6;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}.surah-head-name:before,.surah-head-name:after{content:"";flex:0 1 22%;min-width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.8}.basmala{font-size:calc(var(--qsize) * .95);color:var(--ink);text-align:center;line-height:1.8;margin-top:4px}.surah-head.on-page{background:transparent;box-shadow:none;margin:6px 0 2px;padding:10px 0 4px}.ayah{padding:14px 14px 12px;border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--line);margin-bottom:10px;cursor:pointer;transition:box-shadow .2s ease,background .2s ease;position:relative}.ayah.playing{box-shadow:0 0 0 2px var(--gold);background:color-mix(in srgb,var(--gold-soft) 70%,var(--surface))}.ayah.flash{animation:flash 1.6s ease}@keyframes flash{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 1px var(--line)}}.ayah.marked{border-inline-start:4px solid var(--gold)}.ayah.marked.green{border-color:#2f8f6b}.ayah.marked.blue{border-color:#3f7bd9}.ayah.marked.rose{border-color:#d9527a}.ayah-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ayah-chip{font-size:.72em;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.ayah-playing{color:var(--gold);display:inline-grid}.trans-text{margin-top:10px;color:var(--ink);font-size:.98em;line-height:1.7}.trans-text[dir=ltr]{text-align:left}.trans-text[dir=rtl]{text-align:right}.trans-name{display:block;color:var(--muted);font-size:.76em;font-weight:600}.tafsir{margin-top:10px}.tafsir summary{color:var(--accent);font-weight:600;cursor:pointer;font-size:.9em}.tafsir-text{margin-top:6px;font-size:1em;line-height:1.8;color:var(--muted)}.bm-note{margin-top:8px;color:var(--gold);font-size:.88em;display:flex;gap:6px;align-items:center}.reader-foot{justify-content:space-between;margin:16px 0}.memorize .ayah .quran-text{transition:filter .2s ease}.hidden-ayah .quran-text{filter:blur(9px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hidden-ayah .trans-text,.hidden-ayah .tafsir{filter:blur(6px)}.ayah-actions .preview{max-height:30vh;overflow:auto}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.82em;font-weight:600;text-align:center}.action-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--accent)}.bm-form{display:grid;gap:12px}.qpreview{background:var(--paper);color:var(--paper-ink);border-radius:var(--radius-sm);padding:12px 14px!important;margin-bottom:8px}.qf-sample[data-qf=hafs]{font-family:KFGQPC Uthmanic Hafs}.qf-sample[data-qf=amiri]{font-family:Amiri Quran}.qf-sample[data-qf=scheherazade]{font-family:Scheherazade New}.font-sample[data-font=cairo]{font-family:Cairo}.font-sample[data-font=plex]{font-family:IBM Plex Sans Arabic}.font-sample[data-font=naskh]{font-family:Noto Naskh Arabic}.font-sample[data-font=tajawal]{font-family:Tajawal}.read-settings{display:grid;gap:6px}.read-settings .section-title{margin-top:10px}.trans-picker{display:grid}.mushaf-page{background:var(--paper);color:var(--paper-ink);border-radius:18px;padding:18px 16px 14px;box-shadow:0 0 0 1px var(--paper-line),0 12px 40px -24px #00000080;min-height:60vh;position:relative}.mushaf-page.paper:before{content:"";position:absolute;inset:8px;border:1px solid var(--paper-line);border-radius:12px;pointer-events:none}.mushaf-page .surah-head-name{color:var(--paper-ink)}.mushaf-text{text-align:justify;-moz-text-align-last:center;text-align-last:center;text-justify:kashida;line-height:var(--qline);margin:0;padding:4px 2px}.m-ayah{cursor:pointer;border-radius:6px;transition:background .2s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}.m-ayah:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.m-ayah.playing{background:color-mix(in srgb,var(--gold) 28%,transparent)}.m-ayah.marked{box-shadow:inset 0 -3px 0 var(--gold)}.m-ayah.marked.green{box-shadow:inset 0 -3px #2f8f6b}.m-ayah.marked.blue{box-shadow:inset 0 -3px #3f7bd9}.m-ayah.marked.rose{box-shadow:inset 0 -3px #d9527a}.m-ayah.hidden-ayah{filter:blur(8px)}.m-ayah .ayah-num{color:var(--accent);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent) 60%,transparent 62%)}.rub,.sajda-mark{color:var(--gold);font-size:.9em;margin:0 .15em}.mushaf-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.mushaf-pageno{font-family:var(--font-quran);font-size:1.3em;color:var(--muted)}.mushaf-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--faint);font-size:.8em}:root[dir=rtl] .mushaf-nav .btn-ico svg{transform:scaleX(-1)}.results .hint{padding:20px 8px;text-align:center}.result-list{display:grid;gap:8px}.result-list .count{margin:0 4px}.result{display:grid;gap:6px;text-align:start;padding:12px 14px;border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--line)}.result-ref{color:var(--accent);font-size:.82em;font-weight:700}.result .trans-text{margin-top:2px;font-size:.9em;color:var(--muted)}.plan-form{display:grid;gap:10px}.plan-card{display:flex;align-items:center;gap:16px;margin-bottom:12px}.plan-text strong{display:block;font-size:1.1em}.plan-text .streak{color:var(--gold);font-weight:700;display:inline-flex;gap:4px;align-items:center}.khatma .btn.wide{margin:8px 0}.khatma .muted.small{margin:8px 4px}.player-sheet{display:grid;gap:10px}.player-sheet .section-title{margin-top:8px}.range-row .input{max-width:84px}.pack-list{display:grid}.pack-list .srow{background:var(--surface);box-shadow:0 0 0 1px var(--line);margin-bottom:6px}.ok-mark{color:var(--accent);display:grid;place-items:center;width:42px;height:42px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.theme-card{display:grid;justify-items:center;gap:6px;padding:8px 4px;border-radius:var(--radius-sm);font-size:.78em;font-weight:600;color:var(--muted);border:2px solid transparent}.theme-card.on{border-color:var(--accent);color:var(--ink);background:var(--surface-2)}.theme-swatch{width:40px;height:40px;border-radius:14px;box-shadow:0 0 0 1px var(--line)}.settings .card{margin-bottom:4px}.settings .btn.danger{margin-top:12px}.no-permission{padding-top:60px}.admin-holder{min-height:100dvh}.sources .card{margin-bottom:8px}.sources .srow{align-items:flex-start}.placeholder .empty{padding-top:80px}@media (min-width: 720px){.action-grid{grid-template-columns:repeat(4,1fr)}.theme-grid{grid-template-columns:repeat(5,1fr)}}