@font-face{font-family:"Cairo";src:url("fonts/Cairo-variable.ttf") format("truetype");font-weight:200 1000;font-display:swap}@font-face{font-family:"Amiri Quran";src:url("fonts/AmiriQuran.ttf") format("truetype");font-display:swap}:root{--paper:#fbf7ee;--paper-2:#f3ecdc;--card:#fffdf8;--ink:#1d2a24;--ink-2:#4b5a53;--muted:#7d8a83;--line:#e4dccb;--emerald:#0b4a37;--emerald-2:#0f6b4f;--teal:#0a7f83;--gold:#b88a1b;--gold-2:#d9b44a;--gold-soft:#f3e3b3;--danger:#a33a2a;--ok:#1d7a4a;--shadow:0 10px 30px rgba(32,40,30,.10),0 2px 6px rgba(32,40,30,.06);--shadow-lg:0 24px 60px rgba(20,30,22,.18);--radius:18px;--quran-font:"Amiri Quran",serif;--quran-size:30px;--read-size:19px;--tj-madd:#c0392b;--tj-ghunna:#1e8449;--tj-ikhfa:#27ae60;--tj-idgham:#16a085;--tj-iqlab:#8e44ad;--tj-qalqala:#2471a3;--tj-silent:#95a5a6;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0d1714;--paper-2:#111f1a;--card:#14231e;--ink:#ece6d6;--ink-2:#c3bca9;--muted:#8f9a92;--line:#26392f;--emerald:#2fae84;--emerald-2:#3cc897;--teal:#47c2c4;--gold:#d8b45a;--gold-2:#e7c86e;--gold-soft:#3a3018;--shadow:0 10px 30px rgba(0,0,0,.35);--shadow-lg:0 24px 60px rgba(0,0,0,.5);--tj-madd:#ff6b5b;--tj-ghunna:#4cd38a;--tj-ikhfa:#7be3a4;--tj-idgham:#48d1c0;--tj-iqlab:#c792ea;--tj-qalqala:#6cb6ff;--tj-silent:#7f8c8d;color-scheme:dark}}:root[data-theme="dark"]{--paper:#0d1714;--paper-2:#111f1a;--card:#14231e;--ink:#ece6d6;--ink-2:#c3bca9;--muted:#8f9a92;--line:#26392f;--emerald:#2fae84;--emerald-2:#3cc897;--teal:#47c2c4;--gold:#d8b45a;--gold-2:#e7c86e;--gold-soft:#3a3018;--shadow:0 10px 30px rgba(0,0,0,.35);--shadow-lg:0 24px 60px rgba(0,0,0,.5);--tj-madd:#ff6b5b;--tj-ghunna:#4cd38a;--tj-ikhfa:#7be3a4;--tj-idgham:#48d1c0;--tj-iqlab:#c792ea;--tj-qalqala:#6cb6ff;--tj-silent:#7f8c8d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:"Cairo",Tahoma,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px;border-radius:8px}.bg-pattern{position:fixed;inset:0;z-index:-1;opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23b88a1b' stroke-opacity='.10' stroke-width='1'%3E%3Cpath d='M48 8l11 19 21-5-5 21 19 11-19 11 5 21-21-5-11 19-11-19-21 5 5-21L2 54l19-11-5-21 21 5z'/%3E%3Ccircle cx='48' cy='54' r='14'/%3E%3C/g%3E%3C/svg%3E")}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:10px 24px;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;color:var(--gold);display:grid;place-items:center;filter:drop-shadow(0 2px 4px rgba(184,138,27,.35))}.brand-mark svg{width:40px;height:40px;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:18px;font-weight:800;color:var(--emerald)}.brand-text small{font-size:11px;color:var(--gold);font-weight:700}.topnav{display:flex;gap:4px;margin-inline-start:12px}.topnav a{padding:7px 14px;border-radius:999px;font-weight:600;color:var(--ink-2);transition:.2s}.topnav a:hover{background:var(--paper-2);color:var(--ink)}.topnav a.active{background:var(--emerald);color:#fff;box-shadow:0 4px 14px rgba(11,74,55,.3)}.top-actions{margin-inline-start:auto;display:flex;gap:8px;align-items:center}.top-search input{width:260px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);transition:width .25s}.top-search input:focus{width:340px;outline:none;border-color:var(--gold)}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;font-size:18px;color:var(--ink-2)}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}main{max-width:1320px;margin:0 auto;padding:24px 24px 140px;outline:none}.loading{display:grid;place-items:center;min-height:50vh;color:var(--muted);gap:12px}.loading .star{width:54px;height:54px;color:var(--gold);animation:spin 2.4s linear infinite}.section-title{display:flex;align-items:center;gap:12px;margin:34px 0 16px}.section-title h2{margin:0;font-size:24px;font-weight:800;color:var(--emerald)}.section-title .orn{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.section-title a{font-size:14px;color:var(--gold);font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line)}.pill.gold{background:var(--gold-soft);color:var(--gold);border-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:700;transition:.2s}.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--emerald),var(--emerald-2));color:#fff;border:0;box-shadow:0 6px 18px rgba(11,74,55,.3)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1f05;border:0}.btn.small{padding:6px 12px;font-size:14px;border-radius:10px}.btn:disabled{opacity:.5;cursor:default;transform:none}.grid{display:grid;gap:18px}.muted{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;font-size:14px}.chip.active{background:var(--emerald);border-color:var(--emerald);color:#fff}.progress{height:6px;border-radius:99px;background:var(--paper-2);overflow:hidden}.progress>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--emerald-2));transition:width .6s}.ring{--p:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:radial-gradient(closest-side,var(--card) 76%,transparent 78% 100%),conic-gradient(var(--gold) calc(var(--p) * 1%),var(--paper-2) 0)}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty .big{font-size:46px;color:var(--gold)}.hero{position:relative;overflow:hidden;border-radius:28px;padding:44px 48px;color:#fdf8ea;background:radial-gradient(circle at 15% 20%,rgba(217,180,74,.25),transparent 40%),linear-gradient(135deg,#062e22,#0b4a37 55%,#0a5e5a);box-shadow:var(--shadow-lg)}.hero::after{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23f3e3b3' stroke-width='1.2'%3E%3Cpath d='M60 6l14 24 27-6-6 27 24 14-24 14 6 27-27-6-14 24-14-24-27 6 6-27L1 65l24-14-6-27 27 6z'/%3E%3Cpath d='M60 30l9 15 17-4-4 17 15 9-15 9 4 17-17-4-9 15-9-15-17 4 4-17-15-9 15-9-4-17 17 4z'/%3E%3C/g%3E%3C/svg%3E")}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}.hero h1{margin:0 0 6px;font-size:34px;font-weight:900}.hero .sub{color:#e6d9b0;margin:0 0 22px}.verse-card{background:rgba(255,255,255,.07);border:1px solid rgba(243,227,179,.25);border-radius:22px;padding:22px 26px;backdrop-filter:blur(6px)}.verse-card .label{font-size:13px;color:var(--gold-2);font-weight:700;letter-spacing:1px}.verse-card .q{font-family:var(--quran-font);font-size:30px;line-height:2.1;margin:8px 0;color:#fffbea}.verse-card .ref{font-size:14px;color:#e6d9b0}.verse-card .h{font-size:18px;line-height:2;margin:8px 0}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat{background:rgba(255,255,255,.08);border:1px solid rgba(243,227,179,.2);border-radius:18px;padding:16px 18px}.stat b{display:block;font-size:30px;font-weight:900;color:var(--gold-2);line-height:1.2}.stat span{font-size:13px;color:#e6d9b0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero .btn{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(243,227,179,.3)}.hero .btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1f05}.continue-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.continue-card{display:flex;gap:14px;padding:14px;align-items:center;transition:.2s}.continue-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.continue-card .mini-cover{width:62px;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.25)}.continue-card .mini-cover svg{display:block;width:100%;height:auto}.continue-card h4{margin:0;font-size:16px}.continue-card p{margin:2px 0 8px;font-size:13px;color:var(--muted)}.continue-card .meta{flex:1;min-width:0}.cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.cat-tile{position:relative;overflow:hidden;padding:20px;border-radius:20px;color:#fff;min-height:128px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);transition:.25s}.cat-tile:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.cat-tile b{font-size:19px;font-weight:800}.cat-tile span{font-size:13px;opacity:.85}.cat-tile .glyph{position:absolute;top:8px;inset-inline-start:14px;font-size:54px;opacity:.2;font-weight:900}.shelf{position:relative;padding:26px 26px 0;margin-bottom:30px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper-2) 70%,transparent),transparent)}.shelf-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.shelf-head h3{margin:0;font-size:20px;color:var(--emerald);font-weight:800}.shelf-head a{margin-inline-start:auto;font-size:14px;color:var(--gold);font-weight:700}.shelf-row{display:flex;gap:26px;overflow-x:auto;padding:18px 6px 22px;scroll-snap-type:x mandatory;scrollbar-width:thin}.shelf-board{height:18px;margin:0 -26px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#8a5a2b,#5e3a17);box-shadow:0 12px 20px rgba(60,35,10,.35),inset 0 2px 0 rgba(255,255,255,.18)}:root[data-theme="dark"] .shelf-board{background:linear-gradient(180deg,#5b3b1d,#2f1d0b)}.book3d{flex:none;width:150px;scroll-snap-align:start;perspective:900px;display:flex;flex-direction:column;gap:8px}.book3d .b{position:relative;width:150px;height:218px;transform-style:preserve-3d;transform:rotateY(-18deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.book3d:hover .b,.book3d:focus-visible .b{transform:rotateY(-4deg) translateY(-8px)}.book3d .front{position:absolute;inset:0;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:6px 10px 22px rgba(0,0,0,.35);transform:translateZ(14px)}.book3d .front svg{width:100%;height:100%;display:block}.book3d .front::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 8%,rgba(255,255,255,.08) 12%,transparent 30%)}.book3d .spine{position:absolute;top:0;bottom:0;right:-14px;width:28px;transform:rotateY(90deg) translateZ(0);transform-origin:left;filter:brightness(.7)}.book3d .pages{position:absolute;top:4px;bottom:4px;left:2px;width:26px;transform:rotateY(-90deg) translateZ(0);transform-origin:left;transform:translateX(-12px) rotateY(-90deg);background:repeating-linear-gradient(90deg,#f6f1e3 0 2px,#e3dccb 2px 3px)}.book3d .t{font-size:14px;font-weight:700;line-height:1.4}.book3d .a{font-size:12px;color:var(--muted)}.book3d .progress{margin-top:2px}.badge-done{position:absolute;top:-8px;left:-8px;z-index:3;background:var(--gold);color:#2a1f05;font-weight:800;font-size:11px;padding:2px 8px;border-radius:999px;transform:translateZ(30px);box-shadow:0 2px 6px rgba(0,0,0,.3)}.lib-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.lib-head h1{margin:0;font-size:30px;color:var(--emerald);font-weight:900}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:30px 22px;margin-top:18px}.lib-grid .book3d{width:auto}.lib-grid .book3d .b{width:100%;height:auto;aspect-ratio:150 / 218}.lib-input{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);min-width:260px}.book-detail{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}.book-detail .cover-big{perspective:1000px}.book-detail .cover-big .b{width:240px;height:349px}.book-detail h1{margin:0;font-size:34px;font-weight:900;color:var(--emerald);line-height:1.4}.book-detail .author{font-size:18px;color:var(--ink-2);margin:6px 0 16px}.facts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toc{margin-top:24px;columns:2 300px;column-gap:26px}.toc a{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border-radius:10px;break-inside:avoid;font-size:15px}.toc a:hover{background:var(--paper-2)}.toc a .chk{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);margin-top:4px;display:grid;place-items:center;font-size:11px}.toc a.read .chk{background:var(--emerald-2);border-color:var(--emerald-2);color:#fff}.toc a.current{background:var(--gold-soft)}.reader{max-width:860px;margin:0 auto}.reader-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.reader-head .crumbs{font-size:14px;color:var(--muted)}.reader-head .crumbs a{color:var(--gold);font-weight:700}.reader-tools{margin-inline-start:auto;display:flex;gap:6px}.page{position:relative;padding:48px 56px;border-radius:10px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-size:var(--read-size);line-height:2.15}.page::before{content:"";position:absolute;inset:10px;border:1.5px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:6px;pointer-events:none}.page h2{margin:0 0 22px;font-size:26px;color:var(--emerald);text-align:center;font-weight:800}.page h3{margin:26px 0 10px;font-size:21px;color:var(--gold);font-weight:800}.page p{margin:0 0 14px;text-align:justify}.verse{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:6px 0;font-weight:600;color:var(--emerald)}.verse span:first-child{text-align:left}.verse span:last-child{text-align:right}.page-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.end-sentinel{height:4px}.hadith{position:relative;padding:26px 30px 18px;margin-bottom:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-size:var(--read-size);line-height:2.1}.hadith .num{position:absolute;top:-12px;inset-inline-start:22px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1f05;font-weight:800;font-size:13px;padding:2px 12px;border-radius:999px}.hadith.read{border-inline-start:4px solid var(--emerald-2)}.hadith .tools{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.hadith .tools button{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.hadith .tools button:hover{color:var(--gold)}.chapter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.chapter-item{display:flex;gap:12px;align-items:center;padding:14px 16px;transition:.2s}.chapter-item:hover{transform:translateY(-2px);border-color:var(--gold)}.chapter-item .n{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--gold-soft);color:var(--gold)}.chapter-item b{display:block;font-size:15px;line-height:1.5}.chapter-item small{color:var(--muted)}.chapter-item .ring{margin-inline-start:auto;flex:none}.sura-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.sura-item{display:flex;align-items:center;gap:14px;padding:12px 16px;transition:.2s}.sura-item:hover{transform:translateY(-2px);border-color:var(--gold)}.sura-num{flex:none;width:44px;height:44px;display:grid;place-items:center;position:relative;font-weight:800;color:var(--emerald);font-size:14px}.sura-num::before{content:"";position:absolute;inset:0;background:currentColor;opacity:.12;clip-path:polygon(50% 0,64% 15%,85% 15%,85% 36%,100% 50%,85% 64%,85% 85%,64% 85%,50% 100%,36% 85%,15% 85%,15% 64%,0 50%,15% 36%,15% 15%,36% 15%)}.sura-item .nm{font-family:var(--quran-font);font-size:24px;line-height:1.4}.sura-item .info{font-size:12px;color:var(--muted)}.sura-item .ring{margin-inline-start:auto;width:40px;height:40px;font-size:10px}.juz-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}.juz-row a{min-width:44px;text-align:center;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px}.juz-row a:hover{border-color:var(--gold);color:var(--gold)}.mushaf-wrap{max-width:980px;margin:0 auto}.mushaf-bar{position:sticky;top:62px;z-index:20;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;margin-bottom:18px;border-radius:16px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow)}.mushaf-bar select,.mushaf-bar .seg{padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:14px}.seg{display:inline-flex;padding:3px !important;gap:2px}.seg button{border:0;background:transparent;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--ink-2)}.seg button.on{background:var(--emerald);color:#fff}.mushaf{position:relative;padding:46px 64px 54px;border-radius:14px;background:var(--card);box-shadow:var(--shadow-lg);border:1px solid var(--line)}.mushaf::before{content:"";position:absolute;inset:12px;border:2px solid var(--gold);border-radius:8px;opacity:.55;pointer-events:none}.mushaf::after{content:"";position:absolute;inset:18px;border:1px solid var(--gold);border-radius:6px;opacity:.35;pointer-events:none}.sura-banner{position:relative;margin:6px auto 20px;max-width:560px;height:74px;display:grid;place-items:center}.sura-banner svg{position:absolute;inset:0;width:100%;height:100%}.sura-banner .nm{position:relative;font-family:var(--quran-font);font-size:34px;color:var(--emerald)}.sura-banner .side{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);font-weight:700}.sura-banner .side.r{right:46px}.sura-banner .side.l{left:46px}.basmala{text-align:center;font-family:var(--quran-font);font-size:calc(var(--quran-size) * 1.05);color:var(--emerald);margin:0 0 14px;line-height:2}.ayat{font-family:var(--quran-font);font-size:var(--quran-size);line-height:2.25;text-align:justify;text-align-last:center;word-spacing:2px}.ayah{border-radius:8px;transition:background .25s;cursor:pointer;padding:2px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ayah:hover{background:color-mix(in srgb,var(--gold-soft) 55%,transparent)}.ayah.playing{background:color-mix(in srgb,var(--emerald-2) 22%,transparent)}.ayah.marked .anum{color:var(--emerald-2)}.ayah.marked .anum::before{border-color:var(--emerald-2);background:color-mix(in srgb,var(--emerald-2) 12%,transparent)}.anum{display:inline-grid;place-items:center;width:2em;height:2em;margin:0 .2em;vertical-align:middle;position:relative;font-family:"Cairo";font-size:.48em;line-height:1;font-weight:800;color:var(--gold)}.anum::before{content:"";position:absolute;inset:0;border:2px solid var(--gold);border-radius:50%}.anum::after{content:"";position:absolute;inset:-4px;border:1px dashed var(--gold);border-radius:50%;opacity:.6}.page-mark{display:inline-block;font-family:"Cairo";font-size:12px;font-weight:700;color:var(--muted);background:var(--paper-2);border-radius:99px;padding:0 10px;margin:0 6px;vertical-align:middle;line-height:22px}.juz-mark{display:block;text-align:center;font-family:"Cairo";font-size:13px;color:var(--gold);font-weight:800;margin:10px 0;letter-spacing:1px}.sajda-mark{font-family:"Cairo";font-size:12px;background:var(--gold);color:#2a1f05;border-radius:99px;padding:0 8px;vertical-align:middle;margin:0 4px;line-height:20px;display:inline-block}.ayah-cards .ac{padding:22px 26px;margin-bottom:14px}.ayah-cards .ac .qt{font-family:var(--quran-font);font-size:var(--quran-size);line-height:2.2}.ayah-cards .ac .tf{font-size:17px;line-height:2;color:var(--ink-2);border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.ayah-cards .ac .tf b{color:var(--gold)}.hide-text .ayah .w{filter:blur(7px);transition:filter .2s}.hide-text .ayah:hover .w,.hide-text .ayah.reveal .w{filter:none}.sura-nav{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.tj-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:0 0 14px;justify-content:center}.tj-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;margin-inline-end:5px}.tj-madd{color:var(--tj-madd)}.tj-ghunna{color:var(--tj-ghunna)}.tj-ikhfa{color:var(--tj-ikhfa)}.tj-idgham{color:var(--tj-idgham)}.tj-iqlab{color:var(--tj-iqlab)}.tj-qalqala{color:var(--tj-qalqala)}.tj-silent{color:var(--tj-silent)}.player[hidden]{display:none}.player{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:50;width:min(940px,calc(100% - 24px));display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:22px;background:linear-gradient(135deg,#062e22,#0b4a37);color:#fdf8ea;box-shadow:0 20px 50px rgba(0,0,0,.35);border:1px solid rgba(243,227,179,.25)}.player .pbtn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(243,227,179,.3);background:rgba(255,255,255,.08);color:#fff;font-size:16px;display:grid;place-items:center}.player .pbtn.main{width:52px;height:52px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1f05;border:0;font-size:20px}.player .now{flex:1;min-width:0}.player .now b{display:block;font-size:15px}.player .now small{color:#e6d9b0;font-size:12px}.player select{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(243,227,179,.3);border-radius:10px;padding:6px 8px;font-size:13px}.player select option{color:#111}.player .bar{height:4px;background:rgba(255,255,255,.15);border-radius:9px;margin-top:6px;overflow:hidden}.player .bar i{display:block;height:100%;width:0;background:var(--gold-2)}.sheet{position:fixed;inset:0;z-index:60;background:rgba(5,15,10,.45);display:grid;place-items:end center;backdrop-filter:blur(3px)}.sheet[hidden]{display:none}.sheet .panel{width:min(760px,100%);max-height:82vh;overflow:auto;background:var(--card);border-radius:24px 24px 0 0;padding:26px 30px 34px;box-shadow:var(--shadow-lg);animation:up .25s ease}@keyframes up{from{transform:translateY(40px);opacity:0}}.sheet .panel .qt{font-family:var(--quran-font);font-size:28px;line-height:2.1;color:var(--emerald)}.sheet .actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.sheet .tf{font-size:18px;line-height:2}.sheet .close{float:left}.tj-hero{padding:34px 40px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#3b1f5e,#6a3f8f 60%,#8e5fb0);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.tj-hero h1{margin:0;font-size:32px;font-weight:900}.tj-hero p{margin:6px 0 0;opacity:.9}.tj-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tj-tabs a{padding:8px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px}.tj-tabs a.active{background:#6a3f8f;color:#fff;border-color:#6a3f8f}.letters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.letter{aspect-ratio:1;border-radius:16px;border:1px solid var(--line);background:var(--card);font-size:34px;font-weight:800;display:grid;place-items:center;transition:.2s;color:var(--ink)}.letter:hover,.letter.on{border-color:#8e5fb0;color:#8e5fb0;transform:translateY(-2px);box-shadow:var(--shadow)}.letter.hl{background:#8e5fb0;color:#fff;border-color:#8e5fb0}.mouth{display:grid;grid-template-columns:420px 1fr;gap:26px;align-items:start}.mouth svg{width:100%;height:auto}.mouth .zone{cursor:pointer;transition:.2s}.mouth .zone:hover,.mouth .zone.on{fill:#8e5fb0;fill-opacity:.55}.info-panel{padding:22px 26px}.info-panel h3{margin:0 0 8px;color:#6a3f8f;font-size:22px}.sifat-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;overflow:hidden;border-radius:14px;border:1px solid var(--line)}.sifat-table th,.sifat-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:center}.sifat-table th{background:var(--paper-2);font-weight:800;position:sticky;top:0}.sifat-table td:first-child{font-size:22px;font-weight:800;color:#6a3f8f}.sifat-table tr:hover td{background:color-mix(in srgb,#8e5fb0 8%,transparent)}.rule-card{padding:22px 26px;margin-bottom:14px}.rule-card h3{margin:0;font-size:20px;color:#6a3f8f}.rule-card .ltr{color:var(--gold);font-weight:700;margin:2px 0 8px}.ex-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ex{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:12px;background:var(--paper-2);border:1px solid var(--line)}.ex .qw{font-family:var(--quran-font);font-size:24px;color:var(--emerald)}.ex small{color:var(--muted)}.ex button{border:0;background:var(--emerald);color:#fff;border-radius:50%;width:28px;height:28px;font-size:12px}.cut-table{display:grid;gap:12px}.cut-row{padding:16px 20px}.cut-row h4{margin:0 0 6px;font-size:18px;color:#6a3f8f}.refs{display:flex;flex-wrap:wrap;gap:6px}.refs a{font-size:13px;padding:2px 10px;border-radius:99px;background:var(--paper-2);border:1px solid var(--line)}.refs a:hover{border-color:var(--gold);color:var(--gold)}.relation-tool{display:grid;grid-template-columns:1fr 1fr;gap:20px}.relation-result{padding:22px;text-align:center}.relation-result .rel{font-size:30px;font-weight:900;color:#6a3f8f}.quiz-wrap{max-width:860px;margin:0 auto}.quiz-hero{padding:34px 40px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#5e2a12,#9a4a1c 55%,#c47a2c);box-shadow:var(--shadow-lg)}.quiz-hero h1{margin:0;font-size:32px;font-weight:900}.quiz-hero .count{font-size:46px;font-weight:900;color:#ffe6a8;line-height:1.1;margin-top:8px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:20px 0}.mode{padding:16px;text-align:start;border-radius:16px;border:1px solid var(--line);background:var(--card);transition:.2s}.mode.on{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent)}.mode b{display:block;font-size:16px}.mode small{color:var(--muted)}.q-card{padding:30px 34px}.q-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;color:var(--muted)}.q-text{font-size:20px;font-weight:700;margin-bottom:12px}.q-quote{font-size:19px;line-height:2.1;padding:16px 20px;border-radius:14px;background:var(--paper-2);border-inline-start:4px solid var(--gold);margin-bottom:18px}.q-quote.quran{font-family:var(--quran-font);font-size:27px;color:var(--emerald)}.options{display:grid;gap:10px}.opt{text-align:start;padding:14px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);font-size:17px;line-height:1.8;transition:.15s}.opt:hover:not(:disabled){border-color:var(--gold)}.opt.quran{font-family:var(--quran-font);font-size:24px}.opt.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--card))}.opt.wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--card))}.q-explain{margin-top:16px;padding:14px 18px;border-radius:12px;background:var(--gold-soft);font-size:15px}.score-big{font-size:64px;font-weight:900;color:var(--gold);text-align:center}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;z-index:70;background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:12px;font-weight:600;transition:.3s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.about p{line-height:2}.notice{font-size:13px;color:var(--muted);white-space:pre-wrap;background:var(--paper-2);padding:12px 16px;border-radius:12px}@media (max-width:980px){.topnav{display:none}.top-search input,.top-search input:focus{width:160px}.hero{padding:28px 22px}.hero-grid,.book-detail,.mouth,.relation-tool{grid-template-columns:1fr}.mushaf{padding:34px 24px}.page{padding:34px 24px}main{padding:16px 16px 140px}.mobile-nav{display:flex !important}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:45;background:var(--card);border-top:1px solid var(--line);justify-content:space-around;padding:6px 0}.mobile-nav a{font-size:12px;font-weight:700;padding:6px;color:var(--ink-2)}.mobile-nav a.active{color:var(--emerald)}@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}.topnav{min-width:0;overflow-x:auto;scrollbar-width:none}.brand{flex:none}.top-actions{flex:none}@media (max-width:1240px){.topnav a{padding:7px 10px}.top-search input{width:170px}.top-search input:focus{width:230px}}html{overflow-x:clip}@media (max-width:640px){.top-search{display:none}.topbar{padding:8px 14px;gap:8px}.brand-text strong{font-size:16px}main{padding:14px 14px 150px}.hero{padding:22px 16px;border-radius:20px}.hero h1{font-size:26px}.verse-card{padding:16px}.verse-card .q{font-size:24px}.mushaf{padding:28px 16px}.mushaf-bar{top:56px}.page{padding:28px 18px}.player{flex-wrap:wrap;bottom:60px;gap:8px;padding:10px}.player select{flex:1;min-width:0}.tj-hero,.quiz-hero{padding:24px 18px}.q-card{padding:20px 16px}.lib-input{min-width:0;width:100%}.verse{grid-template-columns:1fr;gap:0}.verse span:first-child,.verse span:last-child{text-align:center}}.mobile-nav a{font-size:11.5px;padding:6px 3px;white-space:nowrap}.juz-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.juz-cell{--p:0;position:relative;overflow:hidden;border-radius:14px;padding:12px 8px;text-align:center;border:1px solid var(--line);background:var(--card);transition:.2s}.juz-cell::before{content:"";position:absolute;inset:auto 0 0 0;height:calc(var(--p) * 1%);background:linear-gradient(0deg,color-mix(in srgb,var(--emerald-2) 45%,transparent),color-mix(in srgb,var(--gold) 25%,transparent))}.juz-cell b,.juz-cell span{position:relative;display:block}.juz-cell b{font-size:20px;color:var(--emerald)}.juz-cell span{font-size:12px;font-weight:700;color:var(--ink-2);min-height:18px}.juz-cell:hover{transform:translateY(-2px);border-color:var(--gold)}.hz-actions{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-top:8px;align-items:center}.hz-actions .btn.small{padding:4px 10px;font-size:13px}.hz-text{text-align:center !important;text-align-last:center !important;font-size:calc(var(--quran-size) * 1.1)}.hz-w{display:inline-block}.hz-hidden{color:var(--muted);cursor:pointer;letter-spacing:2px}.hz-dots{color:var(--muted);font-size:.6em}.hz-g0{border-color:var(--danger) !important;color:var(--danger)}.hz-g1{border-color:#c47a2c !important;color:#c47a2c}.hz-g2{border-color:var(--ok) !important;color:var(--ok)}.hz-g3{background:var(--ok) !important;color:#fff !important;border:0 !important}.hz-tasmee .ayat{line-height:2.4}.hz-ayah{padding:6px 10px;border-radius:12px;margin:4px 0}.hz-ayah.current{background:color-mix(in srgb,var(--gold-soft) 60%,transparent);box-shadow:inset 0 0 0 1px var(--gold)}.hz-word{cursor:pointer;border-radius:6px;padding:0 2px}.hz-good{color:var(--ink)}.hz-bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);text-decoration:underline wavy var(--danger)}.hz-blank{color:var(--line);cursor:default}.hz-ctl{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;font-family:"Cairo";margin-top:4px}.hz-ctl:empty{display:none}.pill.hz-ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.pill.hz-minor{background:color-mix(in srgb,#c47a2c 15%,transparent);color:#c47a2c}.pill.hz-wrong{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.mobile-only{display:none}@media (max-width:640px){.mobile-only{display:grid}}.install-banner{position:fixed;left:10px;right:10px;bottom:58px;z-index:56;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;color:#fdf8ea;background:linear-gradient(135deg,#062e22,#0b4a37 60%,#0a5e5a);box-shadow:0 16px 40px rgba(0,0,0,.35);border:1px solid rgba(243,227,179,.35);animation:up .35s ease}.install-banner img{border-radius:12px;flex:none}.ib-text{flex:1;min-width:0;line-height:1.5}.ib-text b{display:block;font-size:15px}.ib-text span{display:block;font-size:12px;color:#e6d9b0}.ib-close{border:0;background:transparent;color:#e6d9b0;font-size:12px;font-weight:700;padding:6px 4px}.install-banner .btn.small{padding:8px 16px;font-size:15px}body.has-install-banner main{padding-bottom:220px}body.has-install-banner .player{bottom:140px}.install-top{font-size:17px}.install-top[hidden]{display:none}.install-steps{line-height:2.3;font-size:17px;padding-inline-start:22px}@media (min-width:981px){.install-banner{left:auto;right:24px;bottom:24px;max-width:460px}}.tz-sura{text-align:center;font-family:var(--quran-font);font-size:26px;color:var(--emerald);margin:14px 0 6px}.tz-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:10px}.tz-opt{display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:600;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.tz-mic{position:fixed;z-index:57;bottom:84px;left:50%;transform:translateX(-50%);width:74px;height:74px;border-radius:50%;border:0;font-size:30px;color:#fff;background:linear-gradient(135deg,var(--emerald),var(--emerald-2));box-shadow:0 12px 30px rgba(11,74,55,.45)}.tz-mic.on{background:linear-gradient(135deg,#b3261e,#e0533f);animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,83,63,.55)}70%{box-shadow:0 0 0 22px rgba(224,83,63,0)}100%{box-shadow:0 0 0 0 rgba(224,83,63,0)}}.tz-note{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}.tz-live{color:#b3261e}.hz-err{color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,transparent);border-radius:6px;animation:errpulse .8s infinite alternate}@keyframes errpulse{to{background:color-mix(in srgb,var(--danger) 35%,transparent)}}.hz-tasmee{padding-bottom:120px}.hz-good{animation:wordin .18s ease}@keyframes wordin{from{opacity:.2}}.player{display:block;padding:8px 10px;gap:0;border-radius:18px;width:min(720px,calc(100% - 20px));bottom:14px}.player .pl-row{display:flex;align-items:center;gap:6px}.player .pbtn{width:36px;height:36px;font-size:14px;flex:none}.player .pbtn.on{background:rgba(255,255,255,.22)}.player .pbtn.main{width:44px;height:44px;font-size:16px}.player .now{flex:1;min-width:0;padding:0 4px}.player .now b,.player .now small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .now b{font-size:14px}.player .now small{font-size:11px}.player .bar{margin-top:4px;height:3px}.pl-more{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pl-more[hidden]{display:none}.pl-more select{flex:1 1 140px;min-width:0;padding:7px 8px;font-size:13px}.player.mini{width:auto;left:14px;right:auto;transform:none;padding:5px;border-radius:999px;display:flex;gap:4px;align-items:center}.pl-mini-play,.pl-mini-open{width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;font-weight:800}.pl-mini-play{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1f05;font-size:16px}.pl-mini-open{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(243,227,179,.35);font-size:15px}@media (max-width:640px){.player{bottom:60px;padding:6px 8px}.player .pbtn{width:32px;height:32px;font-size:13px}.player .pbtn.main{width:40px;height:40px}.player.mini{bottom:64px;left:10px}}body.has-install-banner .player.mini{bottom:140px}.tz-note{margin-bottom:120px}.hz-wait{color:var(--gold);background:color-mix(in srgb,var(--gold) 22%,transparent);border-radius:6px;animation:errpulse 1s infinite alternate}.tz-wait-txt{color:var(--gold)}