@import url("https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700;800;900&display=swap");:root{--bg:#f6f7f9;--surface:#ffffff;--surface-muted:#eef4f3;--ink:#18222f;--muted:#647184;--line:#d8dee8;--accent:#8b2d2d;--accent-strong:#672020;--teal:#0f766e;--teal-soft:#dff2ef;--shadow:0 18px 45px rgba(24,34,47,0.08)}*{box-sizing:border-box}::-webkit-scrollbar:horizontal{height:3px}::-webkit-scrollbar-thumb:horizontal{border-radius:999px;background:rgba(139,45,45,.28)}::-webkit-scrollbar-track:horizontal{background:transparent}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;background:linear-gradient(180deg,#eef4f3 0,rgba(238,244,243,0) 320px),var(--bg);color:var(--ink);font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 124px}body:has(.mushaf){height:100%;overflow:hidden}html:has(.moduleNav){scroll-padding-top:84px}.collectionTheme,.durrahTheme,.jazariyyahTheme,.madhishTheme,.shatibiyyahTheme,.taiyebahTheme,.tuhfahTheme{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-muted) 0,rgba(255,255,255,0) 320px),var(--bg)}.collectionTheme>.moduleNav,.durrahTheme>.moduleNav,.jazariyyahTheme>.moduleNav,.madhishTheme>.moduleNav,.shatibiyyahTheme>.moduleNav,.taiyebahTheme>.moduleNav,.taiyebahTheme>.taiyebahSubModules,.tuhfahTheme>.moduleNav{flex:0 0 auto}.collectionTheme>.shell,.durrahTheme>.shell,.jazariyyahTheme>.shell,.madhishTheme>.shell,.shatibiyyahTheme>.shell,.taiyebahTheme>.shell,.tuhfahTheme>.shell{flex:1 1 auto;overflow-x:clip}.collectionTheme>.moduleNav,.durrahTheme>.moduleNav,.jazariyyahTheme>.moduleNav,.madhishTheme>.moduleNav,.shatibiyyahTheme>.moduleNav,.taiyebahTheme>.moduleNav,.tuhfahTheme>.moduleNav{position:-webkit-sticky;position:sticky;top:0;z-index:30;max-width:none;width:100%;box-sizing:border-box;padding-inline:max(clamp(16px,4vw,40px),calc((100% - 1180px) / 2));padding-bottom:10px;background:var(--surface-muted);box-shadow:0 1px 0 var(--line)}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:24px;gap:24px;align-items:flex-end;padding:22px 0 26px}.supportCompact{display:flex;justify-content:flex-start;margin:-8px 0 14px}.supportTrigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(22,133,95,.28);border-radius:999px;background:#eef8f3;color:#12724f;font-weight:900;box-shadow:0 8px 22px rgba(22,133,95,.1)}.supportTrigger:focus-visible,.supportTrigger:hover{outline:0;background:#dff3ea}.supportKicker{display:inline-block;margin-bottom:4px;color:var(--teal);font-size:13px;font-weight:900}.supportModalBackdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:18px;background:rgba(16,24,40,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.supportModal{width:min(520px,100%);display:grid;grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 30px 80px rgba(16,24,40,.32)}.supportModal header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.supportModal h2{color:var(--accent-strong);font-size:24px;line-height:1.35}.supportModal p{color:var(--ink);font-size:16px;font-weight:700;line-height:1.9}.supportModal header button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--muted)}.supportModalLinks{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain}.supportModalLinks a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:8px;background:#16855f;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 12px 28px rgba(22,133,95,.18)}.supportModalLinks a:last-child{background:#0a66c2}.eyebrow{margin:0 0 8px;color:var(--teal);font-size:16px;font-weight:800}.brandMark{display:block;width:max-content;max-width:100%;padding:0;margin:0 auto 14px;border:0;border-radius:0;background:transparent;color:var(--accent-strong);font-family:DecoType Thuluth,DTHULUTH,Diwani Letter,Amiri,Scheherazade New,Traditional Arabic,serif;font-size:128px;font-weight:700;line-height:.95;letter-spacing:0;box-shadow:none;vertical-align:baseline}h1,h2,p{margin:0}h1{color:var(--accent-strong);font-size:clamp(34px,7vw,68px);line-height:1.12;font-weight:900}.lead{max-width:720px;margin-top:12px;color:#344154;font-size:clamp(18px,2.3vw,24px);line-height:1.75}.heroSide{grid-gap:10px;justify-items:stretch}.heroSide,.stats{display:grid;gap:10px}.stats{grid-template-columns:repeat(2,minmax(92px,1fr));grid-gap:10px}.finalQuizButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--teal) 0,#0b5e58 100%);color:#fff;font-size:16px;font-weight:800;box-shadow:0 12px 30px rgba(15,118,110,.28)}.finalQuizButton:focus-visible,.finalQuizButton:hover{outline:0;filter:brightness(1.06)}.stats div{min-height:92px;display:grid;place-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.stats strong{color:var(--accent);font-size:30px;line-height:1}.stats span{color:var(--muted);font-size:15px;font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.sidebar,.sidebarPanel{min-width:0}.searchBox{min-height:54px;display:grid;grid-template-columns:24px minmax(0,1fr) 36px;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 14px;box-shadow:0 10px 30px rgba(24,34,47,.06)}.searchBox svg{color:var(--teal)}.searchBox input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px}.searchBox input[type=search]::-webkit-search-cancel-button,.searchBox input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.searchBox button{position:relative;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--surface-muted);color:var(--muted)}.searchBox button:after{content:"";position:absolute;inset:-5px}.searchArea{display:grid;grid-gap:6px;gap:6px}.searchScopeToggle{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px;font-weight:800}.searchScopeToggle input{accent-color:var(--teal)}.searchSpinner{width:34px;height:34px;display:grid;place-items:center;color:var(--teal)}.searchSpinner svg{animation:searchSpin .8s linear infinite}@keyframes searchSpin{to{transform:rotate(1turn)}}.playerOptionsBackdrop{display:none}.playerPanel{position:fixed;z-index:45;inset-inline:max(16px,calc((100vw - 1180px) / 2));bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(130px,auto) minmax(180px,1fr) auto;grid-gap:12px;gap:12px;align-items:center;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(24,34,47,.18),0 0 0 1px rgba(216,222,232,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.playerSummary{display:grid;grid-template-columns:auto auto;grid-gap:2px 8px;gap:2px 8px;align-items:baseline}.playerSummary span{grid-column:1/-1;color:var(--accent);font-weight:900}.playerSummary strong{color:var(--teal);font-size:28px;line-height:1}.playerNowIndex,.playerReadIndex{flex:0 0 auto;direction:ltr;width:32px;height:18px;display:inline-grid;place-items:center;color:var(--accent);background:#f6e7e7;border-radius:999px;padding:0;font-size:10.5px;font-style:normal;font-weight:900;line-height:1;white-space:nowrap}.playerReadIndex{display:none;align-self:center}.playerNow span,.playerSettings span,.playerSummary small{color:var(--muted);font-size:14px;font-weight:800}.playerNow{min-width:0;display:flex;gap:8px;align-items:center}.playerNow b{flex:0 0 auto;color:var(--accent);background:#f6e7e7;border-radius:999px;padding:2px 10px}.playerNow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerControls{display:flex;gap:8px;justify-content:flex-end}.playerControls button,.selectionTools button{min-width:40px;min-height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:var(--teal);font-weight:900}.playerControls button:focus-visible,.playerControls button:hover,.selectionTools button:focus-visible,.selectionTools button:hover{outline:0;border-color:rgba(15,118,110,.38);background:var(--teal-soft)}.playerControls button:disabled,.selectionTools button:disabled{cursor:not-allowed;opacity:.48}.playerSettings{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.playerSourceNote{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:6px 8px;gap:6px 8px}.playerSourceNote>span{grid-column:1/-1}.playerSourceNote strong{min-width:0;color:var(--ink);font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerSourceButton{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--teal);background:#fbfcfe}.playerSourceButton:focus-visible,.playerSourceButton:hover{outline:0;border-color:rgba(15,118,110,.38);background:var(--teal-soft)}.playerOptions{grid-column:1/-1;display:none;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.mobileOptionsButton{display:grid!important}.mobileSearchButton,.playerMobileSearch{display:none!important}.playerOptions.isOpen{display:grid}.playerSettings label{min-width:0;display:grid;grid-gap:6px;gap:6px}.playerSettings input[type=range],.playerSettings select{width:100%;min-height:38px}.playerSettings input[type=range]{cursor:pointer;accent-color:var(--teal)}.playerSettings select{color:var(--ink)}.loopToggle,.playerSettings select{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 10px}.loopToggle{display:flex!important;flex-direction:row;align-items:center;gap:8px;align-self:flex-end;min-height:38px}.selectionTools{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.selectionTools button{padding:0 12px}.resultLine,.tocInlineTitle{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:15px;font-weight:800}.resultLine svg,.tocInlineTitle svg{color:var(--teal)}.tocNav{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.tocNav,.tocNav a{align-items:center}.tocNav a{flex:0 0 auto;width:min(260px,74vw);min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-gap:10px;gap:10px;padding:8px 12px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:rgba(255,255,255,.78);text-decoration:none;scroll-snap-align:start}.tocNav a:focus-visible,.tocNav a:hover{border-color:rgba(15,118,110,.34);outline:0;background:var(--surface)}.tocNav a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tocItemText{min-width:0;display:grid;grid-gap:2px;gap:2px}.tocItemText span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tocItemText small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.2}.tocNav a b{min-width:32px;height:28px;display:grid;place-items:center;border-radius:999px;color:var(--teal);background:var(--teal-soft);font-size:13px;line-height:1}.tocSearch{flex:0 0 min(360px,82vw);box-shadow:0 8px 22px rgba(24,34,47,.06);scroll-snap-align:start}.tocInlineTitle{flex:0 0 auto;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted)}.content{min-width:0;display:grid;grid-gap:18px;gap:18px}.resultLine{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);white-space:nowrap}.chapter{scroll-margin-top:20px;display:grid;grid-gap:12px;gap:12px;padding:4px 0 18px;border-bottom:1px solid var(--line)}.chapterHead{display:flex;justify-content:space-between;gap:14px;align-items:center;min-width:0}.chapterHead h2{color:var(--accent-strong);font-family:Noto Naskh Arabic,Traditional Arabic,Amiri,serif;font-size:clamp(35px,3vw,34px);line-height:1.35}.chapterHeadMeta{flex:0 1 auto;max-width:min(58%,620px);display:flex;flex-wrap:nowrap;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.chapterHeadMeta,.contentTools,.moduleNav,.qiraatTabs,.supportModalLinks,.taiyebahSubModuleLinks,.tocNav{scrollbar-width:thin;scrollbar-color:rgba(139,45,45,.28) transparent}.chapterHeadMeta>*{flex:0 0 auto;scroll-snap-align:start}.chapterHeadMeta>span{flex:0 0 auto;color:var(--teal);background:var(--teal-soft);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800;white-space:nowrap}.chapterHeadMeta>.verseRangeBadge{border:1px solid rgba(100,113,132,.18);background:#f7fafb;color:var(--muted);font-size:13px;font-weight:900}.quizButton{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid rgba(139,45,45,.32);border-radius:999px;background:#fbf1f1;color:var(--accent);font-size:14px;font-weight:800;white-space:nowrap}.quizButton:focus-visible,.quizButton:hover{outline:0;background:var(--accent);color:#fff}.explainButton{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid rgba(31,111,99,.35);border-radius:999px;background:#eef7f5;color:var(--teal);font-size:14px;font-weight:800;white-space:nowrap}.explainButton:focus-visible,.explainButton:hover{outline:0;background:var(--teal);color:#fff}.explainQuizButton{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid rgba(31,111,99,.45);border-radius:999px;background:#e7f3f0;color:#1a5c52;font-size:14px;font-weight:800;white-space:nowrap}.explainQuizButton:focus-visible,.explainQuizButton:hover{outline:0;background:#1f6f63;color:#fff}.explainQuizSource{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f4f7f6;border:1px solid rgba(31,111,99,.18);color:var(--muted);font-size:13.5px;font-weight:600;line-height:1.7}.verseList{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.verseGap{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:800}.verseGap:after,.verseGap:before{content:"";height:1px;flex:1 1;background:var(--line)}.verseGap span{padding:2px 10px;border-radius:999px;background:var(--surface-muted);white-space:nowrap}.verseCard{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta actions" "text actions";grid-gap:8px 12px;gap:8px 12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 28px rgba(24,34,47,.045);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;scroll-margin-top:96px}.verseCard.isPlaying{border-color:rgba(15,118,110,.55);background:linear-gradient(180deg,var(--teal-soft) 0,var(--surface) 70%);box-shadow:0 0 0 3px rgba(15,118,110,.18),0 14px 34px rgba(15,118,110,.18)}.verseCard.isSearchHit{border-color:rgba(139,45,45,.5);box-shadow:0 0 0 3px rgba(139,45,45,.12),0 14px 34px rgba(24,34,47,.1)}.verseCard.isSearchHit .selectVerse>span{background:var(--accent);color:#fff}.verseCard.isSearchHit .verseNumberBadge small{color:rgba(255,255,255,.82)}.verseMeta{grid-area:meta;display:flex;flex-wrap:wrap;min-width:0}.selectVerse,.verseMeta{gap:8px;align-items:center}.selectVerse{display:inline-flex;cursor:pointer}.selectVerse input{width:18px;height:18px;accent-color:var(--teal);cursor:pointer}.selectVerse>span{min-width:48px;min-height:30px;display:grid;place-items:center;border-radius:999px;color:var(--accent);background:#f6e7e7;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:800}.verseMeta em{font-style:normal}.searchContext,.verseMeta em{color:var(--muted);font-size:13px;font-weight:800}.verseCard p{grid-area:text;color:#101828;font-family:Noto Naskh Arabic,Traditional Arabic,Amiri,serif;font-size:clamp(35px,2.4vw,28px);line-height:1.75;word-spacing:1px}.shahidWord{color:var(--accent-strong);font-weight:800}.fillerWord{color:#556070;font-weight:600}.hemistichSep{color:var(--teal);font-size:.58em;line-height:1;opacity:.65;padding:0 2px;vertical-align:.12em}.verseCard.isPlaying .fillerWord{color:#3f5a55}.verseCard.isPlaying .shahidWord{color:var(--accent-strong)}.verseActions{grid-area:actions;display:grid;grid-gap:6px;gap:6px}.verseActions button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:var(--teal)}.verseActions button:focus-visible,.verseActions button:hover{outline:0;border-color:rgba(15,118,110,.38);background:var(--teal-soft)}.verseActions .openOriginalButton{color:var(--accent)}.verseActions .openOriginalButton:focus-visible,.verseActions .openOriginalButton:hover{border-color:rgba(139,45,45,.34);background:#fbf1f1}.emptyState{display:grid;grid-gap:14px;gap:14px;justify-items:center;padding:48px 16px;border:1px dashed var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.emptyState button{min-height:42px;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:0 16px;font-weight:800}@media (max-width:900px){.shell{width:min(100% - 20px,760px);padding-top:14px}.hero{grid-template-columns:1fr;gap:12px;padding:10px 0 14px}h1{font-size:clamp(30px,8vw,46px);line-height:1.18}.lead{margin-top:8px;font-size:16px;line-height:1.65}.heroSide{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats div{min-height:68px;padding:10px}.stats strong{font-size:24px}.stats span{font-size:13px}.layout{display:block}.playerPanel{position:fixed;inset-inline:10px;top:auto;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);gap:6px 8px;margin:0;padding:8px 10px;box-shadow:0 10px 24px rgba(24,34,47,.1)}.playerNow,.playerSummary{min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.playerSummary{grid-template-columns:none;flex:0 0 auto;-webkit-padding-end:6px;padding-inline-end:6px;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line)}.playerSummary span{grid-column:auto;font-size:12px;white-space:nowrap}.playerSummary strong{font-size:18px}.playerNow{flex:1 1 auto;overflow:hidden}.playerReadIndex{display:inline-grid;width:28px;height:16px;font-size:9.5px}.playerSummary small{display:none}.playerNow b{padding:1px 8px;font-size:12px}.playerNowIndex{width:28px;height:16px;font-size:9.5px}.playerNow span{font-size:12px}.playerControls{grid-column:1/-1;gap:6px;justify-content:space-between}.playerControls button{min-width:0;min-height:38px;flex:1 1}.mobileOptionsButton,.mobileSearchButton{display:grid!important}.playerMobileSearch{grid-column:1/-1;display:none!important;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.playerMobileSearch.isOpen{display:grid!important}.playerMobileSearch .searchBox{min-height:46px;box-shadow:none}.playerOptions{grid-column:1/-1;display:none;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.playerOptions.isOpen{display:grid}.playerSettings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.playerSettings label{gap:4px}.playerSettings span{font-size:12px}.playerSettings input[type=range],.playerSettings select{min-height:40px}.sidebar{position:static;margin-bottom:16px}.tocNav a{width:min(230px,72vw);scroll-snap-align:start}.chapter{scroll-margin-top:86px}.chapterHead h2{font-size:clamp(21px,2vw,24px)}.verseCard p{font-size:clamp(19px,4.8vw,25px);line-height:1.75;word-spacing:1px}.quizPrompt{font-size:clamp(18px,4.5vw,22px);line-height:1.7}.quizChoice{font-size:clamp(16px,4vw,19px);line-height:1.55}}@media (max-width:620px){.chapter,.chapterHead,.chapterHeadMeta,.chapterHeadTitle,.content,.hero,.heroSide,.layout,.overallProgress,.playerPanel,.searchBox,.shell,.stats,.supportCompact,main{max-width:100%;min-width:0}.shell,main{overflow-x:clip}.shell{width:min(100% - 14px,760px);padding-bottom:32px}.taiyebahSubModules{width:min(100% - 20px,760px);align-items:stretch;flex-direction:column}.taiyebahSubModulesHead{min-width:0}.taiyebahSubModulesSearch{flex:0 0 auto}.eyebrow{font-size:14px}h1{font-size:28px}.lead{font-size:15.5px}.supportCompact{margin:-4px 0 10px;flex-wrap:wrap;gap:8px;overflow:visible;padding-bottom:2px}.supportTrigger{flex:0 0 auto}.supportCompact .qiraatTrigger{flex:0 0 auto;min-height:38px;padding:0 13px;font-size:13.5px}.chapterHead{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"toggle select title speak" "meta meta meta meta";align-items:center;grid-gap:8px 6px;gap:8px 6px;overflow:visible}.chapterHeadTitle{display:contents}.chapterHeadTitle .collapseToggle{grid-area:toggle;width:40px;height:40px}.chapterHeadTitle .selectTitle{grid-area:select;align-self:center}.selectTitle input{width:22px;height:22px}.chapterHeadTitle h2{grid-area:title;align-self:center}.chapterHeadTitle .titleSpeakButtonInline{grid-area:speak;display:inline-flex;width:40px;height:40px}.chapterHeadMeta{grid-area:meta;width:100%;max-width:100%;flex:0 0 auto;justify-content:flex-start;gap:6px;overflow-y:hidden;padding-bottom:2px}.chapterHeadMeta .titleSpeakButtonActions{display:none}.verseCard{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "text" "actions";gap:8px;padding:10px}.verseMeta{display:flex;align-items:center}.playerPanel{grid-template-columns:auto minmax(0,1fr) auto;top:auto;width:100%}.playerSettings{grid-template-columns:repeat(2,minmax(0,1fr))}.selectionTools button{flex:1 1}.verseCard p{font-size:19px;line-height:1.68}.verseActions{display:flex;gap:6px;align-self:start;flex-wrap:wrap}.playerControls button,.selectionTools button,.verseActions button{min-width:34px;min-height:34px}.selectVerse>span{min-width:42px;min-height:28px;font-size:13px}.verseNumberBadge.hasLocalNumber{max-width:100%;min-height:28px;padding-inline:9px}.verseNumberBadge small{font-size:10.5px}.chapterHeadMeta{flex-wrap:nowrap;overflow-x:auto}.chapterHeadMeta>*{flex:0 0 auto}.chapterHeadMeta>span{padding:3px 9px;font-size:12px}.chapterHeadMeta>.verseRangeBadge{font-size:12px}.explainButton,.explainQuizButton,.quizButton,.selectBabButton{flex:0 0 auto;justify-content:center;min-height:40px;padding:0 12px;font-size:12.5px}.chapterHeadTitle h2{position:relative;font-size:clamp(18px,4.8vw,21px);overflow:visible;white-space:normal;cursor:help;-webkit-tap-highlight-color:transparent}.chapterTitleText{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chapterHeadTitle h2:after,.chapterHeadTitle h2:before{position:absolute;inset-inline-end:0;z-index:30;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.chapterHeadTitle h2:before{content:attr(data-full-title);bottom:calc(100% + 9px);width:max-content;max-width:min(330px,calc(100vw - 28px));padding:8px 10px;border:1px solid rgba(139,45,45,.22);border-radius:8px;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(24,34,47,.16);color:var(--accent-strong);direction:rtl;text-align:start;font-family:Noto Naskh Arabic,Traditional Arabic,Amiri,serif;font-size:17px;font-weight:800;line-height:1.65;white-space:normal}.chapterHeadTitle h2:after{content:"";bottom:calc(100% + 3px);width:12px;height:12px;-webkit-margin-end:18px;margin-inline-end:18px;-webkit-border-end:1px solid rgba(139,45,45,.22);border-inline-end:1px solid rgba(139,45,45,.22);-webkit-border-after:1px solid rgba(139,45,45,.22);border-block-end:1px solid rgba(139,45,45,.22);background:rgba(255,255,255,.98);transform:rotate(45deg) translateY(4px)}.chapterHeadTitle h2.isTooltipOpen:after,.chapterHeadTitle h2.isTooltipOpen:before,.chapterHeadTitle h2:active:after,.chapterHeadTitle h2:active:before,.chapterHeadTitle h2:focus:after,.chapterHeadTitle h2:focus:before,.chapterHeadTitle h2:hover:after,.chapterHeadTitle h2:hover:before{opacity:1}.chapterHeadTitle h2.isTooltipOpen:before,.chapterHeadTitle h2:active:before,.chapterHeadTitle h2:focus:before,.chapterHeadTitle h2:hover:before{transform:translateY(0)}.chapterHeadTitle h2.isTooltipOpen:after,.chapterHeadTitle h2:active:after,.chapterHeadTitle h2:focus:after,.chapterHeadTitle h2:hover:after{transform:rotate(45deg) translateY(0)}.quizOverlay{padding:0}.quizBody,.quizFooter,.quizHeader{padding-inline:14px}.quizFooter{flex-wrap:wrap}.quizFooter button{flex:1 1 auto;min-height:42px}}@media (max-width:420px){.playerNow span{font-size:12px}.playerControls{justify-content:space-between}.stats{gap:8px}.overallProgress,.stats div{box-shadow:0 8px 22px rgba(24,34,47,.07)}.verseCard p{font-size:20px}}.quizOverlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(16,24,40,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quizModal{width:min(640px,100%);max-height:min(92vh,860px);display:flex;flex-direction:column;border-radius:16px;background:var(--surface);box-shadow:0 30px 80px rgba(16,24,40,.35);overflow:hidden}.quizHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.quizHeader small{color:var(--teal);font-size:13px;font-weight:800}.quizHeader h2{color:var(--accent-strong);font-size:20px;font-weight:900}.quizHeader button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--muted)}.quizHeader button:focus-visible,.quizHeader button:hover{outline:0;color:var(--accent);border-color:rgba(139,45,45,.4)}.quizProgress{height:4px;background:var(--surface-muted)}.quizProgress span{display:block;height:100%;background:var(--teal);transition:width .3s ease}.quizMeta{display:flex;justify-content:space-between;gap:10px;padding:12px 20px 0}.quizTypeTag{color:var(--teal);background:var(--teal-soft)}.quizScoreTag,.quizTypeTag{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.quizScoreTag{color:var(--accent);background:#f6e7e7}.quizBody{flex:1 1;overflow-y:auto;padding:16px 20px;display:grid;grid-gap:14px;gap:14px;align-content:start}.quizListen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid rgba(15,118,110,.3);border-radius:10px;background:var(--teal-soft);color:var(--teal);font-size:16px;font-weight:800}.quizListen:focus-visible,.quizListen:hover{outline:0;background:#cfeae6}.quizPrompt{font-family:Noto Naskh Arabic,Traditional Arabic,Amiri,serif;white-space:pre-line;color:var(--ink);font-size:clamp(19px,3vw,24px);line-height:1.85;font-weight:700}.quizChoices{display:grid;grid-gap:10px;gap:10px}.quizChoice{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;text-align:start;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:Noto Naskh Arabic,Traditional Arabic,Amiri,serif;font-size:clamp(17px,2.6vw,21px);line-height:1.7;transition:border-color .15s ease,background .15s ease}.quizChoice:focus-visible,.quizChoice:hover:not(:disabled){outline:0;border-color:rgba(15,118,110,.45);background:#f4fbfa}.quizChoice.isSelected{border-color:var(--teal);background:var(--teal-soft)}.quizChoice.isAnswer{border-color:#128a4d;background:#e7f6ec;color:#0c6b3a}.quizChoice.isWrongPick{border-color:#c0392b;background:#fbeae8;color:#98241a}.quizChoice:disabled{cursor:default}.quizChoiceMark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--surface-muted);color:var(--accent);font-weight:900}.quizChoice svg{color:#128a4d}.quizWrite{display:grid;grid-gap:10px;gap:10px}.quizWrite textarea{width:100%;resize:vertical;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-family:Noto Naskh Arabic,Traditional Arabic,Amiri,serif;font-size:clamp(18px,2.6vw,22px);line-height:1.8;color:var(--ink);background:var(--surface)}.quizWrite textarea:focus-visible{outline:0;border-color:var(--teal)}.quizWriteResult{padding:10px 14px;border-radius:10px;font-size:16px;font-weight:800}.quizWriteResult.isCorrect{background:#e7f6ec;color:#0c6b3a}.quizWriteResult.isWrong{background:#fbeae8;color:#98241a}.quizFooter{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line)}.quizFooter button{min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:800}.quizFooter .quizPrimary{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--accent);color:#fff}.quizFooter .quizPrimary:focus-visible,.quizFooter .quizPrimary:hover:not(:disabled){outline:0;background:var(--accent-strong)}.quizFooter .quizPrimary:disabled{opacity:.5;cursor:not-allowed}.quizInlineHint{color:var(--muted);font-size:13px;font-weight:700}.quizEmpty{padding:28px 20px;color:var(--muted);font-size:17px;line-height:1.8}.quizResult{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:24px 20px 8px}.quizScoreRing{width:132px;height:132px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(closest-side,var(--surface) 78%,transparent 79%),conic-gradient(var(--teal) calc(var(--p, 0) * 1%),var(--surface-muted) 0);border:1px solid var(--line)}.quizScoreRing strong{color:var(--teal);font-size:30px;line-height:1}.quizScoreRing span{color:var(--muted);font-size:14px;font-weight:800}.quizVerdict{color:var(--accent-strong);font-size:19px;font-weight:800}.quizReview{flex:1 1;overflow-y:auto;margin:8px 0 0;padding:8px 20px;list-style:none;display:grid;grid-gap:8px;gap:8px}.quizReview li{display:grid;grid-template-columns:32px minmax(0,1fr);grid-gap:10px;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;border-inline-start-width:4px}.quizReview li.isCorrect{border-inline-start-color:#128a4d}.quizReview li.isWrong{border-inline-start-color:#c0392b}.quizReviewIndex{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface-muted);color:var(--muted);font-weight:800;font-size:14px}.quizReviewBody small{color:var(--teal);font-size:12px;font-weight:800}.quizReviewBody p{margin:2px 0;color:var(--ink);font-size:17px;line-height:1.7}.quizReviewBody em{display:block;margin-top:4px;color:#98241a;font-style:normal;font-size:14px;font-weight:700}@media (max-width:620px){.quizModal{max-height:100vh;height:100%;width:100%;border-radius:0}.quizChoice{grid-template-columns:30px minmax(0,1fr) auto}}@media print{body,html{background:#fff}.collectionTheme,.collectionTheme>.shell,.durrahTheme,.durrahTheme>.shell,.jazariyyahTheme,.jazariyyahTheme>.shell,.landing,.madhishTheme,.madhishTheme>.shell,.shatibiyyahTheme,.shatibiyyahTheme>.shell,.taiyebahTheme,.taiyebahTheme>.shell,.tuhfahTheme,.tuhfahTheme>.shell,body,html{height:auto;overflow:visible}.sidebar,.stats,.verseActions{display:none}.shell{width:100%;padding:0}.layout{display:block}.verseCard{page-break-inside:avoid;break-inside:avoid;box-shadow:none}}.moduleNav{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;max-width:1180px;margin:0 auto;padding:14px clamp(16px,4vw,40px) 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.moduleNavHome,.moduleNavLink,.moduleNavPin{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:background .15s,color .15s,border-color .15s}.moduleNavHome:hover,.moduleNavLink:hover,.moduleNavPin:hover{border-color:var(--teal);color:var(--teal)}.moduleNavLinks{display:inline-flex;gap:8px;flex:0 0 auto}.moduleNavLink.isActive{background:var(--teal);border-color:var(--teal);color:#fff}.moduleNavPin{cursor:pointer}.moduleNavPin.isActive{background:var(--accent);border-color:var(--accent);color:#fff}.taiyebahSubModules{width:min(100% - 32px,1180px);margin:12px auto 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,var(--teal-soft));display:flex;align-items:center;gap:12px}.taiyebahSubModulesHead{flex:0 0 auto;min-width:160px;display:grid;grid-gap:2px;gap:2px}.taiyebahSubModulesHead span{color:var(--muted);font-size:12px;font-weight:800}.taiyebahSubModulesHead strong{color:var(--accent-strong);font-size:17px}.taiyebahSubModulesSearch{flex:0 0 200px;display:flex;align-items:center;gap:6px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.taiyebahSubModulesSearch:focus-within{border-color:var(--teal)}.taiyebahSubModulesSearch input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-weight:700}.taiyebahSubModulesSearch input::-webkit-search-cancel-button{display:none}.taiyebahSubModulesSearch button{display:inline-flex;padding:4px;border:0;border-radius:999px;background:var(--surface-muted);color:var(--muted)}.taiyebahSubModulesEmpty{margin:0;padding:10px 4px;color:var(--muted);font-weight:700}.taiyebahSubModuleLinks{display:flex;flex:1 1 auto;gap:8px;overflow-x:auto;padding-bottom:2px}.taiyebahSubModuleLink{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:800}.taiyebahSubModuleLink.isActive,.taiyebahSubModuleLink:hover{border-color:var(--teal);color:var(--teal)}.taiyebahSubModuleLink small{color:var(--muted);font-size:12px;font-weight:800}.chapterHeadTitle{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.chapterHeadTitle h2{position:relative;min-width:0;max-width:100%}.chapterTitleText{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectTitle{display:inline-flex;align-items:center;flex:0 0 auto}.selectTitle input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.titleSpeakButton{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--teal);cursor:pointer;transition:background .15s,color .15s}.titleSpeakButton:hover{background:var(--teal-soft)}.titleSpeakButtonActions{display:none}.landing{max-width:980px;margin:0 auto;padding:clamp(32px,7vw,80px) clamp(18px,5vw,40px);min-height:100vh;gap:clamp(28px,5vw,48px)}.landing,.landingHero{display:flex;flex-direction:column}.landingHero{text-align:center;gap:10px}.landingHero h1{color:var(--accent-strong);font-size:clamp(30px,5vw,48px);line-height:1.3}.landingHero .lead{color:var(--muted);max-width:620px;margin:0 auto;font-size:clamp(16px,2.2vw,19px)}.moduleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:clamp(16px,3vw,24px);gap:clamp(16px,3vw,24px)}@media (min-width:1120px){.landing{max-width:1240px}}.moduleCard{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,3vw,30px);border-radius:8px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.moduleCard:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 24px 55px rgba(24,34,47,.14)}.moduleCardIcon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px}.moduleCardIcon,.moduleCardTag{background:var(--teal-soft);color:var(--teal)}.moduleCardTag{display:inline-block;font-size:13px;font-weight:800;border-radius:999px;padding:3px 12px;margin-bottom:8px}.moduleCardBody h2{color:var(--accent-strong);font-size:clamp(24px,3.2vw,32px);margin:4px 0 10px}.moduleCardBody p{color:var(--muted);line-height:1.85;font-size:15.5px}.moduleCardStats{display:flex;gap:18px;margin-top:14px}.moduleCardStats span{font-size:14px;color:var(--muted)}.moduleCardStats strong{color:var(--ink);font-size:18px}.moduleCardArrow{position:absolute;inset-inline-start:26px;bottom:26px;color:var(--teal);opacity:.7}.landingFooter{text-align:center;color:var(--muted);font-size:14px;line-height:1.9}.chapterHeadMeta .headingOnly{color:var(--muted);background:var(--surface-muted)}.taiyebahTheme{--bg:#f8f7f4;--surface-muted:#f0ebe2;--ink:#1e252c;--muted:#667085;--line:#ddd3c5;--accent:#82312e;--accent-strong:#5d201e;--teal:#7a5a1d;--teal-soft:#f1e8d2}.taiyebahTheme .finalQuizButton{background:linear-gradient(135deg,var(--accent) 0,#6d2927 100%);box-shadow:0 12px 30px rgba(130,49,46,.24)}.taiyebahTheme .fillerWord,.taiyebahTheme .verseCard p{color:var(--ink)}.taiyebahTheme .fillerWord{font-weight:700}.taiyebahTheme .shahidWord{color:var(--accent-strong);font-weight:800}.shatibiyyahTheme{--bg:#f7f8f4;--surface-muted:#e9efe5;--ink:#20262b;--muted:#687076;--line:#d1dacd;--accent:#2d6253;--accent-strong:#20483e;--teal:#6f5d20;--teal-soft:#efe8cf}.durrahTheme{--bg:#f8f6f1;--surface-muted:#eee6d8;--ink:#211f1d;--muted:#6f6860;--line:#d9cbb7;--accent:#70422e;--accent-strong:#4f2d20;--teal:#2f665c;--teal-soft:#dfeee9}.jazariyyahTheme{--bg:#f6f7fa;--surface-muted:#e7eaf3;--ink:#1f2430;--muted:#666e80;--line:#ccd3e2;--accent:#33488a;--accent-strong:#24346a;--teal:#7a5320;--teal-soft:#f0e6d4}.tuhfahTheme{--bg:#f5f9f9;--surface-muted:#e2eeee;--ink:#1d2827;--muted:#64716f;--line:#c8dcda;--accent:#1d6b6b;--accent-strong:#114e4f;--teal:#8a5324;--teal-soft:#f4e7d8}.verseNumberBadge.hasLocalNumber{min-width:0;min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1px solid rgba(139,45,45,.14);line-height:1;white-space:nowrap}.verseNumberBadge strong{font:inherit}.verseNumberBadge small{color:var(--muted);display:inline;font-size:11.5px;font-family:inherit;font-weight:800}.collapseToggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--accent);cursor:pointer;transition:background .15s,transform .2s}.collapseToggle:hover{background:var(--surface-muted)}.chapter.isCollapsible:not(.isOpen) .collapseToggle svg{transform:rotate(-90deg)}.chapter.isCollapsible .collapseToggle svg{transition:transform .2s}.chapter.isCollapsible:not(.isOpen){padding-bottom:14px}.memorizeButton,.selectBabButton{cursor:pointer}.selectBabButton{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-weight:800;font-size:14px;white-space:nowrap}.selectBabButton:hover{background:var(--surface-muted)}.selectBabButton.isOn{background:var(--accent);color:#fff}.memorizeButton{color:var(--muted)}.memorizeButton.isOn{border-color:#15803d;background:#e3f5e7;color:#15803d}.verseCard.isMemorized{position:relative;background:linear-gradient(180deg,#f1faf2 0,var(--surface) 60%);border-color:#bfe3c6}.verseCard.isMemorized:before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:999px;background:#15803d}.memorizedBadge{color:#15803d!important;background:#e3f5e7!important}.babProgress{height:6px;border-radius:999px;background:var(--surface-muted);overflow:hidden;margin:4px 0 12px}.babProgress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22a35a,#15803d);transition:width .25s}.chapterNotes{display:grid;grid-gap:8px;gap:8px;margin:0 0 4px;padding:0;list-style:none}.chapterNotes li{padding:9px 14px;border:1px solid rgba(15,118,110,.18);-webkit-border-start:4px solid var(--teal);border-inline-start:4px solid var(--teal);border-radius:8px;background:#f7fbfa;color:#2f3f4f;font-size:15px;font-weight:800;line-height:1.85}.overallProgress{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.overallProgressHead{display:flex;align-items:baseline;justify-content:space-between}.overallProgressHead span{color:var(--muted);font-size:13px;font-weight:700}.overallProgressHead strong{color:var(--accent);font-size:20px}.overallProgressBar{height:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.overallProgressBar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22a35a,#15803d);transition:width .25s}.overallProgress small{color:var(--muted);font-size:12px}.contentTools{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;margin-bottom:14px;padding-bottom:4px}.contentTools button{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:800;font-size:14px;cursor:pointer;scroll-snap-align:start;transition:background .15s,border-color .15s,color .15s}.contentTools button:hover{border-color:var(--accent);color:var(--accent)}.contentTools .continueButton{background:var(--accent);border-color:var(--accent);color:#fff}.contentTools .continueButton:hover{color:#fff;filter:brightness(1.06)}@media (max-width:620px){.moduleNav{display:flex;gap:8px;max-width:100%;padding:10px 10px 0}.moduleNavHome,.moduleNavLink,.moduleNavPin{justify-content:center;min-width:max-content;min-height:44px;padding:4px 12px;font-size:13.5px}.moduleNavHome{width:auto}.moduleNavLinks{width:auto;display:inline-flex;gap:8px}.moduleNavHome span,.moduleNavLink span,.moduleNavPin span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing{padding:24px 12px 36px;gap:22px}.brandMark{margin-bottom:10px;font-size:86px}.taiyebahSubModules{width:min(100% - 20px,760px);align-items:stretch;flex-direction:column}.taiyebahSubModulesHead{min-width:0}.taiyebahSubModulesSearch{flex:0 0 auto}.moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.moduleCard{align-items:center;justify-content:center;gap:7px;aspect-ratio:1/1;padding:10px;min-height:0;text-align:center;min-width:0;overflow-wrap:anywhere}.moduleCard--taiyebah{order:5}.moduleCard--shatibiyyah{order:3}.moduleCard--durrah{order:4}.moduleCard--masahif{order:6}.moduleCard--jazariyyah{order:2}.moduleCard--tuhfah{order:1}.moduleCard--madhish{order:7}.moduleCard--collection{order:8}.moduleCardBody{display:flex;min-height:0;min-width:0;flex-direction:column;align-items:center;justify-content:center}.moduleCardIcon{width:32px;height:32px;border-radius:8px}.moduleCardIcon svg{width:22px;height:22px}.moduleCardBody h2{font-size:16px;line-height:1.35;margin:2px 0 5px}.moduleCardBody p{display:none}.moduleCardTag{font-size:10px;line-height:1.5;padding:2px 8px;margin-bottom:4px}.moduleCardStats{justify-content:center;flex-wrap:wrap;gap:2px 8px;margin-top:7px}.moduleCardStats span{font-size:11px;line-height:1.4}.moduleCardStats strong{font-size:13px}.shell{padding-bottom:calc(172px + env(safe-area-inset-bottom))}.playerOptionsBackdrop{position:fixed;inset:0;z-index:44;display:block;border:0;border-radius:0;background:rgba(16,24,40,.18);padding:0}.playerPanel{position:fixed;inset-inline:8px;top:auto;bottom:max(8px,env(safe-area-inset-bottom));z-index:45;width:auto;max-width:none;max-height:calc(100dvh - 20px);margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:12px;box-shadow:0 18px 48px rgba(24,34,47,.2),0 0 0 1px rgba(216,222,232,.5)}.playerControls{display:grid;grid-template-columns:repeat(6,36px);justify-content:end}.playerControls button{width:36px;height:36px}.playerOptions{max-height:min(58dvh,430px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.playerOptions.isOpen{display:grid}.playerSettings{order:2}.selectionTools{order:1;gap:8px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--line)}.selectionTools button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-width:0;min-height:42px;padding:4px 8px;background:var(--surface-muted);line-height:1.35;white-space:normal}}.qiraatTrigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid rgba(139,45,45,.28);border-radius:999px;background:linear-gradient(150deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;font-weight:900;font-size:15px;white-space:nowrap;box-shadow:0 10px 24px rgba(103,32,32,.24);transition:transform .16s,box-shadow .16s,filter .16s}.qiraatTrigger:focus-visible,.qiraatTrigger:hover{outline:0;transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 30px rgba(103,32,32,.32)}.landingReference{display:flex;justify-content:center;margin-top:6px}.qiraatModalBackdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:rgba(16,24,40,.56);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:qiraatFade .16s ease}@keyframes qiraatFade{0%{opacity:0}to{opacity:1}}.qiraatModal{width:min(1080px,100%);height:min(860px,92vh);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 40px 110px rgba(16,24,40,.4);overflow:hidden}.qiraatModalHead{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 22px 14px;background:linear-gradient(160deg,#fff,#fbf3f1);border-bottom:1px solid var(--line)}.qiraatModalKicker{display:inline-block;margin-bottom:4px;color:var(--accent);font-size:13px;font-weight:900}.qiraatModalHead h2{color:var(--accent-strong);font-size:clamp(20px,3vw,27px);line-height:1.3}.qiraatModalClose{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}.qiraatModalClose:hover{color:var(--accent);border-color:var(--accent)}.qiraatTabs{flex:0 0 auto;display:flex;gap:6px;padding:8px 16px 0;background:var(--surface-muted);border-bottom:1px solid var(--line);overflow-x:auto;overscroll-behavior-inline:contain}.qiraatTab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:800;font-size:15.5px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.qiraatTab:hover{color:var(--accent)}.qiraatTab.isActive{color:var(--accent-strong);background:var(--surface);border-bottom-color:var(--accent);border-top-left-radius:8px;border-top-right-radius:8px}.qiraatModalBody{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 22px 26px;overscroll-behavior:contain}.qiraatStatsRow{display:flex;gap:12px;margin-bottom:18px}.qiraatStatsRow>div{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.qiraatStatsRow strong{font-size:26px;font-weight:900;color:var(--accent-strong)}.qiraatStatsRow span{font-size:13px;color:var(--muted);font-weight:700}.qiraatReadersLead{margin:-4px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fffaf1;color:var(--ink);font-size:14.5px;line-height:1.85}.qiraatReaderList{display:grid;grid-gap:16px;gap:16px}.qariCard{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px rgba(24,34,47,.05);overflow:hidden}.qariCardHead{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:linear-gradient(160deg,#fbf3f1,#fff);border-bottom:1px solid var(--line);flex-wrap:wrap}.qariOrder{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:17px}.qariCardTitle{flex:1 1 240px;min-width:0}.qariCardTitle h3{margin:0;color:var(--accent-strong);font-size:22px;font-weight:900}.qariCardTitle p{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.qariCardTags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.qariTag{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:12.5px;font-weight:800}.qariTag.isSeven{background:#f5e2de;color:var(--accent)}.qariTag.isThree{background:#e9eefb;color:#3a4fb0}.qariRawis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:16px 18px}.rawiBlock{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface-muted)}.rawiBlockHead h4{margin:0;color:var(--ink);font-size:18px;font-weight:900}.rawiBlockHead small{display:block;margin:2px 0 10px;color:var(--muted);font-size:12.5px;line-height:1.6}.rawiTuruq{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.rawiStructure{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:999px;background:#eef2f7;color:var(--muted);font-size:11.5px;font-weight:800}.rawiTuruq>li{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:9px;background:var(--surface);border:1px solid var(--line)}.rawiTuruq>li.isMid{border-style:dashed;border-color:#d9b877;background:#fdf9f0}.rawiTuruq>li.isDirect{-webkit-border-start:4px solid var(--teal);border-inline-start:4px solid var(--teal)}.tareeqKind{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:900}.isMid .tareeqKind{background:#f6e8c8;color:#8a5a12}.isDirect .tareeqKind{background:var(--teal-soft);color:var(--teal)}.tareeqName{font-weight:800;color:var(--accent-strong);font-size:14.5px}.tareeqBranches{display:flex;flex-wrap:wrap;gap:5px;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-border-start:2px dashed #e0cda0;border-inline-start:2px dashed #e0cda0}.tareeqBranch{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:12px;font-weight:700}.qiraatSymbolsLead{color:var(--muted);font-size:14.5px;line-height:1.85;margin-bottom:14px}.symbolGrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-gap:16px;gap:16px;align-items:start}.symbolBlock{display:flex;flex-direction:column;gap:10px}.symbolBlockTitle{margin:0;color:var(--accent-strong);font-size:17px;font-weight:900}.symbolRole{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:800}.symbolRole.isQari{background:#f5e2de;color:var(--accent)}.symbolRole.isRawi{background:var(--teal-soft);color:var(--teal)}.symbolTableWrap{border:1px solid var(--line);border-radius:14px;overflow:hidden}.symbolTable{width:100%;border-collapse:collapse;font-size:15px}.symbolTable thead th{background:linear-gradient(160deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;font-weight:800;font-size:14px;padding:12px 14px;text-align:right}.symbolTable td.symGroup,.symbolTable td.symLetter,.symbolTable th.symGroup,.symbolTable th.symLetter{text-align:center}.symbolTable tbody td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:middle}.symbolTable tbody tr:nth-child(2n){background:var(--surface-muted)}.symbolTable tbody tr:hover{background:#fbf3f1}.symbolChip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-weight:900;font-size:17px}.symName{font-weight:800;color:var(--ink);white-space:nowrap}.symbolGroupChip{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--teal);color:#fff;font-weight:900;font-size:15px}.symMembers{color:var(--muted);font-size:14px;line-height:1.7}.qiraatChart{display:flex;flex-direction:column;height:100%;min-height:460px}.qiraatChartBar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.qiraatCrumb{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);font-weight:800;font-size:14px}.qiraatCrumb:hover{border-color:var(--accent)}.qiraatCrumbSep{color:var(--muted);transform:scaleX(-1)}.qiraatCrumbCurrent{padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:14px}.qiraatResetButton{display:inline-flex;align-items:center;gap:5px;-webkit-margin-start:auto;margin-inline-start:auto;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--muted);font-weight:800;font-size:13.5px}.qiraatResetButton:hover{color:var(--accent);border-color:var(--accent)}.qiraatChartHint{margin:10px 0;color:var(--muted);font-size:13.5px;font-weight:700}.qiraatFlowCanvas{flex:1 1 auto;min-height:360px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#f4f8f7 0,transparent 60%),var(--surface)}.qiraatFlowCanvas .react-flow__controls{box-shadow:0 8px 22px rgba(24,34,47,.12);border-radius:8px;overflow:hidden}.qiraatNode{width:180px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:0 6px 16px rgba(24,34,47,.08);text-align:center;font-family:inherit}.qiraatNode.isClickable{cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}.qiraatFlowCanvas .react-flow__node{cursor:default}.qiraatNode.isClickable:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(24,34,47,.18)}.qiraatNodeLabel{font-weight:900;font-size:16px;line-height:1.25;color:var(--ink)}.qiraatNodeSub{font-size:11.5px;font-weight:700;color:var(--muted);line-height:1.4}.qiraatNodeHint{margin-top:2px;padding:1px 9px;border-radius:999px;background:rgba(15,118,110,.12);color:var(--teal);font-size:10.5px;font-weight:800}.qiraatNode-qari .qiraatNodeHint{background:rgba(139,45,45,.12);color:var(--accent)}.qiraatNode-qari{background:linear-gradient(160deg,#fff,#fbf3f1);border-color:var(--accent)}.qiraatNode-qari .qiraatNodeLabel{color:var(--accent-strong);font-size:18px}.qiraatNode-qari.isClickable:hover{border-color:var(--accent-strong)}.qiraatNode-rawi{border-color:var(--teal);background:var(--teal-soft)}.qiraatNode-rawi .qiraatNodeLabel{color:var(--teal)}.qiraatNode-tareeq{width:160px;padding:8px 11px;border-style:dashed;border-color:#c2924a;background:#fdf7ec}.qiraatNode-tareeq .qiraatNodeLabel{font-size:14.5px;color:#8a5a12}.qiraatNode-tareeq .qiraatNodeSub{color:#b07d2e}.qiraatNode-leaf{width:150px;padding:8px 10px;border-color:var(--line);background:var(--surface)}.qiraatNode-leaf .qiraatNodeLabel{font-size:13.5px}.qiraatFlowCanvas .react-flow__handle{opacity:0}.qiraatFlowCanvas .react-flow__edge-path{stroke:#b9c2d0;stroke-width:2}.tareeqNameRow{gap:7px;flex-wrap:wrap}.importantBadge,.tareeqNameRow{display:inline-flex;align-items:center}.importantBadge{padding:1px 9px;border-radius:999px;background:linear-gradient(150deg,#e8a33d,#d4831a);color:#fff;font-size:11px;font-weight:900;box-shadow:0 3px 8px rgba(212,131,26,.32)}.tareeqBranch.isImportant{display:inline-flex;align-items:center;gap:5px;background:#fdf1dd;color:#9a5a05;border:1px solid #ecc987}.importantDot{display:inline-flex;align-items:center;padding:0 6px;border-radius:999px;background:#d4831a;color:#fff;font-size:9.5px;font-weight:900}.qiraatNode.isImportant{border-color:#e0a23c;box-shadow:0 6px 16px rgba(212,131,26,.22)}.qiraatNodeBadge{position:absolute;top:-9px;inset-inline-end:8px;padding:1px 8px;border-radius:999px;background:linear-gradient(150deg,#e8a33d,#d4831a);color:#fff;font-size:10px;font-weight:900;box-shadow:0 3px 8px rgba(212,131,26,.34)}.qiraatNode{position:relative}.qiraatModalHeadActions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.qiraatQuizTrigger{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border:0;border-radius:999px;background:var(--teal);color:#fff;font-weight:900;font-size:14.5px;white-space:nowrap;box-shadow:0 8px 20px rgba(15,118,110,.24);transition:filter .15s,transform .15s}.qiraatQuizTrigger:hover{filter:brightness(1.06);transform:translateY(-1px)}.qiraatQuizBackdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(16,24,40,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qiraatQuizModal{width:min(620px,100%);max-height:92vh;display:flex;flex-direction:column;border-radius:16px;background:var(--surface);box-shadow:0 40px 110px rgba(16,24,40,.42);overflow:hidden}.qiraatQuizHead{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:linear-gradient(160deg,#fff,#eef6f4);border-bottom:1px solid var(--line)}.qiraatQuizHeadText{display:inline-flex;align-items:center;gap:9px;color:var(--teal)}.qiraatQuizHeadText h3{margin:0;font-size:19px;font-weight:900;color:var(--accent-strong)}.qiraatQuizBody{flex:1 1 auto;min-height:0;overflow:auto;padding:20px}.qiraatQuizProgress{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:var(--muted);font-size:13.5px;font-weight:800}.qiraatQuizBar{height:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.qiraatQuizBar>span{display:block;height:100%;background:var(--teal);transition:width .25s}.qiraatQuizPrompt{margin:0 0 16px;font-size:18px;font-weight:800;line-height:1.7;color:var(--ink);white-space:pre-line}.qiraatQuizChoices{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.qiraatQuizChoice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:700;font-size:16px;text-align:start;line-height:1.6;transition:border-color .14s,background .14s}.qiraatQuizChoice:hover:not(:disabled){border-color:var(--teal)}.qiraatQuizChoice:disabled{cursor:default}.qiraatQuizChoice.isCorrect{border-color:#16855f;background:#e7f6ef;color:#0c5e41}.qiraatQuizChoice.isWrong{border-color:var(--accent);background:#fbe9e7;color:var(--accent-strong)}.qiraatQuizFeedback{margin-top:16px;display:flex;flex-direction:column;gap:12px}.qiraatQuizExplanation{margin:0;padding:12px 14px;border-radius:10px;background:var(--surface-muted);color:var(--ink);font-size:14.5px;line-height:1.8}.qiraatQuizPrimary{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:12px;background:var(--teal);color:#fff;font-weight:900;font-size:16px;box-shadow:0 10px 24px rgba(15,118,110,.24)}.qiraatQuizPrimary:hover{filter:brightness(1.06)}.qiraatQuizGhost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-weight:800;font-size:15px}.qiraatQuizResult{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:32px 20px}.qiraatQuizScoreRing{width:150px;height:150px;display:grid;place-content:center;border-radius:50%;border:8px solid var(--accent);color:var(--accent-strong)}.qiraatQuizScoreRing[data-pass=true]{border-color:#16855f;color:#0c5e41}.qiraatQuizScoreRing strong{font-size:38px;font-weight:900;line-height:1}.qiraatQuizScoreRing span{font-size:15px;font-weight:800;color:var(--muted)}.qiraatQuizResultText{margin:0;font-size:18px;font-weight:800;color:var(--ink)}.qiraatQuizActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.qiraatQuizEmpty{text-align:center;color:var(--muted);font-weight:700}@media (max-width:620px){.qiraatTrigger{flex:0 0 auto;min-height:40px;font-size:14px}.qiraatModalBackdrop{padding:0}.qiraatModal{width:100%;height:100%;max-height:100%;border-radius:0;border:0}.qiraatModalBody{padding:14px 12px 22px}.qariRawis{grid-template-columns:minmax(0,1fr)}.qariCardHead{gap:10px}.symbolGrid{grid-template-columns:minmax(0,1fr)}.symbolTable{font-size:13px}.symbolTable tbody td,.symbolTable thead th{padding:8px}.symMembers{font-size:12.5px}.qiraatChart{min-height:70vh}.qiraatModalHead{flex-wrap:wrap;padding:14px 14px 12px}.qiraatModalHeadActions{order:3;width:100%;justify-content:space-between}.qiraatQuizTrigger{flex:1 1 auto;justify-content:center}.qiraatQuizBackdrop{padding:0}.qiraatQuizModal{width:100%;height:100%;max-height:100%;border-radius:0}.qiraatQuizPrompt{font-size:16.5px}.qiraatQuizChoice{font-size:15px;padding:12px 14px}}.explainOverlay{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:12px;background:rgba(16,24,40,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.explainModal{width:min(820px,100%);max-height:min(94vh,960px);display:flex;flex-direction:column;border-radius:16px;background:var(--surface);box-shadow:0 30px 80px rgba(16,24,40,.35);overflow:hidden}.explainHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.explainHeader small{display:block;color:var(--teal);font-size:12.5px;font-weight:800;margin-bottom:4px}.explainHeader h2{color:var(--accent-strong);font-size:clamp(17px,2.4vw,21px);font-weight:900;line-height:1.45}.explainHeader button{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--muted)}.explainHeader button:focus-visible,.explainHeader button:hover{outline:0;color:var(--accent);border-color:rgba(139,45,45,.4)}.explainMeta{display:flex;justify-content:space-between;gap:10px;padding:8px 18px;color:var(--muted);font-size:13px;font-weight:700;border-bottom:1px solid var(--line);background:var(--surface-muted)}.explainBody{flex:1 1;overflow:auto;padding:12px 14px;background:#f3f1ea}.explainPage{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px rgba(24,34,47,.12);background:#fff}.explainFooter{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}.explainNavBtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid rgba(139,45,45,.28);border-radius:10px;background:#fbf1f1;color:var(--accent);font-size:14px;font-weight:800}.explainNavBtn:focus-visible:not(:disabled),.explainNavBtn:hover:not(:disabled){outline:0;background:var(--accent);color:#fff}.explainNavBtn:disabled{opacity:.4;cursor:not-allowed}.explainCompleteBtn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid rgba(28,113,78,.28);border-radius:10px;background:#edf8f1;color:#16623f;font-size:14px;font-weight:850;white-space:nowrap}.explainCompleteBtn:focus-visible:not(:disabled),.explainCompleteBtn:hover:not(:disabled){outline:0;background:#16623f;color:#fff}.explainCompleteBtn:disabled{opacity:.72;cursor:default}@media (max-width:640px){.explainOverlay{padding:0;place-items:stretch}.explainModal{width:100%;max-height:100vh;border-radius:0}.explainHeader h2{font-size:16.5px}.explainBody{padding:8px}.explainCompleteBtn,.explainNavBtn{flex:1 1;justify-content:center}}.madhishTheme{--madhish-accent:#7c3a12;--madhish-accent-soft:#f6ede4;--madhish-gold:#a8761f;--madhish-ok:#0f766e;--madhish-bad:#b03434}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.madhishShell{padding-bottom:96px}.madhishHero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:28px;gap:28px;align-items:center;padding:26px 0 22px}.madhishBack{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600;margin-bottom:6px}.madhishBack:focus-visible,.madhishBack:hover{color:var(--madhish-accent)}.madhishHeroText h1{margin:6px 0 10px;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.3px}.madhishHeroText .lead{max-width:62ch}.madhishMastery{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow)}.madhishMasteryRing{display:flex;flex-direction:column;align-items:center;justify-content:center;width:116px;height:116px;flex:none;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 63%,transparent 64%),conic-gradient(var(--madhish-gold) calc(var(--pct, 0) * 1%),var(--madhish-accent-soft) 0)}.madhishMasteryRing[data-done=true]{background:radial-gradient(circle at center,var(--surface) 63%,transparent 64%),conic-gradient(var(--madhish-ok) 100%,var(--madhish-ok) 0)}.madhishMasteryValue{font-size:25px;font-weight:800;color:var(--madhish-accent);line-height:1}.madhishMasteryValue small{font-size:13px;font-weight:700;-webkit-margin-start:2px;margin-inline-start:2px}.madhishMasteryLabel{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:4px}.madhishMasteryMeta{display:flex;flex-direction:column;gap:7px;min-width:210px}.madhishMasteryMeta p{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;color:var(--ink)}.madhishMasteryMeta svg{color:var(--madhish-gold);flex:none}.madhishDue span{font-weight:700}.madhishDue span,.madhishDue svg{color:var(--madhish-bad)}.madhishReset{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;padding:7px 14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;transition:all .15s ease}.madhishReset:focus-visible:not(:disabled),.madhishReset:hover:not(:disabled){border-color:var(--madhish-bad);color:var(--madhish-bad);background:#fdf3f3}.madhishReset:disabled{opacity:.45;cursor:not-allowed}.madhishCongrats{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:22px;border-radius:14px;background:var(--teal-soft);border:1px solid #9fd4cd;color:#0b5c56}.madhishCongrats svg{flex:none;margin-top:2px}.madhishCongrats div{display:flex;flex-direction:column;gap:3px}.madhishCongrats span{font-size:13.5px}.madhishStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-bottom:34px}.madhishStat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.madhishStat svg{color:var(--madhish-gold);margin-bottom:3px}.madhishStat strong{font-size:21px;font-weight:800;color:var(--madhish-accent)}.madhishStat span{font-size:12.5px;color:var(--muted);font-weight:600}.madhishSection{margin-bottom:40px}.madhishSectionHead{margin-bottom:18px}.madhishSectionHead h2{margin:0 0 6px;font-size:21px;font-weight:800}.madhishSectionHead p{margin:0;color:var(--muted);font-size:14px;max-width:74ch}.madhishUnlockTools{display:flex;justify-content:flex-end;margin:-4px 0 14px}.madhishUnlockToggle{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px dashed var(--madhish-gold);border-radius:10px;background:var(--madhish-accent-soft);color:var(--madhish-accent);font-size:13px;font-weight:700;cursor:pointer}.madhishUnlockToggle input{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.madhishUnlockSwitch{position:relative;width:42px;height:24px;flex:none;border-radius:999px;background:var(--line);transition:background .15s ease}.madhishUnlockSwitch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px rgba(15,23,42,.2);transition:transform .15s ease}.madhishUnlockToggle input:checked+.madhishUnlockSwitch{background:var(--madhish-accent)}.madhishUnlockToggle input:checked+.madhishUnlockSwitch:after{transform:translateX(-18px)}.madhishUnlockToggle:focus-within{outline:3px solid rgba(143,92,36,.22);outline-offset:2px}.madhishLevels{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:14px;gap:14px;list-style:none;margin:0;padding:0}.madhishLevel{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease}.madhishLevel:hover{border-color:var(--madhish-gold);box-shadow:0 10px 26px rgba(124,58,18,.08)}.madhishLevel.isLocked{opacity:.55;background:var(--surface-muted)}.madhishLevel.isLocked:hover{border-color:var(--line);box-shadow:none}.madhishLevelTop{display:flex;align-items:flex-start;gap:12px}.madhishLevelNo{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--madhish-accent-soft);color:var(--madhish-accent);font-weight:800;font-size:16px}.madhishLevelTitle{flex:1 1;min-width:0}.madhishLevelTitle h3{margin:0 0 3px;font-size:16px;font-weight:700}.madhishLevelTitle p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.55}.madhishLock{color:var(--muted);flex:none}.madhishLevelBar{height:6px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.madhishLevelBar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--madhish-gold),var(--madhish-accent));transition:width .3s ease}.madhishLevelManual li.isActive{border-color:var(--madhish-gold);box-shadow:0 8px 22px rgba(124,58,18,.08)}.madhishManualNo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--madhish-accent-soft);color:var(--madhish-accent);font-size:15px;font-weight:900}.madhishGuideNav{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:800}.madhishGuideNav.isPrimary{border-color:var(--madhish-accent);background:var(--madhish-accent);color:#fff}.madhishGuideNav:disabled{cursor:not-allowed;opacity:.45}.madhishLevelGuide{display:grid;grid-gap:8px;gap:8px;padding:10px 12px;-webkit-border-start:3px solid var(--madhish-gold);border-inline-start:3px solid var(--madhish-gold);border-radius:0 8px 8px 0;background:var(--surface-muted)}.madhishLevelGuide span{color:var(--madhish-accent);font-size:12px;font-weight:800}.madhishLevelGuide p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.65}.madhishLevelGuide dl{display:grid;grid-gap:6px;gap:6px;margin:0}.madhishLevelGuide dl div{display:grid;grid-template-columns:76px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start}.madhishLevelGuide dt{color:var(--madhish-accent);font-size:11.5px;font-weight:800}.madhishLevelGuide dd{margin:0;color:var(--text);font-size:12.5px;line-height:1.6}.madhishLevelFoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.madhishLevelBest,.madhishLevelCount{font-size:12px;color:var(--muted);font-weight:600}.madhishLevelBest{color:var(--madhish-ok)}.madhishStart{display:inline-flex;align-items:center;gap:5px;-webkit-margin-start:auto;margin-inline-start:auto;padding:8px 15px;border:0;border-radius:10px;background:var(--madhish-accent);color:#fff;font-size:13px;font-weight:700;transition:background .15s ease}.madhishStart:focus-visible:not(:disabled),.madhishStart:hover:not(:disabled){background:#5e2b0d}.madhishStart:disabled{opacity:.45;cursor:not-allowed}.madhishGhost{padding:8px 15px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.madhishGhost:focus-visible,.madhishGhost:hover{border-color:var(--muted);color:var(--ink)}.madhishDanger{padding:8px 15px;border:0;border-radius:10px;background:var(--madhish-bad);color:#fff;font-size:13px;font-weight:700}.madhishDanger:focus-visible,.madhishDanger:hover{background:#8f2828}.madhishSearch{display:flex;align-items:center;gap:9px;padding:10px 14px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:340px}.madhishSearch svg{color:var(--muted);flex:none}.madhishSearch input{flex:1 1;min-width:0;min-height:40px;border:0;outline:none;background:transparent;font-size:16px;color:var(--ink)}.madhishSurahGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px}.madhishSurahCard{display:flex;align-items:center;gap:9px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:start;transition:all .15s ease}.madhishSurahCard:focus-visible,.madhishSurahCard:hover{border-color:var(--madhish-gold);background:var(--madhish-accent-soft)}.madhishSurahNo{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:var(--surface-muted);color:var(--muted);font-size:12px;font-weight:700}.madhishSurahName{flex:1 1;min-width:0;font-size:14px;font-weight:700;color:var(--ink)}.madhishSurahCount{font-size:11.5px;color:var(--muted);font-weight:600;flex:none}.madhishOverlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(16,22,32,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.madhishBrowse,.madhishQuiz{display:flex;flex-direction:column;width:min(780px,100%);max-height:min(88vh,900px);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(16,22,32,.3)}.madhishBrowseHead,.madhishQuizHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--madhish-accent-soft);flex:none}.madhishBrowseHead small,.madhishQuizHead small{display:block;font-size:11.5px;color:var(--madhish-accent);font-weight:700;margin-bottom:2px}.madhishBrowseHead h2,.madhishQuizHead h2{margin:0;font-size:18px;font-weight:800}.madhishBrowseHead button,.madhishQuizHead button{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}.madhishBrowseHead button:hover,.madhishQuizHead button:hover{color:var(--madhish-bad);border-color:var(--madhish-bad)}.madhishBrowseBody{padding:18px 20px 24px;overflow-y:auto}.madhishGroup{margin-bottom:26px}.madhishGroup h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--madhish-accent-soft);font-size:15px;font-weight:800;color:var(--madhish-accent)}.madhishGroup h3 small{font-size:11.5px;color:var(--muted);font-weight:600}.madhishEntry{margin-bottom:9px;background:var(--surface-muted);border-radius:12px;border:1px solid var(--line);overflow:hidden}.madhishEntry[data-open]{border-color:var(--madhish-gold);background:var(--surface)}.madhishEntryToggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;border:0;text-align:start;cursor:pointer}.madhishEntryToggle:focus-visible .madhishEntryTitle,.madhishEntryToggle:hover .madhishEntryTitle{color:var(--madhish-accent)}.madhishEntryChevron{flex:none;color:var(--madhish-gold);transition:transform .18s ease}.madhishEntry[data-open] .madhishEntryChevron{transform:rotate(-90deg)}.madhishEntryTitle{flex:1 1;min-width:0;font-size:13.5px;font-weight:700;line-height:1.8;color:var(--ink)}.madhishEntryCount{flex:none;padding:3px 9px;border-radius:999px;background:var(--madhish-accent-soft);color:var(--madhish-accent);font-size:11px;font-weight:700;white-space:nowrap}.madhishEntryBody{padding:0 14px 13px}.madhishVerses{list-style:none;margin:0 0 10px;padding:0;gap:8px}.madhishVerses,.madhishVerses li{display:flex;flex-direction:column}.madhishVerses li{gap:3px;padding:9px 12px;background:var(--surface);border-radius:9px;-webkit-border-start:3px solid var(--madhish-gold);border-inline-start:3px solid var(--madhish-gold)}.madhishVerseText{font-size:15px;line-height:1.95;color:var(--ink)}.madhishVerseRef{font-size:11.5px;color:var(--madhish-accent);font-weight:700}.madhishVerses li[data-match]{border-inline-start-color:var(--madhish-accent);background:var(--madhish-accent-soft)}.madhishSearch.isWide{max-width:100%}.madhishSearchClear{display:grid;place-items:center;width:26px;height:26px;flex:none;border:0;border-radius:999px;background:var(--surface-muted);color:var(--muted)}.madhishSearchClear:focus-visible,.madhishSearchClear:hover{color:var(--madhish-bad)}.madhishHits{display:flex;flex-direction:column;gap:10px}.madhishHitsCount{margin:0;font-size:12.5px;font-weight:700;color:var(--muted)}.madhishHitsBar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.madhishUniqueToggle{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.madhishUniqueToggle:hover{border-color:var(--madhish-gold);color:var(--ink)}.madhishUniqueToggle input{accent-color:var(--madhish-gold);cursor:pointer}.madhishUniqueLead{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--ink)}.madhishUniquePlaces{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;counter-reset:madhish-place}.madhishUniquePlaces li{display:flex;align-items:baseline;gap:10px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;counter-increment:madhish-place}.madhishUniquePlaces li:before{content:counter(madhish-place);flex:none;min-width:22px;font-size:11.5px;font-weight:800;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.madhishUniqueRef{flex:none;font-size:12.5px;font-weight:800;color:var(--madhish-gold)}.madhishUniqueText{font-size:15px;line-height:1.9;color:var(--ink)}@media (max-width:640px){.madhishUniquePlaces li{flex-wrap:wrap;gap:4px 10px}.madhishUniqueText{flex-basis:100%}}.madhishHit{padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.madhishHitMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px;font-size:11.5px;color:var(--muted);font-weight:600}.madhishHitSurah{padding:3px 10px;border-radius:999px;background:var(--madhish-accent-soft);color:var(--madhish-accent);font-weight:800}.madhishHitOpen{display:inline-flex;align-items:center;gap:4px;-webkit-margin-start:auto;margin-inline-start:auto;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--madhish-accent);font-size:11.5px;font-weight:700}.madhishHitOpen:focus-visible,.madhishHitOpen:hover{border-color:var(--madhish-gold);background:var(--madhish-accent-soft)}.madhishHit .madhishEntry{margin-bottom:0;border:0}.madhishHit .madhishEntry,.madhishHit .madhishEntry[data-open]{background:var(--surface-muted)}.madhishBrowseTools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 20px;border-bottom:1px solid var(--line);color:var(--muted);flex:none}.madhishBrowseTools,.madhishBrowseTools button{background:var(--surface);font-size:12px;font-weight:700}.madhishBrowseTools button{padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--madhish-accent)}.madhishBrowseTools button:focus-visible,.madhishBrowseTools button:hover{border-color:var(--madhish-gold);background:var(--madhish-accent-soft)}.madhishDabt{margin:0;font-size:13.5px;line-height:1.85;color:var(--ink)}.madhishDabt strong{color:var(--madhish-accent)}.madhishTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.madhishTags span{padding:3px 9px;border-radius:999px;background:var(--madhish-accent-soft);color:var(--madhish-accent);font-size:11px;font-weight:700}.madhishQuizBar{height:4px;background:var(--surface-muted);flex:none}.madhishQuizBar span{display:block;height:100%;background:var(--madhish-gold);transition:width .25s ease}.madhishQuizBody{padding:20px;overflow-y:auto;flex:1 1}.madhishQuizType{display:inline-block;padding:3px 10px;margin-bottom:12px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:11.5px;font-weight:700}.madhishPrompt{margin:0 0 18px;font-size:17px;line-height:2.05;white-space:pre-wrap;color:var(--ink)}.madhishChoices{display:flex;flex-direction:column;gap:9px}.madhishChoice{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);text-align:start;font-size:15px;line-height:1.8;color:var(--ink);transition:all .15s ease}.madhishChoice:focus-visible:not(:disabled),.madhishChoice:hover:not(:disabled){border-color:var(--madhish-gold);background:var(--madhish-accent-soft)}.madhishChoice.isPicked{border-color:var(--madhish-gold);background:var(--madhish-accent-soft)}.madhishChoice.isPicked .madhishChoiceMark{background:var(--madhish-gold);color:#fff}.madhishChoice.isAnswer{border-color:var(--madhish-ok);background:var(--teal-soft)}.madhishChoice.isWrong{border-color:var(--madhish-bad);background:#fdf1f1}.madhishChoice:disabled{cursor:default}.madhishChoiceMark{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:var(--surface-muted);color:var(--muted);font-size:13px;font-weight:800}.madhishChoice.isAnswer .madhishChoiceMark{background:var(--madhish-ok);color:#fff}.madhishChoice.isWrong .madhishChoiceMark{background:var(--madhish-bad);color:#fff}.madhishTextAnswer{display:flex;flex-direction:column;gap:10px}.madhishTextAnswer label{font-size:13px;font-weight:800;color:var(--muted)}.madhishTextAnswer input{width:100%;min-height:52px;padding:12px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;line-height:1.6}.madhishTextAnswer input:focus{outline:none;border-color:var(--madhish-gold);box-shadow:0 0 0 3px var(--madhish-accent-soft)}.madhishTextAnswer input:disabled{cursor:default;background:var(--surface-muted)}.madhishTextAnswer p{margin:0;color:var(--muted);font-size:13px;font-weight:700}.madhishWordCount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.madhishExplain{margin-top:16px;padding:14px 16px;border-radius:12px;-webkit-border-start:4px solid var(--madhish-ok);border-inline-start:4px solid var(--madhish-ok);background:var(--teal-soft)}.madhishExplain.isWrong{border-inline-start-color:var(--madhish-bad);background:#fdf1f1}.madhishExplain.isPartial{border-inline-start-color:#d97706;background:#fffbeb}.madhishExplain strong{display:block;margin-bottom:6px;font-size:14px;color:#0b5c56}.madhishExplain.isWrong strong{color:#8f2828}.madhishExplain.isPartial strong,.madhishExplainScore{color:#92400e}.madhishExplain p{margin:0 0 6px;font-size:14px;line-height:1.9;white-space:pre-wrap;color:var(--ink)}.madhishExplain small{font-size:11.5px;color:var(--muted);font-weight:600}.madhishQuizFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-muted);flex:none}.madhishQuizFoot>span{font-size:13px;font-weight:700;color:var(--muted)}.madhishResult{padding:34px 24px;text-align:center;overflow-y:auto}.madhishResultScore strong{display:block;font-size:46px;font-weight:800;color:var(--madhish-accent);line-height:1.1}.madhishResultScore span{display:block;margin-top:4px;font-size:14px;color:var(--muted);font-weight:600}.madhishResultNote{margin:18px auto 24px;max-width:46ch;font-size:14px;line-height:1.9;color:var(--ink)}.madhishResultActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.madhishConfirm{width:min(440px,100%);padding:26px;background:var(--surface);border-radius:18px;text-align:center;box-shadow:0 30px 70px rgba(16,22,32,.3)}.madhishConfirm h2{margin:0 0 10px;font-size:20px;font-weight:800}.madhishConfirm p{margin:0 0 22px;font-size:14px;line-height:1.9;color:var(--muted)}@media (max-width:860px){.madhishHero{grid-template-columns:1fr;gap:20px}.madhishMastery{justify-content:flex-start}}.madhishSourceBook{display:flex;align-items:flex-start;gap:9px;margin:14px 0 0;padding:11px 14px;border:1px solid var(--line);-webkit-border-start:3px solid var(--madhish-gold);border-inline-start:3px solid var(--madhish-gold);border-radius:10px;background:var(--madhish-accent-soft);font-size:13px;line-height:1.75;color:var(--ink)}.madhishSourceBook svg{flex:none;margin-top:4px;color:var(--madhish-accent)}.madhishSourceBook strong{font-weight:700;color:var(--madhish-accent)}.madhishCustomBar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.madhishCustomSummary{font-size:13px;font-weight:600;color:var(--muted)}.madhishPicker{display:flex;flex-direction:column;width:min(720px,100%);max-height:min(86vh,780px);background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.madhishPickerTools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px 0;flex:none}.madhishPickerTools .madhishSearch{margin-bottom:0;flex:1 1;min-width:200px}.madhishPickerActions{display:flex;gap:8px;flex-wrap:wrap}.madhishPickerActions button{padding:8px 12px;font-size:12.5px}.madhishPickerBody{padding:14px 20px;overflow-y:auto;flex:1 1;min-height:0}.madhishPickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.madhishPickerItem{position:relative;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.madhishPickerItem:focus-within,.madhishPickerItem:hover{border-color:var(--madhish-gold);background:var(--madhish-accent-soft)}.madhishPickerItem[data-checked]{border-color:var(--madhish-accent);background:var(--madhish-accent-soft)}.madhishPickerItem input{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.madhishPickerMark{display:grid;place-items:center;width:19px;height:19px;flex:none;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);color:#fff}.madhishPickerItem[data-checked] .madhishPickerMark{border-color:var(--madhish-accent);background:var(--madhish-accent)}.madhishPickerName{flex:1 1;min-width:0;font-size:13.5px;font-weight:700;color:var(--ink)}.madhishPickerCount{flex:none;font-size:11.5px;font-weight:700;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.madhishPickerFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-muted);flex:none}.madhishPickerStatus{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted);font-weight:600}.madhishPickerStatus strong{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.madhishPickerError{color:var(--madhish-bad);font-weight:700}.madhishExplainAnswer{font-size:13.5px}.madhishExplainAnswer strong{display:inline;margin:0;font-size:inherit;color:inherit}.madhishTextAnswers{margin-top:10px}.madhishTextAnswers h4{margin:0 0 7px;font-size:12px;font-weight:800;color:var(--muted)}.madhishTextAnswers ol{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}.madhishTextAnswers li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px 10px;gap:6px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.madhishTextAnswers li[data-given]{border-color:var(--madhish-ok);background:var(--teal-soft)}.madhishTextAnswerValue{min-width:0;font-size:14px;font-weight:800;line-height:1.8;color:var(--ink)}.madhishTextAnswerRefs{display:flex;gap:5px;flex-wrap:wrap;grid-column:1/-1}.madhishGivenBadge,.madhishTextAnswerRefs span{display:inline-flex;align-items:center;width:max-content;padding:2px 8px;border-radius:999px;background:var(--surface-muted);font-size:11.5px;font-weight:800;color:var(--muted)}.madhishGivenBadge{background:var(--madhish-ok);color:#fff}.madhishPlaces{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.madhishPlaces h4{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:12px;font-weight:700;color:var(--muted)}.madhishPlaces ol{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;counter-reset:madhish-place}.madhishPlaces li{position:relative;padding:9px 12px;-webkit-padding-start:34px;padding-inline-start:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface);counter-increment:madhish-place}.madhishPlaces li[data-answer]{border-color:var(--madhish-ok);background:var(--teal-soft)}.madhishPlaces li:before{content:counter(madhish-place);position:absolute;inset-inline-start:9px;top:9px;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--surface-muted);color:var(--muted);font-size:11px;font-weight:700}.madhishPlaces li[data-answer]:before{background:var(--madhish-ok);color:#fff}.madhishPlaceText{display:block;font-size:14.5px;line-height:1.95;color:var(--ink)}.madhishPlaceRef{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:999px;background:var(--surface-muted);font-size:11.5px;font-weight:700;color:var(--muted)}.madhishPlaces li[data-answer] .madhishPlaceRef{background:var(--madhish-ok);color:#fff}.madhishReview{margin-top:20px;text-align:start}.madhishReview h3{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--ink)}.madhishReviewList{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.madhishReviewList>li{padding:14px 16px;border:1px solid var(--line);-webkit-border-start:4px solid var(--madhish-bad);border-inline-start:4px solid var(--madhish-bad);border-radius:12px;background:var(--surface)}.madhishReviewList>li[data-correct]{border-inline-start-color:var(--madhish-ok)}.madhishReviewList>li[data-partial]{border-inline-start-color:#d97706}.madhishReviewHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.madhishReviewMark{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:6px;background:var(--madhish-bad);color:#fff}.madhishReviewList>li[data-correct] .madhishReviewMark{background:var(--madhish-ok)}.madhishReviewList>li[data-partial] .madhishReviewMark{background:#d97706;font-size:10px;font-weight:900}.madhishReviewType{padding:2px 9px;border-radius:999px;background:var(--surface-muted);font-size:11.5px;font-weight:700;color:var(--muted)}.madhishReviewHead small{-webkit-margin-start:auto;margin-inline-start:auto;font-size:11px;font-weight:600;color:var(--muted)}.madhishReviewPrompt{margin:0 0 8px;font-size:14px;line-height:1.85;white-space:pre-wrap;color:var(--ink)}.madhishReviewAnswers{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 7px;font-size:13px;color:var(--muted)}.madhishReviewAnswers strong{color:var(--ink)}.madhishReviewRight strong{color:var(--madhish-ok)}.madhishReviewPartial{color:#92400e;font-weight:800}.madhishReviewExplain{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}@media (max-width:560px){.madhishMastery{flex-direction:column;align-items:stretch;text-align:center}.madhishMasteryRing{margin:0 auto}.madhishMasteryMeta{min-width:0}.madhishMasteryMeta p{justify-content:center}.madhishLevels,.madhishSurahGrid{grid-template-columns:1fr}.madhishOverlay{padding:0}.madhishBrowse,.madhishPicker,.madhishQuiz{width:100%;max-height:100vh;border-radius:0}.madhishPrompt{font-size:15.5px}.madhishPickerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.madhishCustomBar,.madhishPickerFoot{flex-direction:column;align-items:stretch}.madhishPickerFoot .madhishStart{justify-content:center}}.madhishLoading{padding:30px 0;text-align:center;color:var(--muted);font-size:14px;font-weight:600}.qiraatChartLoading{padding:32px 16px;text-align:center;color:var(--muted,#667);font-weight:600}@media (pointer:coarse){.collapseToggle,.explainButton,.explainQuizButton,.loopToggle,.memorizeButton,.mobileOptionsButton,.mobileSearchButton,.playerControls button,.quizButton,.selectBabButton,.selectionTools button,.titleSpeakButton{min-height:40px}.collapseToggle,.memorizeButton,.mobileOptionsButton,.mobileSearchButton,.titleSpeakButton{min-width:40px}.verseActions button{width:40px;height:40px}.contentTools button,.playerSettings input[type=range],.playerSettings select{min-height:40px}.searchBox input{min-height:40px;font-size:17px}.searchScopeToggle input[type=checkbox],.selectTitle input[type=checkbox],.selectVerse input[type=checkbox]{width:22px;height:22px}.searchScopeToggle{min-height:40px}}@media (max-height:500px) and (orientation:landscape){.madhishBrowse,.madhishPicker,.madhishQuiz{max-height:100vh;border-radius:0}.madhishOverlay{padding:0}.hero,.madhishHero{padding-top:12px;padding-bottom:12px}.madhishMasteryRing{width:92px;height:92px}.brandMark{font-size:56px}}:root{--mushaf-bg:#f3efe6;--mushaf-chrome:rgba(255,255,255,0.94)}.mushaf{background:var(--mushaf-bg);display:flex;flex-direction:column;height:100dvh;overflow:hidden;--mushaf-arrow-lane:48px}.mushafBar{align-items:stretch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--mushaf-chrome);border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px 8px}.mushafPicker{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;color:var(--ink);cursor:pointer;display:flex;flex:1 1;gap:8px;min-height:44px;min-width:0;padding:6px 12px;text-align:right}.mushafPicker.isOpen,.mushafPicker:hover{border-color:var(--teal)}.mushafPicker.isOpen{background:var(--teal-soft);color:var(--teal)}.mushafPicker svg{color:var(--teal);flex:0 0 auto}.mushafPicker.isOpen svg{color:inherit}.mushafPickerText{display:flex;flex-direction:column;min-width:0}.mushafPickerLabel{color:var(--muted);font-size:11px;line-height:1.3}.mushafPicker.isOpen .mushafPickerLabel{color:inherit;opacity:.75}.mushafPickerValue{font-size:14px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mushafIconButton{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;color:var(--ink);cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:44px;width:46px}.mushafIconButton.isOn,.mushafIconButton:hover{border-color:var(--teal)}.mushafIconButton.isOn{background:var(--teal-soft);color:var(--teal)}.mushafBar .moduleNavPin{background:var(--surface-muted);border-radius:12px;justify-content:center;min-height:44px;padding:0;width:46px}.mushafBar .moduleNavPin span{display:none}.mushafPanelHead .mushafIconButton{background:transparent;border-color:transparent;width:40px}.mushafStage{align-items:center;display:flex;flex:1 1 auto;gap:8px;justify-content:center;min-height:0;padding:10px calc(var(--mushaf-arrow-lane) + 10px);position:relative}.mushafStage,.mushafStage .mushafImage,.mushafStage .mushafPages,.mushafStage .mushafSheet,.mushafStage .mushafViewport{touch-action:none}.mushafArrow{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 4px 14px rgba(24,34,47,.1);color:var(--accent);cursor:pointer;display:flex;height:var(--mushaf-arrow-lane);justify-content:center;position:absolute;z-index:1;width:var(--mushaf-arrow-lane)}.mushafArrow.isPrev{inset-inline-start:10px}.mushafArrow.isNext{inset-inline-end:10px}@media (min-width:1500px){.mushafArrow.isPrev{inset-inline-start:max(10px,calc(50% - 560px))}.mushafArrow.isNext{inset-inline-end:max(10px,calc(50% - 560px))}}.mushafArrow:hover:not(:disabled){background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.mushafArrow:disabled{cursor:default;opacity:.3}.mushafFoot{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--mushaf-chrome);border-top:1px solid var(--line);flex:0 0 auto;padding:6px 12px max(6px,env(safe-area-inset-bottom));position:relative;z-index:1}.mushafLegend{align-items:center;background:transparent;display:flex;flex-wrap:wrap;gap:2px 10px;justify-content:center;margin-bottom:4px;max-width:100%;overflow:hidden}.mushafLegendItem{align-items:center;color:var(--muted);display:inline-flex;font-size:10px;gap:4px;line-height:1.5;min-width:0;white-space:nowrap}.mushafLegendDot{border-radius:50%;flex:0 0 auto;height:7px;width:7px}.mushafLegendDot.isHollow{background:transparent;border:1.5px solid}.mushafPager{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:720px}.mushafPagerStep{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer;display:none;height:36px;justify-content:center;width:36px}.mushafPagerStep:disabled{cursor:default;opacity:.35}.mushafSlider{direction:rtl;flex:1 1;min-width:0}.mushafPagerCount{color:var(--muted);flex:0 0 auto;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mushafSheetOverlay{align-items:flex-start;background:rgba(24,34,47,.45);display:flex;inset:0;justify-content:center;padding:6vh 14px 14px;position:fixed;z-index:40}.mushafPanel{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:80dvh;max-width:620px;overflow:hidden;width:100%}.mushafPanelHead{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 14px}.mushafPanelHead h2{color:var(--accent-strong);font-size:17px;margin:0}.mushafPanelBody{overflow-y:auto;padding:14px}.mushafPanelInput{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:16px;margin-bottom:12px;min-height:44px;padding:10px 12px;width:100%}.mushafNote{color:var(--muted);font-size:13px;margin:8px 0 0}.mushafHit{background:transparent;border:0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px;text-align:right;width:100%}.mushafHit:hover{background:var(--surface-muted)}.mushafHitText{color:var(--ink);font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif;font-size:19px;line-height:1.9}.mushafHitMeta{color:var(--teal);font-size:13px}.mushafRawiRow{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:7px 0}.mushafRawiRow:last-child{border-bottom:0}.mushafRawiQari{color:var(--muted);flex:0 0 84px;font-size:13px;font-weight:700}.mushafRawiPair{display:flex;flex:1 1;gap:6px}.mushafRawiButton{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;flex:1 1;min-height:40px;padding:8px 6px}.mushafRawiButton:hover{border-color:var(--teal)}.mushafRawiButton.isActive,.mushafSurahButton.isActive{background:var(--teal-soft);border-color:var(--teal);color:var(--teal);font-weight:700}.mushafSurahGrid{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mushafSurahButton{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;gap:8px;min-height:40px;padding:8px 10px;text-align:right}.mushafSurahButton:hover{border-color:var(--teal)}.mushafSurahNo{color:var(--muted);flex:0 0 auto;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:22px}.mushafSurahName{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mushafSurahPage{color:var(--muted);flex:0 0 auto;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:780px){.mushafArrow{display:none}.mushafPagerStep{display:inline-flex}.mushafPanel{max-height:86dvh}.mushafSheetOverlay{padding:4vh 10px 10px}.mushafRawiQari{flex-basis:66px;font-size:12px}}@media (max-width:420px){.mushafPickerLabel{display:none}.mushafBar{gap:6px}.mushafBar,.mushafPicker{padding-inline:8px}.mushafPicker .mushafPickerValue{font-size:9px}}.mushafBack{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--accent);display:inline-flex;flex:0 0 auto;gap:6px;justify-content:center;min-height:44px;padding:6px 12px;text-decoration:none;white-space:nowrap}.mushafBack:focus-visible,.mushafBack:hover{border-color:var(--teal);color:var(--teal)}.mushafBack span{font-size:13px;font-weight:800}@media (max-width:420px){.mushafBack{padding:6px;width:44px}.mushafBack span{display:none}}@media (max-width:780px){.madhishManualNo{width:30px;height:30px}}.madhishSourceManual{display:grid;grid-gap:12px;gap:12px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.madhishSourceManualHead{display:grid;grid-gap:4px;gap:4px}.madhishSourceManualHead>div{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.madhishSourceManualHead strong{color:var(--madhish-accent);font-size:16px}.madhishSourceDoneCount{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:12px;font-weight:800}.madhishSourceManualHead span{color:var(--muted);font-size:13px;line-height:1.7}.madhishSourceManualHead .madhishSourceDoneCount{color:var(--teal);line-height:1.2}.madhishSourceManual ol{display:grid;grid-gap:8px;gap:8px;list-style:none;margin:0;padding:0}.madhishSourceManual li{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.madhishSourceManual li[data-complete]{border-color:rgba(14,116,107,.32);background:var(--teal-soft)}.madhishSourceLevelText{min-width:0}.madhishSourceLevelText h3{margin:0 0 3px;color:var(--text);font-size:14px}.madhishSourceLevelText p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.madhishSourceLevelCount{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.madhishSourceExplainButton{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:7px 12px;border:0;border-radius:8px;background:var(--madhish-accent);color:#fff;cursor:pointer;font-size:12.5px;font-weight:800;white-space:nowrap}.madhishSourceExplainButton:focus-visible,.madhishSourceExplainButton:hover{background:#5e2b0d}.madhishSourceCompleteBadge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--surface);color:var(--teal);font-size:12px;font-weight:900;white-space:nowrap}.madhishLevels{grid-template-columns:1fr;gap:9px}.madhishLevel{gap:8px;padding:11px 13px;border-radius:8px}.madhishLevelTop{align-items:center}.madhishLevelNo{width:30px;height:30px;border-radius:8px;font-size:14px}.madhishLevelTitle h3{margin-bottom:1px;font-size:14px}.madhishLevelTitle p{font-size:12px;line-height:1.45}.madhishLevelGuide{display:none}.madhishLevelFoot{gap:8px}.madhishLevelFoot .madhishStart{min-height:34px;padding:7px 12px}.madhishExplanationModal{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(760px,92dvh);overflow:hidden;border-radius:16px;background:var(--surface);box-shadow:0 30px 70px rgba(16,22,32,.3)}.madhishExplanationMeta{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface-muted);color:var(--muted);font-size:12px;font-weight:700}.madhishExplanationBody{display:grid;grid-gap:14px;gap:14px;padding:16px;overflow-y:auto}.madhishExplanationBody section{display:grid;grid-gap:8px;gap:8px}.madhishExplanationBody h3{margin:0;color:var(--madhish-accent);font-size:14px}.madhishExplanationBody p{margin:0;color:var(--text);font-size:14px;line-height:1.9}.madhishSourceDabt{padding:12px 14px;-webkit-border-start:3px solid var(--madhish-gold);border-inline-start:3px solid var(--madhish-gold);border-radius:8px;background:var(--madhish-accent-soft);font-weight:800}.madhishExplanationVerses{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.madhishExplanationVerses li{display:grid;grid-gap:5px;gap:5px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.madhishExplanationVerses span{color:var(--text);font-size:15px;line-height:2}.madhishExplanationVerses small{color:var(--madhish-accent);font-size:12px;font-weight:800}.madhishExplanationFoot{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface-muted)}.madhishExplanationComplete{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:8px 13px;border:0;border-radius:8px;background:var(--teal);color:#fff;cursor:pointer;font-size:13px;font-weight:900}.madhishExplanationComplete:disabled{cursor:default;opacity:.7}@media (max-width:720px){.madhishSourceManual li{grid-template-columns:30px minmax(0,1fr)}.madhishSourceCompleteBadge,.madhishSourceExplainButton,.madhishSourceLevelCount{grid-column:2;justify-self:start}.madhishExplanationFoot{justify-content:stretch}.madhishExplanationFoot .madhishGuideNav{flex:1 1;justify-content:center}.madhishExplanationComplete{width:100%}}.mushafViewport{display:flex;height:100%;justify-content:center;min-width:0;overflow:hidden}.mushafViewport.isZoomed{cursor:-webkit-grab;cursor:grab;justify-content:flex-start;overflow:auto}.mushafPages{display:flex;gap:10px;height:calc(var(--mushaf-zoom, 1) * 100%);justify-content:center;margin:auto;transform:translateX(var(--mushaf-drag,0));transition:transform .22s cubic-bezier(.22,1,.36,1)}.mushafPages.isDragging{transition:none}.mushafPages.isSpread{flex-direction:row-reverse}.mushafSheet{background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(24,34,47,.12);height:100%;position:relative}.mushafImage{display:block;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.mushafSheet.isQcf{aspect-ratio:547/934;container-type:inline-size;height:100%;display:flex;flex-direction:column}.mushafSheet.isQcf .qcfPage{flex:1 1 auto;min-height:0}.qcfMargin{border-top:1px solid rgba(140,110,60,.35);color:#6b5836;display:flex;flex-wrap:wrap;gap:.4em 1.2em;font-size:2.7cqw;line-height:1.7;margin:0 4%;max-height:30%;overflow-y:auto;padding:1.4% 0 2.2%}.qcfMarginItem{display:inline-flex;align-items:baseline;gap:.4em}.qcfMarginAyah{background:rgba(140,110,60,.12);border-radius:.5em;color:#8a5a2b;font-weight:700;padding:0 .45em}.qcfPage{box-sizing:border-box;display:flex;flex-direction:column;height:100%;gap:var(--qcf-line-gap,1.15%);justify-content:flex-start;padding:4.5% 4%;width:100%}.qcfPage.isLoading{visibility:hidden}.qcfLine{font-size:calc(var(--qcf-base-size, 100px) * var(--qcf-page-scale, 1) * var(--qcf-squeeze, 1));line-height:var(--qcf-line-height,1.34);margin:0}.qcfLine.isVerse{text-align:justify;text-align-last:right;white-space:nowrap;transform:scaleX(var(--qcf-line-stretch,1));transform-origin:right center}.qcfLine.isVerse.isWrapped{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.qcfLine.isVerse.isShort,.qcfPage.isCentred .qcfLine.isVerse{text-align:center;text-align-last:center}.qcfPage.isCentred .qcfLine.isVerse{transform:none}.qcfPage.isCentred{justify-content:center;padding-inline:1.5%}.qcfLine.qcfTitle{color:var(--qcf-title-color,#8a5a2b);font-size:calc(var(--qcf-base-size, 100px) * var(--qcf-page-scale, 1) * var(--qcf-squeeze, 1) * var(--qcf-title-size, 1.12));height:auto;line-height:1.25;text-align:center;transform:none;margin-block:calc(var(--qcf-line-gap, 0px) * 1.35) calc(var(--qcf-line-gap, 0px) * -.55)}.qcfLine.isBasmala{color:inherit;font-size:calc(var(--qcf-base-size, 100px) * var(--qcf-page-scale, 1) * var(--qcf-squeeze, 1) * var(--qcf-basmala-size, 1.45));margin-block:0 calc(var(--qcf-line-gap, 0px) * -.55)}.mushafSheet.isLoading{min-height:120px;min-width:80px}.mushafSheetLoading{align-items:center;animation:mushafSheetPulse 1.4s ease-in-out infinite;background:linear-gradient(180deg,var(--surface-muted,#f3f5f7),var(--surface,#fff));border-radius:inherit;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.mushafSheetSpinner{animation:mushafSheetSpin .9s linear infinite;border-radius:999px;border:2px solid var(--line,#dfe4ea);border-top-color:var(--teal,#0f766e);height:26px;width:26px}@keyframes mushafSheetPulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes mushafSheetSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mushafSheetLoading,.mushafSheetSpinner{animation:none}.mushafPages{transition:none}}.mushafSheetNo{background:rgba(255,255,255,.85);border-radius:6px;bottom:6px;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;inset-inline-start:8px;padding:1px 6px;position:absolute}.mushafZoom{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;flex:0 0 auto;gap:2px;padding:2px}.mushafZoom,.mushafZoomStep{align-items:center;display:inline-flex}.mushafZoomStep{background:transparent;border:0;border-radius:8px;color:var(--ink);cursor:pointer;height:30px;justify-content:center;width:30px}.mushafZoomStep:hover:not(:disabled){background:var(--surface);color:var(--teal)}.mushafZoomStep:disabled{cursor:default;opacity:.35}.mushafZoomValue{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);font-family:inherit;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:24px;padding:0;width:44px;text-align:center}.mushafZoomValue:hover{border-color:var(--line)}.mushafZoomValue:focus{background:var(--surface);border-color:var(--teal);color:var(--ink);outline:none}.mushafInfiradatLead{border-bottom:1px solid var(--line);margin:0 0 10px;padding-bottom:10px}.mushafInfirad{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;text-align:right;width:100%}.mushafInfirad:hover{border-color:var(--teal)}.mushafInfiradHead{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.mushafInfiradWhere{color:var(--accent-strong);font-weight:700}.mushafInfiradOwner{background:var(--teal-soft);border-radius:999px;color:var(--teal);font-size:11px;padding:2px 8px}.mushafInfiradPage{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-margin-start:auto;margin-inline-start:auto}.mushafInfiradWords{align-items:center;display:flex;flex-wrap:wrap;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif;font-size:20px;gap:10px;line-height:1.9}.mushafInfiradHafs{color:var(--muted)}.mushafInfiradArrow{color:var(--line)}.mushafInfiradReading{color:var(--ink);font-weight:700}.mushafInfiradNote{color:var(--muted);font-size:13px}@media (max-width:780px){.mushafWideOnly,.mushafZoomValue{display:none}.mushafLegend{gap:1px 8px;margin-bottom:3px}.mushafLegendItem{font-size:9px;gap:3px}.mushafLegendDot{height:6px;width:6px}.mushafStage{padding:0}.mushafViewport{overflow:auto;align-items:flex-start;width:100%}.mushafViewport,.mushafViewport.isZoomed{justify-content:flex-start}.mushafPages{height:auto;margin:0;width:100%}.mushafSheet{border-radius:0;box-shadow:none;flex:0 0 auto;height:auto;width:calc(var(--mushaf-zoom, 1) * 100%)}.mushafImage{height:auto;width:100%}.mushafPickerValue{font-size:9px}.mushafPickerLabel{font-size:8px}.mushafPicker{gap:5px;padding-inline:8px}.mushafPicker svg{width:14px;height:14px}.mushafBack span,.mushafPagerCount{font-size:11px}.mushafPanelHead h2{font-size:14px}.mushafRawiButton,.mushafSurahButton{font-size:11.5px}.mushafRawiQari{font-size:11px}.mushafSurahNo,.mushafSurahPage{font-size:10px}.mushafHitText{font-size:17px}.mushafHitMeta,.mushafInfiradNote,.mushafNote{font-size:12px}.mushafInfiradWhere{font-size:13px}.mushafInfiradOwner,.mushafInfiradPage{font-size:10.5px}.mushafInfiradWords{font-size:18px}}.installBar{position:fixed;z-index:90;inset-inline:14px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));display:flex;align-items:center;gap:12px;max-width:560px;margin-inline:auto;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 60px rgba(16,24,40,.24);animation:installRise .24s ease}@keyframes installRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.installBarIcon{flex:0 0 auto;width:42px;height:42px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--bg);object-fit:contain}.installBarBody{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.installBarBody strong{font-size:14px;color:var(--ink)}.installBarBody span{font-size:12px;color:var(--muted);line-height:1.5}.installButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s ease}.installButton:hover{background:var(--accent-strong)}.installDismiss{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.installDismiss:hover{background:var(--surface-muted);color:var(--ink)}.installGuideBackdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:22px;background:rgba(16,24,40,.56);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:qiraatFade .16s ease}.installGuide{position:relative;width:min(420px,100%);padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 40px 110px rgba(16,24,40,.4)}.installGuide .installDismiss{position:absolute;top:12px;inset-inline-start:12px}.installGuide h2{margin:0 0 8px;font-size:18px;color:var(--accent)}.installGuide p{margin:0;font-size:13.5px;line-height:1.7;color:var(--muted)}.installGuideSteps{margin:16px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:installStep}.installGuideSteps li{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);font-size:13.5px;line-height:1.6;color:var(--ink)}.installGuideSteps li svg{flex:0 0 auto;color:var(--accent)}.installGuideNote{font-size:12.5px}@media (max-width:420px){.installBar{gap:10px;padding:11px 12px}.installBarIcon{width:36px;height:36px;padding:4px}.installBarBody strong{font-size:13px}.installBarBody span{display:none}.installButton{padding:8px 12px;font-size:12.5px}}.collectionTheme{--bg:#f7f6f9;--surface-muted:#efeaf3;--ink:#1f1f2b;--muted:#6b6880;--line:#ddd6e4;--accent:#5b3b8c;--accent-strong:#422a68;--teal:#4a6fa5;--teal-soft:#e6edf7}.collectionSearch{cursor:text}.collectionSearch>svg{pointer-events:none}.collectButton{display:inline-grid;place-items:center;grid-auto-flow:column;gap:6px;min-width:36px;min-height:36px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:var(--accent);cursor:pointer;transition:background .15s ease,border-color .15s ease}.collectButton:focus-visible,.collectButton:hover{outline:0;border-color:rgba(91,59,140,.4);background:#f4effa}.collectButton.isOn{border-color:rgba(91,59,140,.45);background:#efe7f8;color:var(--accent-strong)}.collectButton span{font-size:12.5px;font-weight:700}.verseActions .collectButton{width:36px;height:36px;padding:0}.madhishEntry{position:relative}.madhishEntryCollect{position:absolute;inset-inline-end:8px;top:6px;min-width:32px;min-height:32px;background:transparent}.mushafCollect{min-width:32px;min-height:32px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:inherit}.mushafCollect:focus-visible,.mushafCollect:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.16)}.mushafCollect.isOn{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.24);color:#fff}.collectionLoading{padding:60px 0;color:var(--muted);text-align:center}.collectionTools{display:grid;grid-gap:12px;gap:12px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.collectionSearch{width:100%}.collectionFilterRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted)}.collectionChip{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.collectionChip:focus-visible,.collectionChip:hover{outline:0;border-color:rgba(91,59,140,.36);color:var(--accent)}.collectionChip.isActive{border-color:transparent;background:var(--accent);color:#fff}.collectionActionRow{display:flex;flex-wrap:wrap;gap:8px}.collectionActionRow button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.collectionActionRow button:focus-visible:not(:disabled),.collectionActionRow button:hover:not(:disabled){outline:0;border-color:rgba(91,59,140,.36);background:#f6f2fb;color:var(--accent)}.collectionActionRow button:disabled{opacity:.45;cursor:not-allowed}.collectionActionRow .collectionDanger{color:#a3302c}.collectionActionRow .collectionDanger:focus-visible:not(:disabled),.collectionActionRow .collectionDanger:hover:not(:disabled){border-color:rgba(163,48,44,.4);background:#fdf3f2;color:#a3302c}.collectionBulkBar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(91,59,140,.3);border-radius:10px;background:#f4effa}.collectionBulkBar strong{color:var(--accent-strong)}.collectionBulkBar label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.collectionBulkBar select{padding:0 8px;font-family:inherit}.collectionBulkBar button,.collectionBulkBar select{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.collectionBulkBar button{display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;cursor:pointer}.collectionBulkBar .collectionDanger{color:#a3302c}.collectionLayout{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.collectionSidebar .tocNav{display:grid;grid-gap:4px;gap:4px;align-items:stretch;overflow-x:visible;padding:2px 0}.collectionGroupRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:2px;gap:2px;align-items:center}.collectionGroupLink{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-family:inherit;font-size:13.5px;text-align:start;cursor:pointer}.collectionGroupLink:focus-visible,.collectionGroupLink:hover{outline:0;background:var(--surface-muted)}.collectionGroupLink.isActive{background:var(--accent);color:#fff}.collectionGroupLink b{flex-shrink:0;font-size:12px;opacity:.75}.collectionGroupEdit{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.collectionGroupEdit:focus-visible,.collectionGroupEdit:hover{outline:0;background:var(--surface-muted);color:var(--accent)}.collectionCards{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.collectionCard{display:grid;grid-gap:10px;gap:10px;padding:14px 16px;border:1px solid var(--line);-webkit-border-start:4px solid var(--line);border-inline-start:4px solid var(--line);border-radius:10px;background:var(--surface)}.collectionCard[data-kind=verse]{border-inline-start-color:#8b2d2d}.collectionCard[data-kind=madhish]{border-inline-start-color:#0f766e}.collectionCard[data-kind=mushaf]{border-inline-start-color:#7a5a1d}.collectionCard[data-kind=note]{border-inline-start-color:#5b3b8c}.collectionCard.isPlaying{border-color:rgba(91,59,140,.5);background:#faf7fd;box-shadow:0 0 0 3px rgba(91,59,140,.12)}.collectionCard.isMemorized{background:#f5faf7}.collectionCardMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.collectionSelect{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.collectionSelect input{width:17px;height:17px;accent-color:var(--accent)}.collectionCardTitle{font-size:14px;font-weight:800;color:var(--ink)}.collectionKindBadge,.collectionSourceBadge{padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700}.collectionKindBadge{background:var(--surface-muted);color:var(--accent-strong)}.collectionSourceBadge{border:1px solid var(--line);color:var(--muted)}.collectionCardText{margin:0;font-family:Amiri,Cairo,serif;font-size:19px;line-height:2;color:var(--ink)}.collectionCardSubtitle{margin:0;font-size:12.5px;color:var(--muted)}.collectionCardNote{display:flex;align-items:flex-start;gap:6px;margin:0;padding:8px 10px;border-radius:8px;background:var(--surface-muted);font-size:13px;color:var(--ink)}.collectionCardTags{display:flex;flex-wrap:wrap;gap:6px}.collectionCardTags span{padding:2px 9px;border:1px solid rgba(91,59,140,.28);border-radius:999px;font-size:11.5px;color:var(--accent)}.collectionThumb{display:block;max-width:190px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.collectionThumb img{display:block;width:100%;height:auto}.collectionCardActions{display:flex;flex-wrap:wrap;gap:6px}.collectionCardActions .collectionOpenSource,.collectionCardActions button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:var(--teal);cursor:pointer}.collectionCardActions .collectionOpenSource:focus-visible,.collectionCardActions .collectionOpenSource:hover,.collectionCardActions button:focus-visible,.collectionCardActions button:hover{outline:0;border-color:rgba(74,111,165,.42);background:var(--teal-soft)}.collectionCardActions .memorizeButton.isOn{border-color:rgba(15,118,110,.45);background:#e3f4ef;color:#0f766e}.collectionCardActions .collectionRemove{color:#a3302c}.collectionCardActions .collectionRemove:focus-visible,.collectionCardActions .collectionRemove:hover{border-color:rgba(163,48,44,.4);background:#fdf3f2}.collectionEmpty{gap:12px;text-align:center}.collectionEmpty h2{margin:0;font-size:19px;color:var(--ink)}.collectionEmpty p{max-width:52ch;margin:0;line-height:1.9}.collectionInlineIcon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--surface-muted);color:var(--accent);vertical-align:middle}.collectionModalBackdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(24,34,47,.55)}.collectionModal{display:grid;grid-gap:14px;gap:14px;width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:20px;border-radius:14px;background:var(--surface);box-shadow:0 30px 70px rgba(24,34,47,.3)}.collectionModalHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.collectionModalHead h2{margin:0;font-size:17px;color:var(--ink)}.collectionModalHead button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.collectionModalQuote{margin:0;padding:10px 12px;-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent);border-radius:8px;background:var(--surface-muted);font-family:Amiri,Cairo,serif;font-size:17px;line-height:1.95}.collectionField{display:grid;grid-gap:6px;gap:6px}.collectionField span{font-size:12.5px;font-weight:700;color:var(--muted)}.collectionField input,.collectionField textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:14px;resize:vertical}.collectionField input:focus,.collectionField textarea:focus{outline:0;border-color:rgba(91,59,140,.5);box-shadow:0 0 0 3px rgba(91,59,140,.12)}.collectionModalFoot{display:flex;justify-content:flex-end;gap:8px}.collectionModalFoot button{min-height:40px;padding:0 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.collectionModalFoot .isPrimary{border-color:transparent;background:var(--accent);color:#fff}.collectionModalFoot button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:900px){.collectionLayout{grid-template-columns:minmax(0,1fr)}.collectionSidebar{position:static}}@media (max-width:620px){.collectionCard,.collectionTools{padding:12px}.collectionCardText{font-size:17px;line-height:1.9}.collectionThumb{max-width:140px}.collectionActionRow button{flex:1 1 auto;justify-content:center}}.collectionImportScope{display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--muted)}.collectionImportScope select{min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:13.5px}.collectionImportStatus{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.collectionImportStatus button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid rgba(91,59,140,.32);border-radius:8px;background:var(--surface);color:var(--accent);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.collectionImportStatus button:focus-visible,.collectionImportStatus button:hover{outline:0;background:#f4effa}.collectionImportHits{display:grid;grid-gap:8px;gap:8px;max-height:420px;overflow-y:auto;margin:0;padding:0;list-style:none}.collectionImportHits li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 10px;gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.collectionImportHits li.isSaved{border-color:rgba(91,59,140,.4);background:#faf7fd}.collectionImportHitMeta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;color:var(--muted)}.collectionImportHitMeta strong{color:var(--ink);font-size:13px}.collectionImportHitMeta span{padding:2px 8px;border-radius:999px;background:var(--surface-muted);color:var(--accent-strong);font-weight:700}.collectionImportHitMeta em{font-style:normal}.collectionImportHits li p{grid-column:1;margin:0;font-family:Amiri,Cairo,serif;font-size:18px;line-height:1.95;color:var(--ink)}.collectionImportHits li .collectButton{grid-column:2;grid-row:1/span 2}@media (max-width:620px){.collectionImportHits li p{font-size:16.5px}.collectionImportHits{max-height:340px}}.collectionEmptyActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.collectionEmptyActions .isPrimary{border:0;background:var(--accent);color:#fff}.collectionMutun{border-style:dashed}.collectionMutun .chapterTitleText{display:inline-flex;align-items:center;gap:8px;color:var(--accent)}.collectionMutunStatus{margin:0;padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.collectionAddAll{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid rgba(91,59,140,.32);border-radius:8px;background:var(--surface);color:var(--accent);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.collectionAddAll:focus-visible,.collectionAddAll:hover{outline:0;background:#f4effa}.collectionTools .collectionImportScope{display:flex;align-items:center;gap:8px}.collectionTools .collectionImportScope span{font-size:12.5px;font-weight:700;color:var(--muted)}.collectionTools .collectionImportScope select{min-height:36px}.collectionTools[data-searching=true]{gap:8px;margin:12px 0 8px;padding:12px 16px}.collectionTools[data-searching=true] .collectionActionRow{display:none}.collectionTools[data-searching=true] .collectionImportScope{margin:0}.collectionTools[data-searching=true]+.collectionLayout{gap:12px;margin-top:0}.collectionTools[data-searching=true]+.collectionLayout .collectionMutun{margin-top:0}.movedNotice{min-height:auto;justify-content:center}.movedNoticePath{padding:2px 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.movedNoticePrimary{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 18px;border-radius:999px;border:1px solid var(--teal);background:var(--teal);color:#fff;font-weight:700;text-decoration:none;transition:filter .18s}.movedNoticePrimary:hover{filter:brightness(.94)}.qiraatKindSwitch{display:inline-flex;gap:4px;margin-top:10px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted)}.qiraatKindSwitch button{min-height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;font-size:14.5px}.qiraatKindSwitch button:hover{color:var(--accent)}.qiraatKindSwitch button.isActive{background:var(--accent);color:#fff}.qariTag.isAsl{background:#fdf3dc;color:#8a5a12}.rawiSughraTareeq{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:8px 10px;border:1px solid var(--line);-webkit-border-start:4px solid var(--teal);border-inline-start:4px solid var(--teal);border-radius:9px;background:var(--surface)}.rawiSughraTareeq .tareeqKind{background:var(--teal-soft);color:var(--teal)}.durrahSymbols{margin-top:22px}.durrahSymbols .qiraatSymbolsLead{margin-bottom:0}.symbolUnused{display:block;color:var(--muted);font-size:12px;font-weight:700}.differencesTable th[scope=row]{width:18%;color:var(--accent-strong);font-weight:900;text-align:right;vertical-align:top;padding:12px 14px;border-top:1px solid var(--line)}.differencesTable tbody td{line-height:1.85;vertical-align:top}@media (max-width:720px){.differencesTable thead{display:none}.differencesTable tbody td,.differencesTable th[scope=row],.differencesTable tr{display:block;width:auto}.differencesTable tbody td:before{display:block;color:var(--muted);font-size:12px;font-weight:800}.differencesTable tbody td:first-of-type:before{content:"الشاطبية والدرة"}.differencesTable tbody td:nth-of-type(2):before{content:"الطيبة"}}.migrationBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:calc(12px + env(safe-area-inset-top, 0px)) clamp(14px,4vw,28px) 12px;border-bottom:1px solid var(--line);background:var(--teal-soft);color:var(--ink)}.migrationBarBody{flex:1 1 320px;display:flex;flex-direction:column;gap:3px;min-width:0}.migrationBarBody strong{font-size:15px}.migrationBarBody span{font-size:13px;line-height:1.7;color:var(--muted)}.migrationBarBody bdi,.transferCard bdi{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.92em}.migrationBarBody .migrationBarError{color:var(--accent-strong);font-weight:700}.migrationBarActions{flex:0 0 auto;display:flex;align-items:center;gap:12px}.migrationBarLink{display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong);font-size:13px;font-weight:700}.installButton:disabled{opacity:.55;cursor:default}.transferPage{max-width:760px;gap:20px}.transferCard{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,4vw,26px);border:1px solid var(--line);border-radius:16px;background:var(--surface)}.transferCard h2{margin:0;color:var(--accent-strong);font-size:20px}.transferCard p{margin:0;line-height:1.8}.transferCard--primary{border-color:var(--accent);box-shadow:var(--shadow)}.transferCard--error{border-color:var(--accent);background:#fbf1f0}.transferCard--done{border-color:var(--teal);background:var(--teal-soft)}.transferMeta{color:var(--muted);font-size:13px}.transferRows{gap:10px;margin:0;padding:0;list-style:none}.transferRow,.transferRows{display:flex;flex-direction:column}.transferRow{gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.transferRowHead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.transferRowHead span{color:var(--muted);font-size:13px}.transferRows--compact{gap:6px}.transferRows--compact .transferRowHead{padding-bottom:6px;border-bottom:1px dashed var(--line)}.transferChoice{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:10px 0 0;border:0;border-top:1px dashed var(--line);font-size:14px}.transferChoice legend{float:right;width:100%;margin-bottom:6px;padding:0;font-size:13px;color:var(--accent-strong);font-weight:700}.transferChoice legend span{color:var(--muted);font-weight:400}.transferChoice label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.transferActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.transferSecondary{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.transferFile input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.landingBackupLink{display:inline-block;margin-top:6px;color:var(--accent-strong);font-weight:700}