@font-face{font-family:Mushaf;src:url(/fonts/kfgqpc-hafs.woff2)format("woff2");font-display:swap}@font-face{font-family:AmiriQuran;src:url(/fonts/amiri-quran.woff2)format("woff2");font-display:swap}@font-face{font-family:NaskhAr;src:url(/fonts/noto-naskh.woff2)format("woff2");font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-600.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-700.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-800.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--bg:#e9eeec;--ink:#12201a;--ink-soft:#43524b;--ink-faint:#7a897f;--accent:#0e9d6b;--accent-ink:#fff;--accent-soft:#0e9d6b24;--hl:#f0c85a66;--line:#14281e1a;--orb-1:#10b98147;--orb-2:#2dbfa838;--orb-3:#d4af5a33;--orb-4:#50a08229;--glass-bg:#ffffff80;--glass-bg-strong:#ffffffad;--panel-bg:#fffffff5;--glass-border:#ffffffd9;--glass-active:#ffffffd1;--glass-shadow:#101c1629;--glass-spec:#fffffff2;--glass-gloss:#ffffff8c;--glass-blur:blur(22px) saturate(180%) brightness(1.06);--glass-elev:inset 0 1.2px 0 var(--glass-spec), inset 0 0 0 1px #ffffff0d, inset 0 -12px 18px -14px var(--glass-spec), 0 10px 28px -12px var(--glass-shadow), 0 24px 54px -18px var(--glass-shadow);--glass-elev-sm:inset 0 1px 0 var(--glass-spec), 0 6px 18px -10px var(--glass-shadow), 0 12px 30px -16px var(--glass-shadow);--topbar-h:60px;--maxw:880px;--r-lg:22px;--r-md:15px;--r-sm:11px;--ar-font:"Mushaf";--ar-size:30px;--ru-size:18px;--lh:1.95;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:"Georgia", "Iowan Old Style", "Times New Roman", serif}:root[data-theme=dark]{--bg:#0a1210;--ink:#e9f0eb;--ink-soft:#a6b4ab;--ink-faint:#6c7a71;--accent:#34d99f;--accent-ink:#04241a;--accent-soft:#34d99f29;--hl:#5a4e288c;--line:#ffffff17;--orb-1:#10b9813d;--orb-2:#1e96aa38;--orb-3:#96783c29;--orb-4:#145a4647;--glass-bg:#1e262c85;--glass-bg-strong:#20292fb8;--panel-bg:#181e23f7;--glass-border:#ffffff24;--glass-active:#ffffff21;--glass-shadow:#0009;--glass-spec:#ffffff6b;--glass-gloss:#ffffff1a;--glass-blur:blur(24px) saturate(170%) brightness(1.15);--glass-elev:inset 0 1.2px 0 var(--glass-spec), inset 0 0 0 1px #ffffff0d, inset 0 -12px 18px -14px #ffffff24, 0 10px 30px -12px var(--glass-shadow), 0 26px 60px -18px var(--glass-shadow);--glass-elev-sm:inset 0 1px 0 var(--glass-spec), 0 8px 22px -12px var(--glass-shadow), 0 16px 36px -18px var(--glass-shadow)}:root[data-theme=sepia]{--bg:#efe4cf;--ink:#3e3427;--ink-soft:#6a5c46;--ink-faint:#9a8a6d;--accent:#4f8a3f;--accent-ink:#fff;--accent-soft:#4f8a3f29;--hl:#dcb45a80;--line:#5a461e24;--orb-1:#c8a04647;--orb-2:#96aa5a38;--orb-3:#d282462e;--orb-4:#7896502e;--glass-bg:#fffaf080;--glass-bg-strong:#fffaf0b8;--panel-bg:#fcf6ebf7;--glass-border:#fffcf4d9;--glass-active:#fffaf0d9;--glass-shadow:#5a461e2e;--glass-spec:#fffdf5f2;--glass-gloss:#fffdf599}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 24px);max-width:100%;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(42vw 42vw at 12% 8%, var(--orb-1), transparent 60%), radial-gradient(38vw 38vw at 88% 4%, var(--orb-2), transparent 58%), radial-gradient(46vw 46vw at 78% 72%, var(--orb-3), transparent 60%), radial-gradient(40vw 40vw at 18% 88%, var(--orb-4), transparent 60%);filter:saturate(1.1);position:fixed;inset:-20% -10% -10%}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 55%, transparent));position:fixed;inset:0}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:0;font-weight:800;line-height:1.18}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.wide{--maxw:1120px}.glass{isolation:isolate;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 46%);position:absolute;inset:0}.topbar{z-index:50;padding:10px 12px 0;position:sticky;top:0}.topbar-inner{isolation:isolate;max-width:1120px;min-height:var(--topbar-h);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);border-radius:26px;align-items:center;gap:8px;margin:0 auto;padding:8px 12px;display:flex;position:relative}.topbar-inner:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 46%);position:absolute;inset:0}.topbar-inner>.brand,.topbar-inner>.icon-btn,.topbar-inner>a.icon-btn,.topbar-inner>.menu-wrap,.topbar-inner>.btn{flex:none}.brand{background:color-mix(in srgb, var(--surface) 64%, transparent);letter-spacing:0;white-space:nowrap;border-radius:16px;align-items:center;gap:11px;min-width:0;padding:2px 8px 2px 2px;font-weight:800;display:flex;overflow:hidden}.brand-mark{width:42px;height:42px;box-shadow:none;border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.brand-mark img{width:42px;height:42px;display:block}.brand-copy{gap:1px;min-width:0;line-height:1.05;display:grid}.brand .brand-name{color:var(--ink);letter-spacing:0;font-size:15px;font-weight:850}.brand-domain{color:var(--ink-muted);letter-spacing:.02em;text-transform:none;font-size:10.5px;font-weight:650}.topbar .grow{flex:1}.quick{flex:auto;align-items:center;gap:6px;min-width:0;max-width:440px;display:flex}.quick input{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 70%, transparent);min-width:0;height:42px;color:var(--ink);font-size:15px;font-family:var(--sans);box-shadow:inset 0 1px 2px var(--glass-shadow);border-radius:14px;flex:1;padding:0 14px}.quick input::placeholder{color:var(--ink-faint)}.quick input:focus{outline:2px solid var(--accent);outline-offset:0;background:var(--glass-bg-strong)}.btn{border:1px solid var(--glass-border);background:var(--glass-bg);height:42px;color:var(--ink);font:700 14px/1 var(--sans);cursor:pointer;white-space:nowrap;box-shadow:var(--glass-elev-sm);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:transform .12s,filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 78%, #000));border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--accent-ink);box-shadow:inset 0 1px 0 #fff6, 0 8px 22px -8px color-mix(in srgb, var(--accent) 70%, transparent)}.btn.ghost{box-shadow:none;backdrop-filter:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--glass-bg)}.icon-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:42px;height:42px;color:var(--ink-soft);cursor:pointer;box-shadow:var(--glass-elev-sm);border-radius:14px;place-items:center;transition:transform .12s,color .15s,filter .15s;display:inline-grid;position:relative}.icon-btn:hover{color:var(--accent);transform:translateY(-1px)}.icon-btn.on{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.icon-btn svg{width:20px;height:20px}.menu-wrap{position:relative}.menu{border-radius:var(--r-lg);background:var(--panel-bg);min-width:244px;backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);z-index:60;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0}.menu.open{animation:.16s cubic-bezier(.32,.72,0,1) pop;display:block}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.menu h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:10px 8px 6px;font-size:11px;font-weight:700}.menu .row{border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.menu button.item{width:100%;color:var(--ink);cursor:pointer;font:600 14px/1.2 var(--sans);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.menu button.item:hover{background:var(--glass-bg)}.menu button.item.on{color:var(--accent);background:var(--accent-soft);font-weight:700}.menu button.item .tick{color:var(--accent);opacity:0;margin-left:auto}.menu button.item.on .tick{opacity:1}.seg{background:color-mix(in srgb, var(--glass-bg) 60%, transparent);border:1px solid var(--glass-border);box-shadow:inset 0 1px 2px var(--glass-shadow);border-radius:15px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-soft);font:700 13px/1 var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;padding:7px 12px;transition:color .15s}.seg button.on{background:var(--glass-active);color:var(--accent);box-shadow:inset 0 1.4px 0 var(--glass-spec), 0 4px 12px -4px var(--glass-shadow)}.chip{background:var(--glass-bg);color:var(--ink-soft);font:700 12px/1 var(--sans);border:1px solid var(--glass-border);box-shadow:var(--glass-elev-sm);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;display:inline-flex}.chip.mecca{color:#b4791f}.chip.medina{color:var(--accent)}:root[data-theme=dark] .chip.mecca{color:#e0ad51}select.sel{border:1px solid var(--glass-border);background:var(--glass-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;height:42px;color:var(--ink);font:600 14px/1 var(--sans);cursor:pointer;appearance:none;box-shadow:var(--glass-elev-sm);border-radius:14px;padding:0 34px 0 14px}input[type=range]{width:100%;accent-color:var(--accent)}.hero{text-align:center;padding:56px 16px 30px}.hero h1{background:linear-gradient(180deg, var(--ink), color-mix(in srgb, var(--ink) 62%, var(--accent)));color:#0000;background-clip:text;margin:0 0 16px;font-size:clamp(34px,7vw,54px)}.hero .verse{font-family:var(--ar-font), "AmiriQuran", serif;color:var(--accent);direction:rtl;margin:8px 0;font-size:clamp(24px,5.5vw,34px);line-height:2.1}.hero .verse-tr{color:var(--ink-soft);max-width:560px;margin:0 auto 26px;font-size:16px}.hero .cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.list-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 16px;display:flex}.list-tools .filter{border:1px solid var(--glass-border);background:var(--glass-bg);min-width:180px;height:46px;color:var(--ink);box-shadow:var(--glass-elev-sm);border-radius:16px;flex:1;padding:0 16px;font-size:15px}.list-tools .filter:focus{outline:2px solid var(--accent);outline-offset:0}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding-bottom:70px;display:grid}.surah-card{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-elev-sm);align-items:center;gap:13px;padding:15px 16px;transition:transform .16s cubic-bezier(.34,1.3,.64,1),box-shadow .18s,filter .15s;display:flex;position:relative}.surah-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 44%);position:absolute;inset:0}.surah-card:hover{box-shadow:var(--glass-elev);filter:brightness(1.03);transform:translateY(-3px)}.surah-card .num{background:linear-gradient(150deg, var(--accent-soft), transparent);width:44px;height:44px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:inset 0 1px 0 var(--glass-spec);border-radius:14px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid;transform:rotate(45deg)}.surah-card .card-body{flex:1;min-width:0}.surah-card .row1,.surah-card .row2{justify-content:space-between;align-items:center;gap:10px;display:flex}.surah-card .row2{margin-top:3px}.surah-card .r{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.surah-card .m{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;overflow:hidden}.surah-card .ar-name{font-family:var(--ar-font), "AmiriQuran", serif;color:var(--ink-soft);white-space:nowrap;direction:rtl;flex:none;font-size:20px}.surah-card .acts{flex:none;gap:2px;display:flex}.surah-card .acts a{width:32px;height:32px;color:var(--ink-faint);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.surah-card .acts a:hover{background:var(--accent-soft);color:var(--accent)}.surah-card .acts svg{width:16px;height:16px}.surah-head{text-align:center;padding:36px 16px 10px}.surah-head .kicker{color:var(--ink-faint);letter-spacing:.04em;font-size:13px}.surah-head h1{margin:8px 0 4px;font-size:clamp(28px,5.5vw,40px)}.surah-head .ar{font-family:var(--ar-font), "AmiriQuran", serif;color:var(--accent);direction:rtl;margin:6px 0;font-size:32px}.surah-head .meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.surah-desc{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);color:var(--ink-soft);box-shadow:var(--glass-elev-sm);margin:16px 0;padding:16px 18px;font-size:15px;position:relative}.surah-desc:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 42%);position:absolute;inset:0}.bism{text-align:center;font-family:var(--ar-font), "AmiriQuran", serif;color:var(--ink);direction:rtl;padding:20px 0 8px;font-size:28px}.ayahs{isolation:isolate;background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);border-radius:26px;margin:6px 0 130px;padding:8px 20px;position:relative}.ayahs:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 100%);height:160px;position:absolute;top:0;left:0;right:0}.ayah{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--topbar-h) + 24px);content-visibility:auto;contain-intrinsic-size:auto 640px;border-radius:16px;padding:22px 4px 20px;transition:background .3s}.ayah:last-child{border-bottom:0}.ayah.active{background:color-mix(in srgb, var(--accent-soft) 90%, transparent);box-shadow:inset 3px 0 0 var(--accent), inset 0 1px 0 var(--glass-spec);padding-left:14px;padding-right:14px}.ayah-top{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ayah-no{font:800 13px/1 var(--sans);color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:filter .15s,transform .12s;display:inline-flex}.ayah-no:hover{filter:brightness(1.08);transform:translateY(-1px)}.ayah-acts{gap:2px;margin-left:auto;display:flex}.ayah-acts button,.ayah-acts a{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;transition:background .15s,color .15s;display:grid}.ayah-acts button:hover,.ayah-acts a:hover{background:var(--glass-bg);color:var(--accent)}.ayah-acts button.on{background:var(--accent-soft);color:var(--accent)}.ayah-acts svg{width:18px;height:18px}.ar{font-family:var(--ar-font), "AmiriQuran", "NaskhAr", serif;text-align:right;font-size:var(--ar-size);line-height:var(--lh);color:var(--ink);direction:rtl}.translit{color:var(--ink-faint);font-style:italic;font-size:calc(var(--ru-size) - 2px);margin-top:12px;line-height:1.6}.translation{font-size:var(--ru-size);color:var(--ink-soft);margin-top:12px;line-height:1.72}.tafsir{font-size:var(--ru-size);color:var(--ink-soft);white-space:pre-line;margin-top:14px;line-height:1.78}.tafsir-passage{background:color-mix(in srgb, var(--accent-soft) 55%, transparent);border:1px solid var(--line);border-radius:16px;margin:6px 0;padding:16px 16px 18px}.tafsir-label{font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;display:inline-block}.tafsir-details{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 45%, transparent);border-radius:16px;margin-top:12px;overflow:hidden}.tafsir-details>summary{cursor:pointer;font:800 11px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);user-select:none;padding:12px 16px;list-style:none}.tafsir-details>summary::-webkit-details-marker{display:none}.tafsir-details>summary:before{content:"▸  "}.tafsir-details[open]>summary:before{content:"▾  "}.tafsir-details>.tafsir{margin-top:0;padding:0 16px 16px}.tafsir-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 40%, transparent);color:var(--accent);font:700 13px/1 var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tafsir-toggle:hover{background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}.tafsir-toggle .tt-ic,.tafsir-toggle .tt-caret{display:inline-flex}.tafsir-toggle .tt-ic{width:17px;height:17px}.tafsir-toggle .tt-caret{width:14px;height:14px;margin-left:2px;transition:transform .2s}.tafsir-toggle .tt-ic svg,.tafsir-toggle .tt-caret svg{width:100%;height:100%}.tafsir-toggle .tt-sub{color:var(--ink-faint);font-size:12px;font-weight:600}.tafsir-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tafsir-toggle.on .tt-sub{color:color-mix(in srgb, var(--accent-ink) 78%, transparent)}.tafsir-toggle.on .tt-caret{transform:rotate(180deg)}.ayah-tafsir{gap:12px;margin-top:12px;animation:.22s tafsirIn;display:grid}.ayah-tafsir:not(.open){display:none}@keyframes tafsirIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tafsir-src{border:1px solid var(--line);border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 38%, transparent);border-radius:14px;padding:14px 16px 16px}.tafsir-src+.tafsir-src{border-left-color:color-mix(in srgb, var(--accent) 55%, var(--ink-faint))}.tafsir-src-h{font:800 11px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.tafsir-src-sub{color:var(--ink-faint);font-weight:700}.tafsir-src-b{font-size:var(--ru-size);color:var(--ink-soft);white-space:pre-line;line-height:1.8}.tafsir-loading{color:var(--ink-faint);font:600 13px/1 var(--sans);padding:12px 4px;animation:1.1s ease-in-out infinite tafsirPulse}@keyframes tafsirPulse{0%,to{opacity:.5}50%{opacity:1}}.tafsir-empty{color:var(--ink-faint);padding:12px 4px;font-size:14px}.ayahs[data-view=arabic] .tafsir-toggle,.ayahs[data-view=arabic] .ayah-tafsir,body.memorize-on .ayahs .tafsir-toggle,body.memorize-on .ayahs .ayah-tafsir,.ayahs[data-view=arabic] .translit,.ayahs[data-view=arabic] .translation,.ayahs[data-view=arabic] .tafsir,.ayahs[data-view=arabic] .tafsir-passage,.ayahs[data-view=arabic] .tafsir-details,.ayahs[data-view=translation] .ar,.ayahs[data-view=translation] .translit,.ayahs[data-view=translation] .tafsir,.ayahs[data-view=translation] .tafsir-passage,.ayahs[data-view=translation] .tafsir-details,.ayahs[data-view=translit] .translation,.ayahs[data-view=translit] .tafsir,.ayahs[data-view=translit] .tafsir-passage,.ayahs[data-view=translit] .tafsir-details,.ayahs[data-view=tafsir] .translit,.tr-lbl,.ayahs[data-primary=kuliev] .tr-abuadel,.ayahs[data-primary=abuadel] .tr-kuliev,.ayahs[data-view=compare] .translit,.ayahs[data-view=compare] .tafsir,.ayahs[data-view=compare] .tafsir-passage,.ayahs[data-view=compare] .tafsir-details{display:none}.ayahs[data-view=compare] .tr-block{grid-template-columns:1fr 1fr;gap:4px 20px;margin-top:12px;display:grid}.ayahs[data-view=compare] .tr-block .translation{margin-top:0;display:block!important}.ayahs[data-view=compare] .tr-lbl{font:800 11px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:block}@media (width<=640px){.ayahs[data-view=compare] .tr-block{grid-template-columns:1fr;gap:12px}}body.memorize-on .ayahs .translit,body.memorize-on .ayahs .tr-block,body.memorize-on .ayahs .tafsir,body.memorize-on .ayahs .tafsir-passage,body.memorize-on .ayahs .tafsir-details{display:none!important}mark.hit{background:var(--hl);color:inherit;border-radius:4px;padding:0 3px}.player{z-index:55;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;transition:transform .42s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(160%)}.player.show{transform:translateY(0)}.player-inner{isolation:isolate;pointer-events:auto;background:var(--glass-bg-strong);backdrop-filter:blur(30px)saturate(200%)brightness(1.1);border:1px solid var(--glass-border);max-width:720px;box-shadow:var(--glass-elev);border-radius:26px;align-items:center;gap:10px;margin:0 auto;padding:10px 12px;display:flex;position:relative}.player-inner:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 46%);position:absolute;inset:0}.player .now{flex:1;min-width:0;padding-left:6px}.player .now .t{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.player .now .s{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player .ctrls{align-items:center;gap:4px;display:flex}.player .ctrls .icon-btn{box-shadow:none;backdrop-filter:none;background:0 0;border:0}.player .ctrls .icon-btn:hover{background:var(--glass-bg)}.player .play{background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 75%, #000));width:48px;height:48px;color:var(--accent-ink);cursor:pointer;box-shadow:inset 0 1.5px 0 #ffffff73, 0 8px 20px -6px color-mix(in srgb, var(--accent) 65%, transparent);border:0;border-radius:50%;place-items:center;display:grid}.player .play:hover{filter:brightness(1.06)}.player .play svg{width:23px;height:23px}.player .play.loading{pointer-events:none}.player .play.loading svg{display:none}.player .play.loading:after{content:"";border:2px solid color-mix(in srgb, var(--accent-ink) 35%, transparent);border-top-color:var(--accent-ink);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite qspin}@keyframes qspin{to{transform:rotate(360deg)}}.player .extra{align-items:center;gap:4px;display:flex}.player .extra .icon-btn{box-shadow:none;backdrop-filter:none;background:0 0;border:0}.player .extra .icon-btn:hover{background:var(--glass-bg)}.player .speed{font:800 12px/1 var(--sans);color:var(--ink-soft);min-width:44px}.ayah-acts button.on,.player .icon-btn.on{color:var(--accent)}.drawer-backdrop{background:color-mix(in srgb, var(--bg) 40%, #0006);backdrop-filter:blur(3px);z-index:70;opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{background:var(--panel-bg);width:min(86vw,350px);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);z-index:71;border-radius:26px;flex-direction:column;transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:10px;bottom:10px;left:10px;overflow:hidden;transform:translate(-115%)}.drawer.show{transform:translate(0)}.drawer .dh{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px;display:flex}.drawer .dh input{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 60%, transparent);height:42px;color:var(--ink);border-radius:13px;flex:1;padding:0 14px}.drawer .dlist{padding:8px;overflow-y:auto}.drawer .dlist a{border-radius:13px;align-items:center;gap:10px;padding:10px 11px;transition:background .15s;display:flex}.drawer .dlist a:hover,.drawer .dlist a.on{background:var(--glass-bg)}.drawer .dlist a.on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.drawer .dlist .n{width:26px;color:var(--ink-faint);text-align:center;font-size:13px}.drawer .dlist .nm{flex:1;font-size:15px;font-weight:700}.drawer .dlist .ar-name{font-family:var(--ar-font), serif;color:var(--ink-faint);direction:rtl}.drawer .dlist a.read .n{color:var(--accent)}.drawer .dlist a.read .n:after{content:" ✓";font-size:10px}.drawer-progress{border-bottom:1px solid var(--line);padding:10px 14px 12px}.drawer-progress:empty{display:none}.drawer-progress .prog-row{color:var(--ink-faint);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:12.5px;display:flex}.drawer-progress .prog-row b{color:var(--accent);font-size:14px}.drawer-progress .prog-bar{background:var(--glass-bg);height:7px;box-shadow:inset 0 1px 2px var(--glass-shadow);border-radius:999px;overflow:hidden}.drawer-progress .prog-bar>span{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #0bd));border-radius:999px;height:100%;transition:width .5s;display:block}.page{padding:30px 0 90px}.page h1{margin:0 0 10px;font-size:clamp(28px,5vw,38px)}.page h2{margin:28px 0 8px;font-size:21px}.page p,.page li{color:var(--ink-soft);line-height:1.72}.page a.link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.crumb{color:var(--ink-faint);align-items:center;gap:8px;padding:18px 0 0;font-size:13px;display:flex}.crumb a:hover{color:var(--accent)}.footer{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:30px;padding:28px 0 44px;font-size:13px}.footer .fnav{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.footer .fnav a:hover{color:var(--accent)}.toast{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--ink);box-shadow:var(--glass-elev);opacity:0;pointer-events:none;z-index:90;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;bottom:104px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hide{display:none!important}.only-mobile{display:none}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ayah-nav{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:24px 0;display:flex}@media (width<=820px){.desktop-only{display:none!important}.only-mobile{display:inline-flex}.quick{max-width:none}.t-opt{display:none!important}}@media (width<=560px){.topbar{padding:8px 7px 0}.topbar-inner{border-radius:20px;gap:5px;padding:6px 8px}.topbar-inner .icon-btn{width:38px;height:38px}.topbar-inner .icon-btn svg{width:18px;height:18px}.topbar-inner .btn{height:38px;padding:0 11px}.quick{gap:5px}.quick input{height:38px;padding:0 11px;font-size:14px}.brand-mark,.brand-mark img{width:30px;height:30px}.brand-copy{display:none}:root{--ar-size:26px;--ru-size:17px}.surah-grid{grid-template-columns:1fr}.ayahs{padding:6px 14px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.05ms!important;animation-duration:.001ms!important}}:root{--bg:#f4f7f5;--surface:#fff;--surface-soft:#f7faf8;--panel-bg:#fff;--glass-bg:#fff;--glass-bg-strong:#fffffff5;--glass-border:#14281e1c;--glass-shadow:#101c1617;--glass-spec:#ffffffb3;--glass-gloss:#ffffff47;--glass-blur:blur(14px) saturate(135%);--glass-elev:0 14px 34px -26px var(--glass-shadow);--glass-elev-sm:0 8px 22px -18px var(--glass-shadow);--r-lg:16px;--r-md:12px;--r-sm:9px}:root[data-theme=dark]{--surface:#121b18;--surface-soft:#17211d;--panel-bg:#141e1a;--glass-bg:#141e1a;--glass-bg-strong:#141e1af5;--glass-border:#ffffff1a;--glass-shadow:#0000007a}:root[data-theme=sepia]{--surface:#fff9ef;--surface-soft:#fbf1df;--panel-bg:#fff9ef;--glass-bg:#fff9ef;--glass-bg-strong:#fff9eff5}body:before{opacity:.34;filter:blur(8px)saturate(.9)}body:after{background:linear-gradient(180deg, #ffffff3d, color-mix(in srgb, var(--bg) 88%, transparent))}.topbar{padding-top:8px}.topbar-inner{border-radius:18px;max-width:1080px;min-height:54px;padding:6px 10px}.topbar-inner:before,.surah-card:before,.surah-desc:before,.ayahs:before,.glass:before{display:none}.topbar-title{min-width:0;color:var(--ink-soft);flex:1;font-weight:800}.quick{max-width:320px}.quick-submit{width:42px;padding:0;font-size:18px}.topbar-inner.is-reader .quick{flex:0 0 220px;max-width:220px}.btn,.icon-btn,.chip,select.sel,.list-tools .filter{box-shadow:var(--glass-elev-sm)}.btn:hover,.icon-btn:hover,.surah-card:hover{transform:none}.desktop-comfort{display:none}.page-head{max-width:760px;margin-bottom:18px}.container.page{padding-left:16px;padding-right:16px}.eyebrow{color:var(--accent);font:800 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.home-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding-top:40px;padding-bottom:22px;display:grid}.home-copy h1{margin:0 0 10px;font-size:clamp(34px,6vw,52px)}.home-copy .verse{color:var(--accent);font-family:var(--ar-font), "AmiriQuran", serif;direction:rtl;font-size:clamp(23px,4.4vw,32px);line-height:1.9}.home-copy .verse-tr{max-width:560px;color:var(--ink-soft);margin:4px 0 0}.home-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.quick-surahs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 18px;display:grid}.quick-surah{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.quick-surah:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line))}.quick-surah-num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.quick-surah strong,.quick-surah small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.quick-surah small{color:var(--ink-faint);font-size:12px}.hero{padding:34px 16px 20px}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.surah-card{border-color:var(--line);background:var(--surface);min-width:0;box-shadow:0 10px 24px -22px var(--glass-shadow);border-radius:16px;overflow:hidden}.surah-card .num{border-radius:12px;width:40px;height:40px;transform:none}.surah-card .num span{transform:none}.surah-card .row1,.surah-card .row2{min-width:0}.surah-card .r,.surah-card .m{flex:auto}.surah-card .ar-name{text-overflow:ellipsis;min-width:0;max-width:42%;overflow:hidden}.surah-head{padding:22px 16px 8px}.surah-head .ar{font-size:28px;line-height:1.5}.surah-desc{border-color:var(--line);background:var(--surface);padding:0;overflow:hidden}.surah-desc summary{cursor:pointer;color:var(--ink);padding:13px 16px;font-weight:800;list-style:none}.surah-desc summary::-webkit-details-marker{display:none}.surah-desc summary:before{color:var(--accent);content:"▸";margin-right:8px;display:inline-block}.surah-desc[open] summary:before{content:"▾"}.surah-desc p{margin:0;padding:0 16px 16px}.ayahs{border-color:var(--line);background:var(--surface);box-shadow:0 14px 34px -30px var(--glass-shadow);border-radius:18px;padding:6px 20px}.ayah{border-radius:12px}.ayah.active{background:color-mix(in srgb, var(--accent-soft) 46%, var(--surface))}.ayah-acts{opacity:.72}.ayah:hover .ayah-acts,.ayah.active .ayah-acts{opacity:1}.tafsir-passage,.tafsir-details{background:var(--surface-soft)}.search-form{grid-template-columns:minmax(260px,1fr) auto auto auto auto;align-items:center;gap:8px;margin:18px 0;display:grid}.search-input-wrap{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:8px;min-width:0;height:46px;padding:0 14px;display:flex}.search-input-wrap input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search-empty{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.search-empty h2{margin:0 0 4px;font-size:20px}.search-empty p{margin:0}.example-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.search-example{border:1px solid var(--line);cursor:pointer}.search-results{gap:10px;display:grid}.search-result{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:16px;display:block}.search-result-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-result .translation{display:block}.audio-selectors{grid-template-columns:minmax(240px,1fr) minmax(220px,.75fr);gap:10px;margin:18px 0;display:grid}.audio-selectors label span{color:var(--ink-faint);margin:0 0 6px;font-size:13px;font-weight:700;display:block}.audio-selectors select{width:100%}.audio-now{z-index:10;top:calc(var(--topbar-h) + 14px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 12px 28px -24px var(--glass-shadow);align-items:center;gap:14px;padding:16px;display:flex;position:sticky}.audio-now .now{flex:1;min-width:0}.audio-now .t{font-size:18px;font-weight:800}.audio-now .s{color:var(--ink-faint);font-size:13px}.audio-controls{align-items:center;gap:6px;display:flex}.audio-main-play{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border:0;border-radius:50%}.speed{font:800 12px/1 var(--sans)}.audio-list{gap:6px;margin-top:14px;display:grid}.audio-row{border-radius:var(--r-md);border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;display:flex}.audio-row:hover,.audio-row.active{border-color:var(--line);background:var(--surface)}.audio-row-text{flex:1;min-width:0}.audio-row-text b,.audio-row-text small{display:block}.audio-row-text small{color:var(--ink-faint)}@media (width<=920px){.brand-domain,.topbar-inner.is-reader .brand-name{display:none}.topbar-inner.is-reader .quick{flex-basis:150px;max-width:150px}.search-form{grid-template-columns:1fr 1fr}.search-input-wrap{grid-column:1/-1}}@media (width<=820px){.topbar-inner{gap:6px}.brand{flex:none}.brand-mark,.brand-mark img{border-radius:14px;width:38px;height:38px}.quick{flex:120px}.quick input{font-size:14px}.home-head{text-align:center;padding-top:34px;display:block}.home-actions{justify-content:center;margin-top:20px}.quick-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-surahs .quick-surah:first-child{grid-column:1/-1}}@media (width<=560px){:root{--ar-size:26px;--ru-size:17px;--topbar-h:54px}.topbar-inner{border-radius:17px}.topbar-title{font-size:14px}.topbar-inner>a.icon-btn[aria-label=Поиск]{display:inline-grid}.topbar-inner.is-search>a.icon-btn[aria-label=Поиск]{display:none}.quick input{padding:0 10px}.quick-submit{width:38px}.home-copy h1{font-size:34px}.home-copy .verse-tr{margin-left:auto;margin-right:auto}.home-actions .btn{min-width:138px}.quick-surahs{grid-template-columns:1fr}.list-tools{margin-top:14px}.surah-grid{grid-template-columns:minmax(0,1fr)}.surah-card{gap:10px;width:100%;padding:13px 12px}.surah-card .ar-name{max-width:34%;font-size:18px}.surah-card .acts{gap:0}.surah-card .acts a{width:28px}.surah-card .acts a:nth-child(n+2){display:none}.surah-head{padding-top:18px}.surah-head h1{font-size:30px}.surah-desc{margin:12px 0}.ayahs{border-radius:18px;margin-bottom:96px;padding:6px 14px}.ayah{padding:18px 0}.ayah.active{padding-left:10px;padding-right:10px}.ayah-acts{opacity:1;gap:1px}.ayah-acts .secondary-action{display:none}.ayah-acts button,.ayah-acts a{width:32px}.search-form{grid-template-columns:1fr}.search-form .btn{width:fit-content}.search-empty{display:block}.example-row{justify-content:flex-start;margin-top:14px}.audio-selectors{grid-template-columns:1fr}.audio-now{top:calc(var(--topbar-h) + 10px);flex-direction:column;align-items:stretch}.audio-controls{justify-content:space-between}}.ie-overlay{z-index:100;backdrop-filter:blur(8px);background:#060c0a9e;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.ie-overlay.show{animation:.2s iefade;display:flex}@keyframes iefade{0%{opacity:0}to{opacity:1}}.ie-modal{background:var(--panel-bg);border:1px solid var(--glass-border);width:min(980px,100%);max-height:92vh;box-shadow:var(--glass-elev);border-radius:24px;display:flex;position:relative;overflow:hidden}.ie-close{z-index:3;border:1px solid var(--glass-border);background:var(--glass-bg);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:14px;position:absolute;top:12px;right:12px}.ie-preview{background:repeating-conic-gradient(#0000000f 0% 25%, transparent 0% 50%) 50% / 24px 24px, var(--bg);flex:1;place-items:center;min-width:0;padding:24px;display:grid}.ie-preview canvas{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:62vh;box-shadow:0 18px 48px #0006}.ie-panel{border-left:1px solid var(--line);flex-direction:column;flex:none;width:344px;display:flex}.ie-controls{flex:1;padding:18px 18px 8px;overflow-y:auto}.ie-section{margin-bottom:15px}.ie-section h5{font:800 11px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.ie-row{flex-wrap:wrap;gap:6px;display:flex}.ie-chip{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--ink);font:600 13px/1 var(--sans);cursor:pointer;border-radius:999px;padding:7px 13px;transition:background .15s,color .15s,border-color .15s}.ie-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ie-bgs{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.ie-bg{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;box-shadow:inset 0 0 0 1px #0000001f}.ie-bg.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.ie-foot{flex:none}.ie-actions{border-top:1px solid var(--line);gap:8px;padding:14px 18px;display:flex}.ie-actions .btn{flex:1}.ie-hint{font:500 12px/1.4 var(--sans);color:var(--ink-faint);text-align:center;padding:0 18px 14px}.ie-hint b{color:var(--ink);white-space:nowrap;font-weight:700}.ie-toast{z-index:5;color:#eafff5;max-width:82%;font:600 13px/1.35 var(--sans);text-align:center;opacity:0;pointer-events:none;background:#121a16f2;border-radius:12px;padding:10px 16px;transition:opacity .2s,transform .2s;position:absolute;bottom:84px;left:50%;transform:translate(-50%,10px);box-shadow:0 10px 30px #00000059}.ie-toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.ie-modal{flex-direction:column;width:100%;max-height:94vh}.ie-preview{flex:none;padding:14px}.ie-preview canvas{max-height:38vh}.ie-panel{border-left:0;border-top:1px solid var(--line);flex:1;width:100%;min-height:0}.ie-bgs{grid-template-columns:repeat(8,1fr)}}