@font-face{font-family:UthmanicHafs;src:url(/fonts/UthmanicHafs1Ver18.ttf) format("truetype");font-display:swap}:root{--ink:#1f2622;--ink-2:#4e5852;--ink-3:#5f6762;--paper:#f5f3ec;--paper-2:#ece9df;--card:#fbfaf6;--line:#dcd9cf;--green:#1d7a56;--green-dark:#165f45;--green-soft:#dcebe4;--green-pale:#eff6f2;--amber:#835c23;--red:#a84d45;--aqua:#56d6de;--shadow:0 16px 44px rgba(31,38,34,0.08);--inverse-surface:#1f2622;--inverse-surface-raised:#28312c;--inverse-ink:#f4f7f5;--inverse-muted:#bdc8c2;--inverse-line:rgba(255,255,255,0.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 4%,rgba(29,122,86,.07),transparent 24rem),var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button{color:inherit}a{text-decoration:none}.app-shell{min-height:100vh;min-height:100dvh;padding:0 28px 32px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;max-width:1280px;margin:0 auto;height:76px;display:grid;grid-template-columns:1fr auto 1fr;border-bottom:1px solid rgba(31,38,34,.1);background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;width:-moz-fit-content;width:fit-content;min-width:0}.nav-pills{display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.35);border:1px solid var(--line);border-radius:999px}.nav-pill{padding:8px 14px;border-radius:999px;color:var(--ink-3);font-size:13px;font-weight:650}.nav-pill.active{background:var(--ink);color:white}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px;-webkit-margin-end:clamp(14px,1.5vw,24px);margin-inline-end:clamp(14px,1.5vw,24px)}@media (max-width:980px){.header-actions{-webkit-margin-end:12px;margin-inline-end:12px}}@media (max-width:650px){.header-actions{-webkit-margin-end:4px;margin-inline-end:4px}}.score-mini{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.32)}.score-mini span{color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.score-mini b{font-size:15px}.icon-button{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer}.icon-button:hover{border-color:#b9bfb9;transform:translateY(-1px)}.settings-popover{position:fixed;z-index:50;top:67px;right:max(28px,calc((100vw - 1280px)/2));width:340px;background:rgba(251,250,246,.97);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(31,38,34,.18);padding:16px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.settings-title{display:flex;justify-content:space-between;align-items:center;font-weight:750;margin-bottom:14px}.settings-title button{border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.settings-popover label{display:grid;grid-gap:7px;gap:7px;padding:11px 0;border-top:1px solid var(--line)}.settings-popover label>span{font-size:12px;font-weight:700;color:var(--ink-2)}.settings-popover label small{color:var(--ink-3);font-weight:500;margin-left:5px}.settings-popover select{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:10px;color:var(--ink)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;background:var(--paper-2);padding:4px;border-radius:10px}.segmented button{border:0;padding:8px;border-radius:7px;background:transparent;color:var(--ink-3);cursor:pointer}.segmented button.selected{background:white;color:var(--ink);box-shadow:0 2px 7px rgba(31,38,34,.08)}.settings-note{font-size:11px;line-height:1.5;color:var(--ink-3);background:var(--green-pale);padding:10px;border-radius:10px}.settings-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero{max-width:1280px;margin:0 auto;padding:64px 0 52px;display:grid;grid-template-columns:1.3fr .7fr;grid-gap:60px;gap:60px;align-items:end}.live-label{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.13em}.live-label span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.065em;margin:20px 0 22px;max-width:880px;font-weight:760}.hero h1 em{font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--green);letter-spacing:-.05em}.hero-copy>p{color:var(--ink-2);max-width:660px;line-height:1.65;margin:0;font-size:16px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-stats div{padding:20px 12px;border-right:1px solid var(--line)}.hero-stats div:last-child{border-right:0}.hero-stats span{display:block;color:var(--ink-3);text-transform:uppercase;letter-spacing:.11em;font-size:10px;margin-bottom:7px}.hero-stats b{font-size:26px;letter-spacing:-.04em}.game-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}.game-column{min-width:0}.round-strip{min-height:64px;padding:11px 14px 11px 18px;display:grid;grid-template-columns:1fr auto auto;grid-gap:22px;gap:22px;align-items:center;background:var(--ink);color:white;border-radius:17px 17px 0 0}.round-meta{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:#c5cdc8}.round-dot{width:8px;height:8px;border-radius:50%;background:#68c79f;box-shadow:0 0 0 5px rgba(104,199,159,.12)}.tries{display:flex;gap:7px}.tries span{width:29px;height:5px;border-radius:9px;background:#6a726d;transition:.2s ease}.tries span.used{background:#3e4742;opacity:.48}.points-chip{min-width:92px;background:#2e3832;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:8px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.points-chip span{color:#98a39d;font-size:8px;letter-spacing:.13em}.points-chip b{font-size:20px;color:#86d7b6}.ayah-card{background:var(--card);border:1px solid var(--line);border-top:0;padding:34px 38px 32px;min-height:390px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.content-label{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3);font-size:9px;letter-spacing:.13em;font-weight:800}.hidden-ref{letter-spacing:.03em;text-transform:none;font-weight:550}.arabic-text{width:100%;max-width:100%;min-width:0;margin:36px auto 24px;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(32px,3.35vw,50px);line-height:1.95;direction:rtl;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.12em;row-gap:.02em;text-align:center;overflow:hidden}.arabic-text.dense{font-size:clamp(29px,2.8vw,43px);line-height:1.9}.arabic-text.very-dense{font-size:clamp(27px,2.45vw,38px);line-height:1.85}.quran-word{--word-progress:0%;display:inline-block;max-width:100%;border-radius:8px;padding:1px 3px;color:#26302b;background:linear-gradient(transparent,transparent);box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:color .04s linear,opacity .04s linear}.quran-word.passed{color:var(--green-dark);background:linear-gradient(0deg,rgba(29,122,86,.13) 0 38%,transparent 38%)}.quran-word.active{color:#0d5338;background:linear-gradient(to left,rgba(61,165,119,.3) 0 var(--word-progress),rgba(61,165,119,.08) var(--word-progress) 100%);text-shadow:0 0 20px rgba(29,122,86,.08)}.transliteration{width:100%;max-width:min(780px,100%);min-width:0;text-align:center;color:var(--ink-2);font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:16px;line-height:1.65;margin:0 auto;overflow-wrap:anywhere;word-break:normal}.translation-divider{height:1px;background:var(--line);margin:30px 0 22px}.translation-head{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}.translation-head>div{display:grid;grid-gap:3px;gap:3px}.translation-label{text-transform:uppercase;color:var(--green);letter-spacing:.12em;font-weight:800;font-size:9px}.translation-head small{color:var(--ink-3);font-size:11px}.language-select{max-width:220px;border:1px solid var(--line);border-radius:10px;background:#f7f5ef;color:var(--ink);padding:8px 32px 8px 10px;font-size:12px;text-transform:capitalize}.translation-text{width:100%;max-width:100%;min-width:0;margin:16px 0 0;color:var(--ink-2);font-size:15px;line-height:1.72;transition:opacity .2s;overflow-wrap:anywhere;word-break:normal}.translation-text.muted{opacity:.45}.player-card{background:#eceae3;border:1px solid var(--line);border-top:0;padding:18px 22px}.player-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center}.play-button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--green);color:white;cursor:pointer;box-shadow:0 7px 20px rgba(29,122,86,.2)}.play-button:hover:not(:disabled){background:var(--green-dark);transform:scale(1.03)}.play-button:disabled{opacity:.42;cursor:default}.player-track-area{min-width:0}.player-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.player-title span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title small{color:var(--ink-3);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.progress-range,.volume-control input{width:100%;accent-color:var(--green);cursor:pointer}.progress-range{height:4px}.time-row{justify-content:space-between;font-size:9px;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-row,.volume-control{display:flex;color:var(--ink-3)}.volume-control{width:105px;align-items:center;gap:8px}.guess-card{background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 17px 17px;padding:24px 24px 18px;box-shadow:var(--shadow);position:relative;z-index:8}.guess-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.guess-label span{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:var(--ink-2);font-weight:800}.guess-label small{color:var(--ink-3);font-size:10px}.guess-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:9px;gap:9px}.autocomplete{position:relative}.autocomplete>input{width:100%;height:50px;border-radius:12px;border:1px solid #cfcfc7;background:white;padding:0 44px 0 15px;outline:none;font-size:14px;color:var(--ink)}.autocomplete>input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,122,86,.09)}.autocomplete>input::placeholder{color:#a2aaa4}.selected-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;border-radius:50%}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:min(390px,52vh);background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 50px rgba(31,38,34,.16);padding:5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:20}.suggestions button{width:100%;border:0;background:transparent;border-radius:9px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-gap:9px;gap:9px;align-items:center;padding:9px 10px;cursor:pointer;text-align:left}.suggestions button:hover{background:var(--green-pale)}.search-status{padding:10px 12px;color:var(--ink-3);font-size:10px;letter-spacing:.02em}.chapter-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:10px}.chapter-main{display:grid;grid-gap:2px;gap:2px;min-width:0}.chapter-main b{font-size:13px}.chapter-main small{color:var(--ink-3);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-arabic{font-family:UthmanicHafs,serif;color:var(--green-dark);font-size:20px}.primary{border:0;border-radius:11px;background:var(--green);color:white;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;cursor:pointer;transition:.15s ease}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:default}.primary.wide{width:100%;min-height:48px}.guess-button{min-width:118px;height:50px}.guess-footer{min-height:28px;margin-top:10px;justify-content:space-between;gap:14px}.guess-footer,.skip-actions{display:flex;align-items:center}.skip-actions{flex-wrap:wrap;gap:3px}.skip-button{border:0;background:transparent;color:var(--ink-3);font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:5px 8px;border-radius:8px}.skip-button:hover:not(:disabled){color:var(--ink);background:rgba(31,38,34,.045)}.skip-button:disabled{opacity:.45;cursor:default}.skip-round-button{color:var(--ink-2)}.skip-round-button:before{content:"";width:1px;height:14px;margin-right:4px;background:var(--line)}.hint-button{border:1px solid rgba(29,122,86,.22);background:var(--green-pale);color:var(--green-dark);min-height:31px;border-radius:9px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;cursor:pointer;margin-left:4px}.hint-button:hover:not(:disabled){background:var(--green-soft);border-color:rgba(29,122,86,.34)}.hint-button:disabled{opacity:.44;cursor:default}.hint-button>span{min-width:26px;padding:2px 5px;border-radius:999px;background:rgba(29,122,86,.1);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hint-button>small{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.hint-picker{margin-top:12px;border:1px solid rgba(29,122,86,.18);border-radius:14px;background:linear-gradient(180deg,#f8fbf9,var(--green-pale));padding:12px;box-shadow:0 10px 24px rgba(31,38,34,.06)}.hint-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.hint-picker-head>div{display:grid;grid-gap:2px;gap:2px}.hint-picker-head span{font-size:12px;font-weight:800}.hint-picker-head small{color:var(--ink-3);font-size:10px}.hint-picker-head>b{flex:0 0 auto;color:var(--green-dark);background:white;border:1px solid rgba(29,122,86,.18);border-radius:999px;padding:4px 7px;font-size:9px;letter-spacing:.08em}.hint-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.hint-options>button{border:1px solid var(--line);background:rgba(255,255,255,.84);border-radius:11px;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;text-align:left;cursor:pointer}.hint-options>button:hover:not(:disabled){border-color:rgba(29,122,86,.35);background:white}.hint-options>button:disabled{opacity:.45;cursor:default}.hint-options>button>svg{color:var(--green);margin-top:1px}.hint-options>button>span{display:grid;min-width:0;grid-gap:2px;gap:2px}.hint-options>button b{font-size:11px;line-height:1.3}.hint-options>button small{color:var(--ink-3);font-size:9px;line-height:1.35}.hint-reveals{display:grid;grid-gap:7px;gap:7px;margin-top:10px}.hint-reveal{border-left:3px solid #54c9c8;border-radius:8px 11px 11px 8px;background:#f2fbfa;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hint-reveal span{color:var(--ink-3);font-size:9px;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px}.hint-reveal span svg{color:#218e8b}.hint-reveal b{font-size:12px;text-align:right}.feedback{font-size:11px;color:var(--ink-3);text-align:right}.feedback.won{color:var(--green);font-weight:700}.feedback.lost{color:var(--red)}.reveal-card{margin-top:13px;border:1px solid var(--line);border-radius:15px;background:var(--green-pale);padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;box-shadow:var(--shadow)}.reveal-card.lost{background:#f6ece9}.reveal-icon{width:42px;height:42px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center}.reveal-card.lost .reveal-icon{background:var(--red)}.reveal-copy span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.11em;font-size:8px;font-weight:800}.reveal-copy h2{margin:3px 0 2px;font-size:24px;letter-spacing:-.04em}.reveal-copy h2 i{font-family:UthmanicHafs,serif;color:var(--green-dark);font-style:normal;margin-left:5px;font-weight:500}.reveal-copy p{margin:0;color:var(--ink-3);font-size:11px}.reveal-card .primary{height:42px}.side-column{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:94px}.rule-card,.session-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow)}.eyebrow{margin:0;color:var(--green);letter-spacing:.12em;font-weight:800;font-size:9px}.rule-card h3{margin:10px 0 18px;font-size:25px;letter-spacing:-.045em;line-height:1.05}.score-ladder{border-top:1px solid var(--line)}.score-ladder>div{display:grid;grid-template-columns:1fr auto 24px;align-items:baseline;padding:10px 2px;border-bottom:1px solid var(--line);transition:.2s}.score-ladder span{color:var(--ink-3);font-size:10px}.score-ladder b{font-size:17px}.score-ladder small{color:var(--ink-3);font-size:9px;text-align:right}.score-ladder>div.current{padding-left:10px;padding-right:8px;margin:0 -8px;background:var(--green-soft);border-radius:8px;border-bottom-color:transparent}.score-ladder>div.current b{color:var(--green)}.score-ladder>div.passed{opacity:.4}.rule-note{color:var(--ink-3);font-size:10px;line-height:1.55;margin:16px 0 0}.hint-rule-note{display:flex;align-items:flex-start;gap:7px;padding-top:12px;border-top:1px solid var(--line)}.hint-rule-note svg{flex:0 0 auto;color:var(--green);margin-top:1px}.tip-card{border-radius:17px;padding:17px;background:var(--ink);color:white;display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px}.tip-card>svg{color:#87d5b5;margin-top:2px}.tip-card b{font-size:12px}.tip-card p{color:#aeb8b2;font-size:10px;line-height:1.55;margin:5px 0 0}.session-card>span{color:var(--ink-3);font-size:9px;letter-spacing:.12em;font-weight:800}.session-total{display:flex;align-items:baseline;gap:6px;margin:7px 0 15px}.session-total b{font-size:38px;letter-spacing:-.05em}.session-total small{color:var(--ink-3)}.session-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:12px}.session-grid div{display:grid;grid-gap:3px;gap:3px}.session-grid b{font-size:15px}.session-grid span{font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.secondary-button{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.82);color:var(--ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:44px;cursor:pointer;transition:.15s ease}.secondary-button:hover{border-color:#bdc5bf;transform:translateY(-1px)}.summary-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:20px;background:rgba(31,38,34,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-card{position:relative;margin:auto;flex:0 0 auto;width:min(760px,100%);background:linear-gradient(180deg,rgba(251,250,246,.98),rgba(247,245,239,.98));border:1px solid rgba(220,217,207,.95);border-radius:28px;box-shadow:0 32px 90px rgba(18,27,24,.24);overflow:hidden}.summary-shell{position:relative;z-index:2;padding:30px 28px 26px}.summary-close{position:absolute;z-index:3;top:16px;right:16px;width:38px;height:38px;border:1px solid rgba(86,214,222,.24);border-radius:50%;background:rgba(255,255,255,.78);color:var(--ink);display:grid;place-items:center;cursor:pointer}.summary-close:hover{transform:translateY(-1px)}.summary-ornament{position:absolute;inset:0;width:100%;height:100%;color:var(--aqua);opacity:.18}.summary-eyebrow{margin-bottom:10px;color:color-mix(in srgb,var(--aqua) 60%,var(--green) 40%)}.summary-card h2{margin:0;font-size:clamp(34px,4.5vw,52px);letter-spacing:-.06em}.summary-copy{max-width:42rem;margin:10px 0 22px;color:var(--ink-2);line-height:1.65}.summary-score{display:grid;grid-gap:3px;gap:3px;padding:22px 20px;border-radius:22px;border:1px solid rgba(86,214,222,.28);background:linear-gradient(180deg,rgba(86,214,222,.1),rgba(86,214,222,.04));margin-bottom:16px}.summary-score span{color:var(--ink-3);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.summary-score b{font-size:clamp(44px,8vw,74px);line-height:.92;letter-spacing:-.07em}.summary-score small{color:var(--ink-3);font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.summary-grid div{display:grid;grid-gap:4px;gap:4px;padding:15px 14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.74)}.summary-grid span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800}.summary-grid b{font-size:24px;letter-spacing:-.04em}.summary-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.summary-footer-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(220,217,207,.9)}.summary-footer-note p{margin:0;color:var(--ink);font-weight:600;line-height:1.5}.summary-footer-note small{display:block;margin-top:6px;color:var(--ink-3)}.footer{max-width:1280px;margin:52px auto 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:20px;gap:20px;color:var(--ink-3);font-size:10px}.footer>span:first-child{color:var(--ink);font-weight:750;font-size:12px}.footer-brand{display:flex;align-items:center}.footer-brand img{display:block;width:clamp(86px,8.5vw,116px);height:auto}.footer p{margin:0;text-align:center}.footer>span:last-child{text-align:right}.skeleton-wrap{display:grid;grid-gap:24px;gap:24px;padding-top:40px}.skeleton{border-radius:8px;background:linear-gradient(90deg,#ebe9e2 25%,#f6f4ee 50%,#ebe9e2 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton.arabic{height:88px;width:76%;justify-self:center}.skeleton.line{height:17px;width:84%;justify-self:center}.skeleton.line.short{width:56%}@keyframes shimmer{to{background-position:-200% 0}}.setup-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px;background:var(--paper)}.setup-card{width:min(560px,100%);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.setup-card h1{margin:8px 0 12px;font-size:40px;letter-spacing:-.055em}.setup-copy{color:var(--ink-2);line-height:1.6}.setup-steps{display:grid;grid-gap:10px;gap:10px;margin:22px 0}.setup-steps div{display:grid;grid-template-columns:28px 1fr;grid-gap:10px;gap:10px;align-items:start;padding:12px;background:var(--paper);border-radius:11px;color:var(--ink-2);font-size:12px;line-height:1.5}.setup-steps b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.setup-steps code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}@media (max-width:980px){.app-shell{padding:0 18px 26px}.topbar{grid-template-columns:1fr auto}.nav-pills{display:none}.hero{grid-template-columns:1fr;padding:44px 0 36px;gap:28px}.hero-stats{max-width:480px}.game-layout{grid-template-columns:1fr}.side-column{position:static;grid-template-columns:1fr 1fr}.session-card{display:none}.footer{grid-template-columns:1fr}.footer,.footer p,.footer>span:last-child{text-align:left}.settings-popover{right:18px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.app-shell{padding:0 11px 22px}.topbar{height:64px}.score-mini span{display:none}.hero{padding-top:34px}.hero h1{font-size:clamp(44px,14vw,64px)}.hero-copy>p{font-size:14px}.hero-stats{width:100%}.hero-stats div{padding:14px 9px}.hero-stats b{font-size:21px}.round-strip{grid-template-columns:1fr auto;gap:9px;border-radius:14px 14px 0 0}.round-meta{display:none}.tries{justify-self:start}.tries span{width:22px}.ayah-card{padding:27px 18px 24px;min-height:330px}.arabic-text{margin:28px 0 20px;font-size:34px;line-height:1.95;column-gap:.08em}.arabic-text.dense{font-size:31px}.arabic-text.very-dense{font-size:28px}.transliteration{font-size:14px}.translation-head{align-items:start;flex-direction:column}.language-select{max-width:none;width:100%}.player-card{padding:15px 14px}.player-main{grid-template-columns:auto minmax(0,1fr)}.volume-control{grid-column:1/-1;width:100%}.guess-card{padding:18px 14px 14px}.guess-row{grid-template-columns:1fr}.guess-button{width:100%}.guess-footer{align-items:flex-start;flex-direction:column}.skip-actions{width:100%}.hint-button{margin-left:0}.hint-options{grid-template-columns:1fr}.hint-reveal{align-items:flex-start;flex-direction:column;gap:4px}.feedback,.hint-reveal b{text-align:left}.suggestions button{grid-template-columns:30px 1fr auto}.reveal-card{grid-template-columns:auto 1fr}.reveal-card .primary{grid-column:1/-1}.side-column{grid-template-columns:1fr}.settings-popover{top:58px;left:11px;right:11px;width:auto}.summary-overlay{padding:12px}.summary-shell{padding:24px 18px 20px}.summary-grid{grid-template-columns:1fr 1fr}.summary-actions{flex-direction:column-reverse}.summary-actions .primary,.summary-actions .secondary-button{width:100%}.summary-card h2{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.limited-note{margin-top:10px;padding:9px 11px;border-radius:9px;background:var(--green-pale);color:var(--ink-2)}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:6px}.play-button:focus-visible{outline-offset:3px}.quran-word:focus-visible{outline-offset:1px}@media (pointer:coarse){.icon-button{width:44px;height:44px}.segmented button{padding:12px 10px;min-height:44px}.suggestions button{min-height:46px}.language-select,.settings-popover select{min-height:44px}.progress-range,.volume-control input{padding:14px 0;background-clip:content-box}}@media (hover:none){.chip:hover,.icon-button:hover,.play-button:hover:not(:disabled),.primary:hover,.secondary-button:hover{transform:none}}html[data-theme=dark]{--ink:#eef4f0;--ink-2:#bdc9c2;--ink-3:#87958d;--paper:#0d1210;--paper-2:#151c18;--card:#131a16;--line:#2b3630;--green:#58c995;--green-dark:#82deb5;--green-soft:#193b2d;--green-pale:#11281e;--amber:#d9aa67;--red:#eb8d84;--aqua:#69dce3;--shadow:0 18px 48px rgba(0,0,0,0.32);--inverse-surface:#111814;--inverse-surface-raised:#18221d;--inverse-ink:#f3f7f4;--inverse-muted:#aebbb4;--inverse-line:rgba(255,255,255,0.12)}html[data-theme=dark] body{background:radial-gradient(circle at 82% 4%,rgba(88,201,149,.09),transparent 26rem),radial-gradient(circle at 12% 92%,rgba(105,220,227,.035),transparent 30rem),var(--paper)}html[data-theme=dark] .topbar{border-bottom-color:rgba(238,244,240,.09);background:color-mix(in srgb,var(--paper) 84%,transparent)}html[data-theme=dark] .footer-brand img{filter:invert(1) hue-rotate(180deg) saturate(.9) brightness(1.08)}html[data-theme=dark] .nav-pills{background:rgba(255,255,255,.045);border-color:var(--line)}html[data-theme=dark] .nav-pill.active{background:#e6eee9;color:#111713}html[data-theme=dark] .score-mini{background:rgba(255,255,255,.045)}html[data-theme=dark] .icon-button{background:#161e1a}html[data-theme=dark] .icon-button:hover{border-color:#435149;background:#1a241f}html[data-theme=dark] .settings-popover{background:rgba(19,26,22,.97);box-shadow:0 26px 70px rgba(0,0,0,.48)}html[data-theme=dark] .language-select,html[data-theme=dark] .settings-popover select{background:#0f1612;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .segmented{background:#0c120f}html[data-theme=dark] .segmented button.selected{background:#243129;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.24)}html[data-theme=dark] .settings-note{background:#10251b}html[data-theme=dark] .round-strip{background:#090e0b;color:#f4f7f5;border:1px solid var(--line);border-bottom:0}html[data-theme=dark] .round-meta{color:#aebbb4}html[data-theme=dark] .round-dot{background:#6ad0a5;box-shadow:0 0 0 5px rgba(106,208,165,.12)}html[data-theme=dark] .tries span{background:#4b5750}html[data-theme=dark] .tries span.used{background:#303a34}html[data-theme=dark] .points-chip{background:#16201b;border-color:rgba(255,255,255,.07)}html[data-theme=dark] .points-chip span{color:#91a098}html[data-theme=dark] .points-chip b{color:#8be0bb}html[data-theme=dark] .ayah-card,html[data-theme=dark] .guess-card,html[data-theme=dark] .rule-card,html[data-theme=dark] .session-card,html[data-theme=dark] .setup-card{background:var(--card)}html[data-theme=dark] .quran-word{color:#edf3ef}html[data-theme=dark] .quran-word.passed{color:#8de0bb;background:linear-gradient(0deg,rgba(88,201,149,.18) 0 38%,transparent 38%)}html[data-theme=dark] .quran-word.active{color:#c7f2de;background:linear-gradient(to left,rgba(88,201,149,.34) 0 var(--word-progress),rgba(88,201,149,.1) var(--word-progress) 100%);text-shadow:0 0 22px rgba(88,201,149,.14)}html[data-theme=dark] .player-card{background:#101713}html[data-theme=dark] .play-button{box-shadow:0 8px 24px rgba(88,201,149,.18)}html[data-theme=dark] .autocomplete>input{border-color:#34413a;background:#0f1612;color:var(--ink)}html[data-theme=dark] .autocomplete>input::placeholder{color:#6f7e76}html[data-theme=dark] .autocomplete>input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(88,201,149,.12)}html[data-theme=dark] .suggestions{background:#111915;border-color:var(--line);box-shadow:0 22px 60px rgba(0,0,0,.48)}html[data-theme=dark] .suggestions button:hover{background:#18271f}html[data-theme=dark] .selected-check{background:#183c2c}html[data-theme=dark] .skip-button:hover:not(:disabled){background:rgba(255,255,255,.055)}html[data-theme=dark] .hint-button{border-color:rgba(88,201,149,.24);background:#12291f;color:#9ee5c5}html[data-theme=dark] .hint-button:hover:not(:disabled){background:#193a2c;border-color:rgba(88,201,149,.38)}html[data-theme=dark] .hint-button>span{background:rgba(88,201,149,.12)}html[data-theme=dark] .hint-picker{border-color:rgba(88,201,149,.2);background:linear-gradient(180deg,#101b16,#10251b);box-shadow:0 12px 30px rgba(0,0,0,.24)}html[data-theme=dark] .hint-picker-head>b{background:#17231d;border-color:rgba(88,201,149,.22)}html[data-theme=dark] .hint-options>button{border-color:var(--line);background:rgba(255,255,255,.035)}html[data-theme=dark] .hint-options>button:hover:not(:disabled){border-color:rgba(88,201,149,.38);background:rgba(88,201,149,.07)}html[data-theme=dark] .hint-reveal{border-left-color:#65d5d4;background:#102623}html[data-theme=dark] .hint-reveal span svg{color:#6eddda}html[data-theme=dark] .reveal-card{background:#11281e}html[data-theme=dark] .reveal-card.lost{background:#2c1b1a}html[data-theme=dark] .tip-card{background:#090e0b;color:#f3f7f4;border:1px solid var(--line)}html[data-theme=dark] .tip-card>svg{color:#8ce0bb}html[data-theme=dark] .tip-card p{color:#9eaca4}html[data-theme=dark] .score-ladder>div.current{background:#19382b}html[data-theme=dark] .secondary-button{background:#17201b;border-color:var(--line);color:var(--ink)}html[data-theme=dark] .secondary-button:hover{border-color:#45534b;background:#1b2720}html[data-theme=dark] .summary-overlay{background:rgba(4,8,6,.68)}html[data-theme=dark] .summary-card{background:linear-gradient(180deg,rgba(20,28,23,.985),rgba(13,19,16,.985));border-color:var(--line);box-shadow:0 34px 100px rgba(0,0,0,.58)}html[data-theme=dark] .summary-close{background:rgba(18,28,23,.88);border-color:rgba(105,220,227,.24)}html[data-theme=dark] .summary-score{border-color:rgba(105,220,227,.24);background:linear-gradient(180deg,rgba(105,220,227,.105),rgba(105,220,227,.035))}html[data-theme=dark] .summary-grid div{background:rgba(255,255,255,.035)}html[data-theme=dark] .summary-footer-note{border-top-color:var(--line)}html[data-theme=dark] .skeleton{background:linear-gradient(90deg,#18201c 25%,#222d27 50%,#18201c 75%);background-size:200% 100%}html[data-theme=dark] .setup-shell{background:var(--paper)}html[data-theme=dark] .setup-steps div{background:#101713}html[data-theme=dark] .limited-note{background:#10251b}html[data-theme=dark] :focus-visible{outline-color:#79d9b1}html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select{color-scheme:dark}html[data-theme=dark] ::selection{background:rgba(88,201,149,.34);color:#f5faf7}.appearance-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}:root{--brand-green:#1d7a56;--brand-ink:#1f2622;--brand-green-lift:#35b184;--brand-ink-lift:#46524b;--brand-glow:88,201,149;--brand-sweep:255,255,255}html[data-theme=dark]{--brand-green:#58c995;--brand-ink:#eef4f0;--brand-green-lift:#8ce6bd;--brand-ink-lift:#b9c6bf;--brand-sweep:226,255,242}.brand-lockup{position:relative;display:block;height:clamp(38px,4vw,48px);aspect-ratio:358.21/107.65;width:auto;flex:0 0 auto}.brand-lockup-art{display:block;width:100%;height:100%;overflow:visible}.setup-brand-lockup{margin-bottom:22px}.setup-brand-lockup .brand-lockup{height:clamp(48px,14vw,66px)}.brand-mark{fill:var(--brand-green)}.brand-word{fill:var(--brand-ink)}@keyframes brand-mark-settle{0%,22%{fill:var(--brand-ink)}62%{fill:var(--brand-green-lift)}to{fill:var(--brand-green)}}@keyframes brand-word-settle{0%,22%{fill:var(--brand-green)}60%{fill:var(--brand-ink-lift)}to{fill:var(--brand-ink)}}.brand-mark{animation:brand-mark-settle 2.6s cubic-bezier(.16,.86,.26,1) both}.brand-word{animation:brand-word-settle 2.6s cubic-bezier(.16,.86,.26,1) .12s both}@keyframes brand-glow{0%,24%{filter:drop-shadow(0 0 0 rgba(var(--brand-glow),0))}72%{filter:drop-shadow(0 0 12px rgba(var(--brand-glow),.55))}to{filter:drop-shadow(0 0 0 rgba(var(--brand-glow),0))}}.brand-lockup-art{animation:brand-glow 3.4s ease-out both}.brand-lockup-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(var(--brand-sweep),0) 38%,rgba(var(--brand-sweep),.9) 50%,rgba(var(--brand-sweep),0) 62%);background-repeat:no-repeat;background-size:260% 100%;-webkit-mask:url(/brand/surahspot-lockup.svg) center/contain no-repeat;mask:url(/brand/surahspot-lockup.svg) center/contain no-repeat;mix-blend-mode:screen;opacity:0;animation:brand-sweep 1.9s cubic-bezier(.3,.7,.3,1) .85s both}@keyframes brand-sweep{0%{background-position:165% 0;opacity:0}18%{opacity:.85}82%{opacity:.85}to{background-position:-65% 0;opacity:0}}@media (prefers-color-scheme:light){.brand-lockup-sweep{mix-blend-mode:overlay}}html[data-theme=light] .brand-lockup-sweep{mix-blend-mode:overlay}html[data-theme=dark] .brand-lockup-sweep{mix-blend-mode:screen}@media (max-width:650px){.brand-lockup{height:34px}}.brand-lockup.is-settled .brand-lockup-art,.brand-lockup.is-settled .brand-lockup-sweep,.brand-lockup.is-settled .brand-mark,.brand-lockup.is-settled .brand-word{animation:none}@keyframes brand-mark-replay{0%{fill:var(--brand-green)}18%{fill:var(--brand-ink)}62%{fill:var(--brand-green-lift)}to{fill:var(--brand-green)}}@keyframes brand-word-replay{0%{fill:var(--brand-ink)}18%{fill:var(--brand-green)}60%{fill:var(--brand-ink-lift)}to{fill:var(--brand-ink)}}@keyframes brand-glow-replay{0%,20%{filter:drop-shadow(0 0 0 rgba(var(--brand-glow),0))}66%{filter:drop-shadow(0 0 11px rgba(var(--brand-glow),.5))}to{filter:drop-shadow(0 0 0 rgba(var(--brand-glow),0))}}.brand-lockup.is-replaying .brand-mark{animation:brand-mark-replay 1.35s cubic-bezier(.16,.86,.26,1) both}.brand-lockup.is-replaying .brand-word{animation:brand-word-replay 1.35s cubic-bezier(.16,.86,.26,1) .08s both}.brand-lockup.is-replaying .brand-lockup-art{animation:brand-glow-replay 1.6s ease-out both}.brand-lockup.is-replaying .brand-lockup-sweep{animation:brand-sweep 1s cubic-bezier(.3,.7,.3,1) .2s both}.brand-lockup{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){.brand-lockup-art,.brand-lockup.is-replaying .brand-lockup-art,.brand-lockup.is-replaying .brand-mark,.brand-lockup.is-replaying .brand-word,.brand-mark,.brand-word{animation:none}.brand-lockup-sweep{display:none}}.brand-intro-done .brand-mark,.brand-intro-done .brand-word{animation:none;transition:fill .42s cubic-bezier(.16,.86,.26,1)}.brand-intro-done .brand-word{transition-delay:.09s}.brand-intro-done .brand-lockup-art{animation:none;transition:filter .42s ease-out}.brand-intro-done .brand-lockup-sweep{animation:none;opacity:0}@media (hover:hover){.brand:hover .brand-intro-done .brand-mark{fill:var(--brand-ink)}.brand:hover .brand-intro-done .brand-word{fill:var(--brand-green)}.brand:hover .brand-intro-done .brand-lockup-art{filter:drop-shadow(0 0 9px rgba(var(--brand-glow),.42))}.brand:hover .brand-intro-done .brand-lockup-sweep{animation:brand-sweep-hover .95s cubic-bezier(.3,.7,.3,1)}}.brand:focus-visible .brand-intro-done .brand-mark{fill:var(--brand-ink)}.brand:focus-visible .brand-intro-done .brand-word{fill:var(--brand-green)}.brand:focus-visible .brand-intro-done .brand-lockup-art{filter:drop-shadow(0 0 9px rgba(var(--brand-glow),.42))}@keyframes brand-sweep-hover{0%{background-position:165% 0;opacity:0}20%{opacity:.7}80%{opacity:.7}to{background-position:-65% 0;opacity:0}}@media (prefers-reduced-motion:reduce){.brand-intro-done .brand-lockup-art,.brand-intro-done .brand-mark,.brand-intro-done .brand-word{transition:none}}.app-shell{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right));padding-bottom:max(32px,env(safe-area-inset-bottom))}.topbar{padding-top:env(safe-area-inset-top)}.app-shell,.summary-overlay{min-height:100vh;min-height:100dvh}@media (max-width:820px){input,select,textarea{font-size:16px}}@media (pointer:coarse){.nav-pill,[role=button],button{min-height:44px;min-width:44px}input[type=range]{height:44px}.nav-pill:hover,button:hover{transform:none}}.progress-range,.volume-control input[type=range]{touch-action:pan-x}.arabic-text,.translation-text,.transliteration{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:none;hyphens:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.quran-word.active{transition:none}}@media print{.footer,.guess-card,.player-card,.side-column,.topbar{display:none}.app-shell{padding:0}}.app-splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 82% 4%,rgba(29,122,86,.07),transparent 24rem),var(--paper);opacity:1;transition:opacity .62s cubic-bezier(.55,0,.75,0),visibility .62s;will-change:opacity}html[data-theme=dark] .app-splash{background:radial-gradient(circle at 82% 4%,rgba(88,201,149,.09),transparent 26rem),radial-gradient(circle at 12% 92%,rgba(105,220,227,.035),transparent 30rem),var(--paper)}html:not([data-splash=active]) .app-splash{display:none}html[data-splash=active] body{overflow:hidden}.app-splash .brand-lockup{height:clamp(62px,19vw,108px);opacity:1;transform:scale(1);transition:opacity .34s cubic-bezier(.55,0,.75,0),transform .52s cubic-bezier(.34,.01,.24,1);will-change:opacity,transform}.app-splash .brand-lockup-sweep{animation:brand-sweep 1.9s cubic-bezier(.3,.7,.3,1) .85s infinite}.app-splash.is-leaving{opacity:0;visibility:hidden}.app-splash.is-leaving .brand-lockup{opacity:0;transform:scale(1.045) translateY(-6px)}.app-splash.is-leaving .brand-lockup-sweep{animation:none;opacity:0;transition:opacity .2s ease-out}@media (prefers-reduced-motion:reduce){.app-splash .brand-lockup-sweep{display:none}.app-splash .brand-lockup{transition:opacity .2s linear}.app-splash.is-leaving .brand-lockup{transform:none}.app-splash{transition:opacity .2s linear,visibility .2s linear}}.modes-menu{position:relative;display:inline-flex}.modes-trigger{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer;font-weight:650}.modes-trigger.is-open{background:rgba(31,38,34,.06);color:var(--ink)}html[data-theme=dark] .modes-trigger.is-open{background:rgba(255,255,255,.07)}.modes-chevron{transition:transform .18s ease}.modes-trigger.is-open .modes-chevron{transform:rotate(180deg)}.modes-dropdown{position:absolute;z-index:40;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 24px));padding:7px;border:1px solid var(--line);border-radius:16px;background:rgba(251,250,246,.98);box-shadow:0 22px 56px rgba(31,38,34,.18);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}html[data-theme=dark] .modes-dropdown{background:rgba(19,26,22,.98);box-shadow:0 24px 64px rgba(0,0,0,.5)}.modes-group+.modes-group{margin-top:3px}.modes-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 11px;border:0;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.modes-item:hover{background:var(--green-pale)}.modes-item.is-active{background:var(--green-soft)}.modes-item-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.modes-item-copy b{font-size:13px}.modes-item-copy small{color:var(--ink-3);font-size:10px;line-height:1.4}.modes-tick{color:var(--green);font-size:13px}.modes-variants{display:grid;grid-gap:4px;gap:4px;margin:4px 0 2px 11px;padding-left:10px;border-left:2px solid var(--line)}.modes-variant{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.modes-variant:hover{background:rgba(31,38,34,.04)}html[data-theme=dark] .modes-variant:hover{background:rgba(255,255,255,.045)}.modes-variant.is-active{border-color:rgba(29,122,86,.3);background:var(--green-pale)}.modes-variant b{font-size:12px}.modes-variant small{line-height:1.4}.modes-note,.modes-variant small{color:var(--ink-3);font-size:10px}.modes-note{margin:6px 4px 2px;line-height:1.45}@media (max-width:980px){.modes-menu{display:inline-flex}.nav-pills{display:flex}.nav-pills .nav-pill:not(.modes-trigger){display:none}.modes-dropdown{left:auto;right:0;transform:none}}.ayah-count-surah{display:grid;justify-items:center;grid-gap:6px;gap:6px;margin:40px auto 30px;text-align:center}.ayah-count-arabic{margin:0;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(52px,7vw,92px);line-height:1.5;color:var(--green-dark);direction:rtl;overflow-wrap:anywhere}.ayah-count-translit{margin:0;font-size:clamp(26px,3vw,38px);font-weight:720;letter-spacing:-.04em;color:var(--ink)}.ayah-count-meaning{margin:0;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(15px,1.8vw,19px);color:var(--ink-2)}.ayah-count-place{margin-top:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--green-pale);color:var(--green-dark);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ayah-count-answer{display:grid;grid-gap:9px;gap:9px}.ayah-count-label{color:var(--ink-2);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ayah-count-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:9px;gap:9px}.ayah-count-input{height:56px;padding:0 16px;border:1px solid #cfcfc7;border-radius:12px;background:white;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;letter-spacing:.02em;text-align:center;outline:none}.ayah-count-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,122,86,.09)}.ayah-count-input::placeholder{color:#c2c8c3;font-weight:600}html[data-theme=dark] .ayah-count-input{background:#0f1612;border-color:#34413a}.ayah-count-submit{min-width:122px;height:56px}.ayah-count-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:22px;margin:0;font-size:12px}.ayah-count-feedback small{color:var(--ink-3);font-size:10px}.ayah-hint-down,.ayah-hint-up{font-weight:750;color:var(--green)}.ayah-hint-down{color:var(--amber)}.ayah-last-score{color:var(--ink-2);font-weight:650}.ayah-try-scores{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ayah-try-scores li{display:grid;grid-gap:1px;gap:1px;justify-items:center;min-width:46px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.6)}html[data-theme=dark] .ayah-try-scores li{background:rgba(255,255,255,.035)}.ayah-try-scores li.is-best{border-color:rgba(29,122,86,.4);background:var(--green-pale)}.ayah-try-scores span{color:var(--ink-3);font-size:8px;letter-spacing:.1em}.ayah-try-scores b{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ayah-try-scores li.is-best b{color:var(--green)}.ayah-count-actions{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:3px}@media (max-width:650px){.ayah-count-surah{margin:26px auto 22px}.ayah-count-arabic{font-size:54px}.ayah-count-translit{font-size:26px}.ayah-count-row{grid-template-columns:1fr}.ayah-count-submit{width:100%}.ayah-count-input{height:52px;font-size:24px}}.site-topbar{grid-template-columns:minmax(150px,1fr) minmax(0,720px) minmax(110px,1fr);column-gap:16px}.nav-scroll{min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.nav-scroll::-webkit-scrollbar{display:none}.nav-pills{width:max-content;margin:0 auto;align-items:center;flex-wrap:nowrap}.nav-slot{display:contents}.nav-pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;border:0;background:transparent;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.modes-trigger:hover,.nav-pill:focus-visible,.nav-pill:hover{background:var(--ink);color:white}.nav-pill.active,.nav-pill[aria-current=page]{background:var(--ink);color:white}.header-actions:empty{visibility:hidden}html[data-theme=dark] .modes-trigger.is-open,html[data-theme=dark] .modes-trigger:hover,html[data-theme=dark] .nav-pill.active,html[data-theme=dark] .nav-pill:focus-visible,html[data-theme=dark] .nav-pill:hover,html[data-theme=dark] .nav-pill[aria-current=page]{background:#e6eee9;color:#111713}.modes-dropdown-portal{position:fixed;right:auto;z-index:120;transform:translateX(-50%);max-height:min(620px,calc(100dvh - 96px));overflow-y:auto;overscroll-behavior:contain}.site-page-shell{min-height:100vh;min-height:100dvh;padding:0 28px 32px}.content-main{max-width:1280px;margin:0 auto}.content-hero{min-height:500px;padding:clamp(64px,8vw,112px) 0 clamp(56px,7vw,92px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--line)}.content-hero h1{max-width:980px;margin:18px 0 24px;font-size:clamp(58px,7.5vw,108px);line-height:.9;letter-spacing:-.067em;font-weight:770}.content-hero h1 em{font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--green);letter-spacing:-.05em}.content-hero>p:not(.eyebrow){max-width:760px;margin:0;color:var(--ink-2);font-size:clamp(16px,1.5vw,19px);line-height:1.7}.content-hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}.content-cta{min-height:48px;padding-inline:22px}.secondary-link{color:var(--ink-2);font-weight:700;padding:12px 2px}.secondary-link:hover{color:var(--green)}.content-section{padding:clamp(72px,9vw,120px) 0;border-bottom:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:36px}.section-heading.compact{max-width:660px}.final-cta-panel h2,.resource-toolbar h2,.section-heading h2,.trusted-panel h2{margin:10px 0 0;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.052em}.section-heading>p:last-child{color:var(--ink-2);line-height:1.65}.process-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.process-strip article{padding:32px 26px 38px 0;border-right:1px solid var(--line)}.process-strip article+article{padding-left:26px}.process-strip article:last-child{border-right:0}.process-strip span{display:block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em}.process-strip h2{margin:24px 0 10px;font-size:21px;letter-spacing:-.025em}.process-strip p{margin:0;color:var(--ink-2);line-height:1.6;font-size:13px}.mode-explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.mode-explain-card{padding:clamp(26px,3vw,42px);min-height:360px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--card) 91%,transparent);box-shadow:var(--shadow)}.mode-explain-card.featured{background:var(--inverse-surface);color:var(--inverse-ink);border-color:var(--inverse-line)}.mode-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--green)}.mode-explain-card.featured .mode-kicker{color:#83d7b5}.mode-explain-card h3{margin:18px 0 12px;font-size:clamp(32px,4vw,52px);letter-spacing:-.055em}.mode-explain-card>p{color:var(--ink-2);max-width:560px;line-height:1.65}.mode-explain-card.featured>p{color:var(--inverse-muted)}.mode-explain-card ul{padding-left:19px;margin:28px 0 0;display:grid;grid-gap:11px;gap:11px;color:color-mix(in srgb,var(--inverse-ink) 88%,transparent);line-height:1.45}.variant-explain{display:grid;grid-gap:10px;gap:10px;margin-top:30px}.variant-explain div{display:grid;grid-gap:5px;gap:5px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.variant-explain span{color:var(--ink-2);line-height:1.5;font-size:13px}.completion-explain-card{grid-column:1/-1;min-height:0}.completion-explain-card>p{max-width:760px}.completion-explain-card .variant-explain{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-explain-note{margin:18px 0 0;color:var(--ink-3)!important;font-size:13px;line-height:1.6!important}.scoring-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);grid-column-gap:60px;column-gap:60px;align-items:start}.score-story{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:20px;overflow:hidden}.score-story div{padding:26px 12px;text-align:center;border-right:1px solid var(--line);background:var(--card)}.score-story div:last-child{border-right:0}.score-story small,.score-story span{display:block;color:var(--ink-3);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.score-story b{display:block;margin:10px 0 4px;font-size:clamp(24px,3vw,40px);letter-spacing:-.05em}.learning-note{grid-column:2;margin-top:16px;padding:18px 20px;border-radius:15px;background:var(--green-pale)}.learning-note p{color:var(--ink-2);margin:7px 0 0;line-height:1.55;font-size:13px}.final-cta-panel{margin:clamp(72px,9vw,120px) 0;padding:clamp(30px,5vw,56px);border-radius:26px;background:var(--green-pale);display:flex;justify-content:space-between;align-items:end;gap:30px}.final-cta-panel h2{max-width:720px}.names-explorer{padding:clamp(64px,8vw,104px) 0}.resource-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.resource-toolbar h2{font-size:clamp(32px,4vw,52px)}.resource-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.resource-control{display:grid;grid-gap:6px;gap:6px}.resource-control>span{color:var(--ink-3);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.resource-control input,.resource-control select{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:0 12px}.resource-control select{min-width:190px}.resource-search input{min-width:min(280px,70vw)}.resource-error,.resource-notice{padding:12px 15px;border-radius:12px;line-height:1.5;font-size:13px}.resource-notice{background:var(--green-pale);color:var(--ink-2)}.resource-error{background:color-mix(in srgb,var(--red) 12%,var(--card));color:var(--red)}.names-loading{min-height:260px;display:grid;place-items:center;color:var(--ink-3)}.names-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.name-card{position:relative;min-height:250px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden}.name-number{position:absolute;top:18px;right:18px;font-size:10px;color:var(--ink-3);letter-spacing:.1em}.name-arabic{margin:12px 0 26px;color:var(--green-dark);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(36px,4vw,52px);line-height:1.4;text-align:right}.name-card h3{margin:0 0 6px;font-size:21px;letter-spacing:-.03em}.name-card b{display:block;font-size:14px}.name-card>p:last-child{color:var(--ink-2);line-height:1.55;font-size:12px}.resource-empty{grid-column:1/-1;padding:60px 0;color:var(--ink-3);text-align:center}.resource-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.resource-card{min-height:230px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.resource-card>span{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.12em}.resource-card h3{margin:34px 0 10px;font-size:23px;letter-spacing:-.035em}.resource-card p{margin:0;color:var(--ink-2);line-height:1.6;font-size:13px}.trusted-panel{margin:clamp(70px,8vw,110px) 0;padding:clamp(30px,5vw,58px);border:1px solid var(--inverse-line);border-radius:26px;background:var(--inverse-surface);color:var(--inverse-ink);display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;box-shadow:0 20px 54px rgba(0,0,0,.12)}.trusted-panel>div:first-child>p:last-child{color:var(--inverse-muted);line-height:1.6}.trusted-links{display:grid;grid-gap:10px;gap:10px;align-content:center}.trusted-links a{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--inverse-line);border-radius:14px;background:color-mix(in srgb,var(--inverse-ink) 4.5%,transparent);color:var(--inverse-ink);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.trusted-links a:hover{background:color-mix(in srgb,var(--inverse-ink) 10%,transparent);border-color:color-mix(in srgb,var(--inverse-ink) 22%,transparent);transform:translateY(-1px)}.trusted-links span{color:var(--inverse-muted)}.surah-resource-grid{padding:clamp(60px,8vw,100px) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.surah-resource-card{min-height:300px;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--card);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.surah-resource-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--green) 48%,var(--line));box-shadow:var(--shadow)}.surah-resource-number{color:var(--ink-3);font-size:10px;letter-spacing:.12em}.surah-resource-card>p{margin:12px 0 5px;color:var(--green-dark);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:44px;line-height:1.35;text-align:right}.surah-resource-card h2{margin:0 0 12px;font-size:30px;letter-spacing:-.045em}.surah-resource-card div{color:var(--ink-2);line-height:1.6;max-width:520px}.surah-resource-card small{display:block;margin-top:28px;color:var(--green);font-weight:750}.site-footer{max-width:1280px;margin:clamp(72px,9vw,120px) auto 0;padding:clamp(30px,4vw,52px);border-radius:28px;background:#1b201e;color:#eef4f0;box-shadow:0 18px 50px rgba(0,0,0,.12)}.site-footer-grid{display:grid;grid-template-columns:1.05fr .85fr 1.2fr;grid-gap:clamp(30px,4vw,58px);gap:clamp(30px,4vw,58px);align-items:start}.footer-lockup{display:inline-flex;margin-bottom:24px}.site-footer .footer-lockup .brand-lockup{height:44px}.site-footer .footer-lockup .brand-lockup-art,.site-footer .footer-lockup .brand-lockup-sweep,.site-footer .footer-lockup .brand-mark,.site-footer .footer-lockup .brand-word{animation:none!important}.site-footer .footer-lockup .brand-mark{fill:#63d0a1!important}.site-footer .footer-lockup .brand-word{fill:#f0f4f1!important}.site-footer .footer-lockup .brand-lockup-sweep{display:none}.footer-intro h2{margin:0 0 12px;font-size:25px;letter-spacing:-.035em}.footer-intro p{margin:0;max-width:420px;color:#b9c3bd;line-height:1.6;font-size:13px}.footer-intro .footer-source-note{margin-top:20px;color:#89958e;font-size:11px}.footer-link-columns{display:grid;grid-template-columns:1fr;grid-gap:28px;gap:28px}.footer-link-columns section{display:grid;grid-gap:10px;gap:10px}.footer-link-columns h3{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7f8b84}.footer-link-columns a{width:-moz-fit-content;width:fit-content;color:#d2dad5;font-size:13px}.footer-link-columns a:hover{color:#7adeb3}.footer-feedback{display:grid;grid-gap:12px;gap:12px}.footer-feedback-heading{display:grid;grid-gap:4px;gap:4px}.footer-feedback-heading b{font-size:18px}.footer-feedback-heading span{color:#98a49d;font-size:12px}.footer-feedback-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.footer-feedback label{display:grid;grid-gap:6px;gap:6px;color:#aeb9b2;font-size:10px;font-weight:700;letter-spacing:.03em}.footer-feedback label small{color:#66736b;font-weight:500}.footer-feedback input,.footer-feedback textarea{width:100%;border:1px solid #37413c;border-radius:12px;background:#202724;color:#f0f4f1;padding:11px 12px;outline:none;resize:vertical}.footer-feedback input:focus,.footer-feedback textarea:focus{border-color:#63d0a1;box-shadow:0 0 0 2px rgba(99,208,161,.12)}.footer-feedback input::placeholder,.footer-feedback textarea::placeholder{color:#6e7973}.feedback-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.footer-feedback-action{display:flex;align-items:center;gap:12px;min-height:42px}.footer-send{min-height:42px;padding:0 16px;border:0;border-radius:11px;background:#63d0a1;color:#102019;font-weight:800;cursor:pointer}.footer-send:hover:not(:disabled){background:#83dfb9}.footer-send:disabled{opacity:.55;cursor:wait}.feedback-form-status{color:#96a39b;font-size:11px;line-height:1.35}.feedback-form-status.sent{color:#87dcb6}.feedback-form-status.error{color:#f1a49d}.site-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:1px solid #333c38;color:#77837c;font-size:10px}@media (max-width:1100px){.site-topbar{grid-template-columns:minmax(135px,1fr) minmax(0,610px) minmax(96px,1fr);gap:10px}.site-footer-grid{grid-template-columns:1fr 1fr}.footer-feedback{grid-column:1/-1;max-width:760px}.names-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.site-page-shell{padding:0 18px 26px}.site-topbar,.topbar.site-topbar{height:auto;min-height:76px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px auto;column-gap:12px;align-items:center;padding-bottom:8px}.site-topbar .brand{grid-column:1;grid-row:1}.site-topbar .header-actions{grid-column:2;grid-row:1}.nav-scroll{grid-column:1/-1;grid-row:2;width:100%;padding:1px 0 2px}.nav-pills,.site-topbar .nav-pills{display:flex;margin:0;min-width:max-content}.nav-pills .nav-pill:not(.modes-trigger){display:inline-flex}.settings-popover{top:112px}.process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.process-strip article:nth-child(2){border-right:0}.process-strip article:nth-child(n+3){border-top:1px solid var(--line)}.process-strip article:nth-child(3){padding-left:0}.scoring-section{grid-template-columns:1fr}.learning-note{grid-column:1}.resource-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trusted-panel{grid-template-columns:1fr;gap:28px}}@media (max-width:720px){.site-footer-grid{grid-template-columns:1fr}.footer-feedback{grid-column:auto}.footer-feedback-fields,.mode-explain-grid,.surah-resource-grid{grid-template-columns:1fr}.completion-explain-card{grid-column:auto}.completion-explain-card .variant-explain{grid-template-columns:1fr}.score-story{grid-template-columns:repeat(5,minmax(62px,1fr));overflow-x:auto}.resource-toolbar{align-items:stretch;flex-direction:column}.resource-controls{display:grid;grid-template-columns:1fr}.resource-control select,.resource-search input{width:100%;min-width:0}.names-grid{grid-template-columns:1fr}.final-cta-panel{align-items:flex-start;flex-direction:column}}@media (max-width:650px){.site-page-shell{padding:0 11px 22px}.site-topbar,.topbar.site-topbar{min-height:64px;grid-template-rows:58px auto;padding-bottom:7px}.site-topbar .brand-lockup{height:34px}.nav-pills{padding:3px;gap:2px}.nav-pill{padding:7px 12px;font-size:12px;scroll-snap-align:start}.nav-scroll{scroll-snap-type:x proximity}.score-mini{padding:7px 9px}.settings-popover{top:102px}.content-hero{min-height:auto;padding:56px 0 50px}.content-hero h1{font-size:clamp(48px,14vw,72px)}.process-strip{grid-template-columns:1fr}.process-strip article,.process-strip article+article{padding:26px 0;border-right:0;border-top:1px solid var(--line)}.process-strip article:first-child{border-top:0}.resource-card-grid{grid-template-columns:1fr}.site-footer{margin-top:70px;border-radius:22px;padding:26px 20px}.site-footer-bottom{flex-direction:column;gap:6px}.modes-dropdown-portal{max-height:calc(100dvh - 84px)}}@media print{.site-footer,.site-topbar{display:none!important}}.site-page-shell{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right));padding-bottom:max(32px,env(safe-area-inset-bottom))}@media (max-width:980px){.app-shell,.site-page-shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(26px,env(safe-area-inset-bottom))}}@media (max-width:650px){.app-shell,.site-page-shell{padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right));padding-bottom:max(22px,env(safe-area-inset-bottom))}}.dhikr-resource-card{display:flex;flex-direction:column;min-height:320px}.resource-card-content{flex:1 1}.dhikr-source-links{display:flex;flex-direction:column;gap:.55rem;margin-top:2rem}.dhikr-source-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.78rem .9rem;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:.75rem;color:inherit;background:color-mix(in srgb,currentColor 3%,transparent);font-size:.84rem;font-weight:700;line-height:1.25;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.dhikr-source-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--green,#168a67) 45%,transparent);background:color-mix(in srgb,var(--green,#168a67) 9%,transparent)}.dhikr-source-link:focus-visible{outline:2px solid var(--green,#168a67);outline-offset:3px}.dhikr-source-arrow{flex:0 0 auto;font-size:.95rem;transition:transform .16s ease}.dhikr-source-link:hover .dhikr-source-arrow{transform:translate(2px,-2px)}.dhikr-source-credit{margin-top:.85rem;color:color-mix(in srgb,currentColor 48%,transparent);font-size:.67rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}@media (max-width:700px){.dhikr-resource-card{min-height:auto}.dhikr-source-links{margin-top:1.5rem}.dhikr-source-link{min-height:46px;padding:.78rem .85rem}}html[data-theme=dark] .mode-explain-card.featured,html[data-theme=dark] .trusted-panel{background:var(--inverse-surface);color:var(--inverse-ink);border-color:var(--inverse-line)}html[data-theme=dark] .trusted-links a{color:var(--inverse-ink)}html[data-theme=dark] .mode-explain-card.featured>p,html[data-theme=dark] .trusted-links span,html[data-theme=dark] .trusted-panel>div:first-child>p:last-child{color:var(--inverse-muted)}.site-theme-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--paper) 72%,transparent);box-shadow:0 1px 2px rgba(31,38,34,.04);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.site-theme-toggle:hover{transform:translateY(-1px);background:var(--card);border-color:color-mix(in srgb,var(--ink) 18%,var(--line));box-shadow:0 6px 20px rgba(31,38,34,.07)}.site-theme-toggle:active{transform:scale(.95)}.site-theme-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}.site-theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;pointer-events:none}.site-theme-toggle-icon svg{display:block;width:100%;height:100%}html[data-theme=dark] .site-theme-toggle{color:var(--ink);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);box-shadow:0 1px 2px rgba(0,0,0,.2)}html[data-theme=dark] .site-theme-toggle:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2);box-shadow:0 7px 22px rgba(0,0,0,.25)}@media (max-width:700px){.site-theme-toggle{width:39px;height:39px}.site-theme-toggle-icon,.site-theme-toggle-icon svg{width:18px;height:18px}}@media (pointer:coarse){.site-theme-toggle{min-width:44px;min-height:44px}}@media (hover:none){.site-theme-toggle:hover{transform:none}}@media (prefers-reduced-motion:reduce){.site-theme-toggle{transition:none}}.duas-hero-media,.how-hero-media,.names-hero-media,.surahs-hero-media{isolation:isolate}.how-hero-with-media{--how-hero-bg-rgb:244 242 233;--how-image-brightness:0.88;--how-image-saturation:0.9;--how-image-contrast:1.03;--how-edge-heavy:0.95;--how-edge-medium:0.62;--how-edge-soft:0.22;--how-vignette-edge:0.23;--how-vignette-shadow:0.18;position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:stretch;max-width:none;min-height:clamp(620px,74vh,830px);padding:0;overflow:hidden}html[data-theme=dark] .how-hero-with-media{--how-hero-bg-rgb:6 15 11;--how-image-brightness:0.66;--how-image-saturation:0.84;--how-image-contrast:1.06;--how-edge-heavy:0.88;--how-edge-medium:0.5;--how-edge-soft:0.16;--how-vignette-edge:0.68;--how-vignette-shadow:0.5}.how-hero-copy{position:relative;z-index:10;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(5.5rem,9vw,9rem) clamp(2rem,5vw,5.5rem) clamp(4rem,7vw,7rem) 0}.how-hero-copy h1{max-width:850px;margin:18px 0 24px;font-size:clamp(58px,7.5vw,108px);line-height:.9;letter-spacing:-.067em;font-weight:770}.how-hero-copy h1 em{font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--green);letter-spacing:-.05em}.how-hero-copy>p:not(.eyebrow){max-width:720px;margin:0;color:var(--ink-2);font-size:clamp(16px,1.5vw,19px);line-height:1.7}.how-hero-media{position:relative;z-index:1;min-width:0;min-height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 22%,#000);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 22%,#000)}.how-hero-media-parallax{position:absolute;inset:-88px -42px;transform:translate3d(0,var( --how-parallax-y,0 ),0);will-change:transform}.how-hero-image{object-fit:cover;object-position:52% 50%;transform:scale(1.07);filter:brightness(var( --how-image-brightness )) saturate(var( --how-image-saturation )) contrast(var( --how-image-contrast ))}.how-hero-image-tone{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(var(--how-hero-bg-rgb)/var(--how-edge-heavy)) 0,rgb(var(--how-hero-bg-rgb)/var(--how-edge-medium)) 10%,rgb(var(--how-hero-bg-rgb)/.12) 30%,transparent 62%,rgb(var(--how-hero-bg-rgb)/.08) 80%,rgb(var(--how-hero-bg-rgb)/var(--how-edge-soft)) 100%),linear-gradient(180deg,rgb(var(--how-hero-bg-rgb)/.08) 0,transparent 35%,rgb(var(--how-hero-bg-rgb)/.18) 100%)}.how-hero-image-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 52% 48%,transparent 44%,rgb(var(--how-hero-bg-rgb)/.04) 61%,rgb(var(--how-hero-bg-rgb)/var(--how-vignette-edge)) 100%);box-shadow:inset 0 0 95px rgb(var(--how-hero-bg-rgb)/var(--how-vignette-shadow))}.how-hero-image-edge-blur{position:absolute;inset:0;z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,rgb(var(--how-hero-bg-rgb)/.82) 0,rgb(var(--how-hero-bg-rgb)/.4) 9%,transparent 24%,transparent 79%,rgb(var(--how-hero-bg-rgb)/.12) 92%,rgb(var(--how-hero-bg-rgb)/.35) 100%);-webkit-mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 75%,#000 92%,#000);mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 75%,#000 92%,#000)}.content-hero.names-hero-with-media{--names-bg:245 243 236;--names-image-brightness:0.98;--names-image-saturation:0.95;--names-image-contrast:1.02;position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:stretch;width:100%;max-width:none;min-height:clamp(560px,68vh,740px);padding:0;overflow:hidden;border-bottom:1px solid var(--line)}html[data-theme=dark] .content-hero.names-hero-with-media{--names-bg:6 15 11;--names-image-brightness:1.02;--names-image-saturation:0.98;--names-image-contrast:1.03}.names-hero-copy{position:relative;z-index:10;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(4.8rem,8vw,7.2rem) clamp(2rem,5vw,5rem) clamp(3rem,5vw,4.4rem) 0}.names-hero-copy h1{max-width:780px;margin:18px 0 24px;font-size:clamp(58px,7.2vw,104px);line-height:.9;letter-spacing:-.067em;font-weight:770}.names-hero-copy h1 em{font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--green);letter-spacing:-.05em}.names-hero-copy>p:not(.eyebrow){max-width:720px;margin:0;color:var(--ink-2);font-size:clamp(16px,1.5vw,19px);line-height:1.7}.names-hero-media{position:relative;z-index:1;min-width:0;min-height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 24%,#000);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 24%,#000)}.names-hero-media-parallax{position:absolute;inset:-80px -36px;overflow:hidden;transform:translate3d(0,var( --names-parallax-y,0 ),0);will-change:transform}.names-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 20%;transform:scale(1.035);filter:brightness(var( --names-image-brightness )) saturate(var( --names-image-saturation )) contrast(var( --names-image-contrast ))}.names-hero-image-tone{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(var(--names-bg)/.88) 0,rgb(var(--names-bg)/.48) 9%,rgb(var(--names-bg)/.12) 27%,transparent 57%,rgb(var(--names-bg)/.03) 82%,rgb(var(--names-bg)/.12) 100%),linear-gradient(180deg,rgb(var(--names-bg)/.04) 0,transparent 36%,rgb(var(--names-bg)/.1) 100%)}html[data-theme=dark] .names-hero-image-tone{background:linear-gradient(90deg,rgba(6,15,11,.62),rgba(6,15,11,.22) 10%,rgba(6,15,11,.05) 27%,transparent 60%,rgba(6,15,11,.015) 82%,rgba(6,15,11,.05)),linear-gradient(180deg,rgba(6,15,11,.015),transparent 38%,rgba(6,15,11,.055))}.names-hero-image-halo{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 54% 18%,rgba(255,255,255,.42) 0,rgba(240,246,255,.22) 16%,rgba(223,234,255,.09) 28%,transparent 48%)}html[data-theme=dark] .names-hero-image-halo{background:radial-gradient(circle at 54% 18%,rgba(255,255,255,.82) 0,rgba(242,247,255,.5) 12%,rgba(220,233,255,.26) 24%,rgba(193,216,255,.12) 36%,transparent 54%),radial-gradient(circle at 54% 18%,rgba(255,255,255,.24) 0,rgba(255,255,255,.1) 30%,transparent 62%),linear-gradient(90deg,transparent 47.8%,rgba(255,255,255,.075) 50%,transparent 52.2%),linear-gradient(0deg,transparent 47.8%,rgba(255,255,255,.07) 50%,transparent 52.2%),linear-gradient(45deg,transparent 48.5%,rgba(255,255,255,.045) 50%,transparent 51.5%),linear-gradient(-45deg,transparent 48.5%,rgba(255,255,255,.04) 50%,transparent 51.5%);mix-blend-mode:screen;filter:blur(4px);opacity:.95}.names-hero-image-focus{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 24%,rgba(239,244,255,.16) 0,rgba(239,244,255,.08) 20%,transparent 42%)}html[data-theme=dark] .names-hero-image-focus{background:radial-gradient(circle at 52% 22%,rgba(255,255,255,.26) 0,rgba(242,247,255,.15) 16%,rgba(220,234,255,.08) 30%,transparent 46%);opacity:.9}.names-hero-image-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,transparent 44%,rgb(var(--names-bg)/.02) 63%,rgb(var(--names-bg)/.18) 100%);box-shadow:inset 0 0 78px rgb(var(--names-bg)/.1)}html[data-theme=dark] .names-hero-image-vignette{background:radial-gradient(ellipse at 50% 28%,transparent 50%,rgba(4,12,8,.025) 68%,rgba(4,12,8,.18) 100%);box-shadow:inset 0 0 52px rgba(0,8,4,.1)}.names-hero-image-edge-blur{position:absolute;inset:0;z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,rgb(var(--names-bg)/.74) 0,rgb(var(--names-bg)/.28) 9%,transparent 24%,transparent 80%,rgb(var(--names-bg)/.06) 92%,rgb(var(--names-bg)/.16) 100%);-webkit-mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 76%,#000 93%,#000);mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 76%,#000 93%,#000)}.content-hero.duas-hero-with-media{--duas-bg:245 243 236;--duas-image-brightness:0.98;--duas-image-saturation:0.9;--duas-image-contrast:1.01;position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:stretch;width:100%;max-width:none;min-height:clamp(520px,62vh,680px);padding:0;overflow:hidden;border-bottom:1px solid var(--line)}html[data-theme=dark] .content-hero.duas-hero-with-media{--duas-bg:6 15 11;--duas-image-brightness:0.9;--duas-image-saturation:0.84;--duas-image-contrast:1.03}.duas-hero-copy{position:relative;z-index:10;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(4.5rem,7vw,6.5rem) clamp(2rem,5vw,4.5rem) clamp(3rem,5vw,4rem) 0}.duas-hero-copy h1{max-width:760px;margin:18px 0 24px;font-size:clamp(56px,6.8vw,96px);line-height:.91;letter-spacing:-.065em;font-weight:770}.duas-hero-copy h1 em{font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--green);letter-spacing:-.05em}.duas-hero-copy>p:not(.eyebrow){max-width:680px;margin:0;color:var(--ink-2);font-size:clamp(16px,1.4vw,18px);line-height:1.7}.duas-hero-media{position:relative;z-index:1;min-width:0;min-height:100%;overflow:hidden;background:rgb(var(--duas-bg));-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 24%,#000);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 24%,#000)}.duas-hero-media-parallax{position:absolute;inset:-74px -34px;overflow:hidden;transform:translate3d(0,var( --duas-parallax-y,0 ),0);will-change:transform}.duas-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:52% 50%;transform:scale(.92);filter:brightness(var( --duas-image-brightness )) saturate(var( --duas-image-saturation )) contrast(var( --duas-image-contrast ))}.duas-hero-image-tone{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(var(--duas-bg)/.9) 0,rgb(var(--duas-bg)/.5) 10%,rgb(var(--duas-bg)/.13) 28%,transparent 58%,rgb(var(--duas-bg)/.04) 82%,rgb(var(--duas-bg)/.12) 100%),linear-gradient(180deg,rgb(var(--duas-bg)/.03) 0,transparent 38%,rgb(var(--duas-bg)/.1) 100%)}html[data-theme=dark] .duas-hero-image-tone{background:linear-gradient(90deg,rgba(6,15,11,.68),rgba(6,15,11,.28) 10%,rgba(6,15,11,.07) 28%,transparent 60%,rgba(6,15,11,.025) 82%,rgba(6,15,11,.07)),linear-gradient(180deg,rgba(6,15,11,.02),transparent 40%,rgba(6,15,11,.07))}.duas-hero-image-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 52% 50%,transparent 52%,rgb(var(--duas-bg)/.02) 68%,rgb(var(--duas-bg)/.16) 100%);box-shadow:inset 0 0 58px rgb(var(--duas-bg)/.08)}html[data-theme=dark] .duas-hero-image-vignette{background:radial-gradient(ellipse at 52% 50%,transparent 52%,rgba(4,12,8,.025) 70%,rgba(4,12,8,.18) 100%);box-shadow:inset 0 0 52px rgba(0,8,4,.1)}.duas-hero-image-edge-blur{position:absolute;inset:0;z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,rgb(var(--duas-bg)/.76) 0,rgb(var(--duas-bg)/.3) 9%,transparent 24%,transparent 80%,rgb(var(--duas-bg)/.06) 92%,rgb(var(--duas-bg)/.16) 100%);-webkit-mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 76%,#000 93%,#000);mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 76%,#000 93%,#000)}.content-hero.surahs-hero-with-media{--surahs-bg:245 243 236;--surahs-image-brightness:0.96;--surahs-image-saturation:0.96;--surahs-image-contrast:1.04;--surahs-glow-opacity:0.28;position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:stretch;width:100%;max-width:none;min-height:clamp(540px,66vh,720px);padding:0;overflow:hidden;border-bottom:1px solid var(--line)}html[data-theme=dark] .content-hero.surahs-hero-with-media{--surahs-bg:6 15 11;--surahs-image-brightness:1.13;--surahs-image-saturation:1.08;--surahs-image-contrast:1.07;--surahs-glow-opacity:0.62}.surahs-hero-copy{position:relative;z-index:10;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(4.8rem,8vw,7rem) clamp(2rem,5vw,5rem) clamp(3rem,5vw,4.4rem) 0}.surahs-hero-copy h1{max-width:780px;margin:18px 0 24px;font-size:clamp(58px,7.1vw,102px);line-height:.9;letter-spacing:-.067em;font-weight:770}.surahs-hero-copy h1 em{font-family:Georgia,Times New Roman,serif;font-weight:500;color:var(--green);letter-spacing:-.05em}.surahs-hero-copy>p:not(.eyebrow){max-width:700px;margin:0;color:var(--ink-2);font-size:clamp(16px,1.5vw,19px);line-height:1.7}.surahs-hero-media{position:relative;z-index:1;min-width:0;min-height:100%;overflow:hidden;background:rgb(var(--surahs-bg));-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 24%,#000);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 7%,#000 24%,#000)}.surahs-hero-media-parallax{position:absolute;inset:-96px -44px;overflow:hidden;transform:translate3d(0,var( --surahs-parallax-y,0 ),0);will-change:transform}.surahs-hero-image{inset:0;width:100%;height:100%;filter:brightness(var( --surahs-image-brightness )) saturate(var( --surahs-image-saturation )) contrast(var( --surahs-image-contrast ))}.surahs-hero-image,.surahs-hero-image-glow{position:absolute;display:block;max-width:none;object-fit:cover;object-position:50% 50%;transform:scale(1.04)}.surahs-hero-image-glow{inset:-2%;z-index:1;width:104%;height:104%;opacity:var( --surahs-glow-opacity );mix-blend-mode:screen;filter:brightness(1.9) contrast(1.42) saturate(1.04) blur(5px);pointer-events:none}html[data-theme=dark] .surahs-hero-image-glow{opacity:.68;filter:brightness(2.35) contrast(1.5) saturate(1.08) blur(6px)}.surahs-hero-image-tone{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(var(--surahs-bg)/.9) 0,rgb(var(--surahs-bg)/.47) 10%,rgb(var(--surahs-bg)/.11) 28%,transparent 59%,rgb(var(--surahs-bg)/.025) 84%,rgb(var(--surahs-bg)/.08) 100%)}html[data-theme=dark] .surahs-hero-image-tone{background:linear-gradient(90deg,rgba(6,15,11,.62),rgba(6,15,11,.22) 10%,rgba(6,15,11,.05) 28%,transparent 60%,transparent 88%,rgba(6,15,11,.025))}.surahs-hero-starlight{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 52% 52%,rgba(219,232,255,.12) 0,rgba(193,214,255,.05) 27%,transparent 55%)}html[data-theme=dark] .surahs-hero-starlight{background:radial-gradient(circle at 52% 51%,rgba(235,244,255,.19) 0,rgba(202,222,255,.09) 25%,transparent 58%);mix-blend-mode:screen}.surahs-hero-image-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 51% 50%,transparent 58%,rgb(var(--surahs-bg)/.025) 76%,rgb(var(--surahs-bg)/.11) 100%);box-shadow:inset 0 0 44px rgb(var(--surahs-bg)/.06)}html[data-theme=dark] .surahs-hero-image-vignette{background:radial-gradient(ellipse at 51% 50%,transparent 64%,rgba(0,5,3,.025) 82%,rgba(0,5,3,.1) 100%);box-shadow:inset 0 0 34px rgba(0,4,2,.06)}.surahs-hero-image-edge-blur{position:absolute;inset:0;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,rgb(var(--surahs-bg)/.74) 0,rgb(var(--surahs-bg)/.27) 9%,transparent 24%,transparent 82%,rgb(var(--surahs-bg)/.04) 94%,rgb(var(--surahs-bg)/.1) 100%);-webkit-mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 78%,#000 94%,#000);mask-image:linear-gradient(90deg,#000,#000 10%,transparent 26%,transparent 78%,#000 94%,#000)}@media (max-width:1050px){.content-hero.names-hero-with-media{grid-template-columns:minmax(0,1fr) minmax(310px,.87fr)}.content-hero.duas-hero-with-media{grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);min-height:clamp(500px,60vh,640px)}.content-hero.surahs-hero-with-media{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);min-height:clamp(510px,62vh,670px)}.duas-hero-copy,.names-hero-copy,.surahs-hero-copy{padding-right:1.75rem}.names-hero-image{object-position:50% 18%}.duas-hero-image{transform:scale(.94)}.duas-hero-image,.surahs-hero-image,.surahs-hero-image-glow{object-position:52% 50%}}@media (max-width:780px){.content-hero.duas-hero-with-media,.content-hero.how-hero-with-media,.content-hero.names-hero-with-media,.content-hero.surahs-hero-with-media{display:flex;flex-direction:column;min-height:auto;padding:0}.how-hero-copy{order:1;padding:5.5rem 1.25rem 2.5rem}.duas-hero-copy,.names-hero-copy,.surahs-hero-copy{order:1;padding:5rem 1.25rem 2.25rem}.duas-hero-copy h1,.how-hero-copy h1,.names-hero-copy h1,.surahs-hero-copy h1{font-size:clamp(48px,14vw,72px)}.how-hero-media{order:2;width:100%;height:min(72vw,430px);min-height:290px}.names-hero-media{order:2;width:100%;height:min(68vw,390px);min-height:260px}.duas-hero-media{order:2;width:100%;height:min(70vw,390px);min-height:250px}.surahs-hero-media{order:2;width:100%;height:min(76vw,430px);min-height:270px}.duas-hero-media,.how-hero-media,.names-hero-media,.surahs-hero-media{-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(180deg,transparent,#000 13%,#000 87%,transparent)}.how-hero-media-parallax{inset:-52px -25px}.names-hero-media-parallax{inset:-48px -22px}.duas-hero-media-parallax{inset:-46px -21px}.surahs-hero-media-parallax{inset:-58px -26px}.how-hero-image{object-position:51% 48%;transform:scale(1.1)}.names-hero-image{object-position:50% 16%;transform:scale(1.045)}.duas-hero-image{object-position:50% 50%;transform:scale(.9)}.surahs-hero-image,.surahs-hero-image-glow{object-position:50% 50%;transform:scale(1.045)}.how-hero-image-tone{background:linear-gradient(180deg,rgb(var(--how-hero-bg-rgb)/.82) 0,rgb(var(--how-hero-bg-rgb)/.12) 22%,transparent 45%,transparent 68%,rgb(var(--how-hero-bg-rgb)/.62) 100%)}.how-hero-image-edge-blur{background:linear-gradient(180deg,rgb(var(--how-hero-bg-rgb)/.52),transparent 22%,transparent 78%,rgb(var(--how-hero-bg-rgb)/.45));-webkit-mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000);mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000)}.names-hero-image-tone{background:linear-gradient(180deg,rgb(var(--names-bg)/.72) 0,rgb(var(--names-bg)/.09) 20%,transparent 45%,transparent 70%,rgb(var(--names-bg)/.48) 100%)}.names-hero-image-edge-blur{background:linear-gradient(180deg,rgb(var(--names-bg)/.42),transparent 22%,transparent 78%,rgb(var(--names-bg)/.34));-webkit-mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000);mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000)}.duas-hero-image-tone{background:linear-gradient(180deg,rgb(var(--duas-bg)/.7) 0,rgb(var(--duas-bg)/.09) 20%,transparent 45%,transparent 72%,rgb(var(--duas-bg)/.42) 100%)}.duas-hero-image-vignette{background:radial-gradient(ellipse at 50% 50%,transparent 56%,rgb(var(--duas-bg)/.04) 75%,rgb(var(--duas-bg)/.14) 100%)}.duas-hero-image-edge-blur{background:linear-gradient(180deg,rgb(var(--duas-bg)/.4),transparent 22%,transparent 78%,rgb(var(--duas-bg)/.3));-webkit-mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000);mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000)}.surahs-hero-image-tone{background:linear-gradient(180deg,rgb(var(--surahs-bg)/.62) 0,rgb(var(--surahs-bg)/.07) 20%,transparent 44%,transparent 72%,rgb(var(--surahs-bg)/.36) 100%)}.surahs-hero-image-edge-blur{background:linear-gradient(180deg,rgb(var(--surahs-bg)/.36),transparent 22%,transparent 78%,rgb(var(--surahs-bg)/.28));-webkit-mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000);mask-image:linear-gradient(180deg,#000,transparent 25%,transparent 75%,#000)}}@media (max-width:520px){.duas-hero-copy,.names-hero-copy,.surahs-hero-copy{padding:4.25rem 1rem 2rem}.duas-hero-media{height:min(78vw,340px);min-height:230px}.duas-hero-image{transform:scale(.88)}.surahs-hero-media{height:min(84vw,370px);min-height:250px}}@media (prefers-reduced-motion:reduce){.duas-hero-media-parallax,.how-hero-media-parallax,.names-hero-media-parallax,.surahs-hero-media-parallax{transform:none!important;will-change:auto}}.surahs-library-section{padding-top:clamp(4.5rem,8vw,8rem)}.surahs-library-heading{width:min(980px,100%);margin:0 auto clamp(3.5rem,6vw,5.5rem);text-align:center}.surahs-library-heading .eyebrow{margin-bottom:1rem;text-align:center}.surahs-library-heading h2{margin:0;font-size:clamp(58px,6.4vw,92px);line-height:.94;letter-spacing:-.06em;font-weight:700;text-align:center}.surahs-library-heading h2 em{display:inline-block;margin-top:.08em;font-family:Georgia,Times New Roman,serif;font-size:.82em;font-weight:500;font-style:italic;line-height:.98;letter-spacing:-.05em;color:var(--green)}.surahs-library-heading>p:last-child{max-width:720px;margin:1.5rem auto 0;color:var(--ink-2);font-size:clamp(15px,1.35vw,18px);line-height:1.7;text-align:center}@media (max-width:1000px){.surahs-library-heading{width:min(820px,100%)}.surahs-library-heading h2{font-size:clamp(52px,8vw,76px)}}@media (max-width:700px){.surahs-library-section{padding-top:3.75rem}.surahs-library-heading{width:100%;margin-bottom:2.75rem}.surahs-library-heading h2{font-size:clamp(42px,13vw,60px);line-height:.96}.surahs-library-heading h2 em{font-size:.86em}.surahs-library-heading>p:last-child{max-width:34rem;font-size:15px}}.score-breakdown{display:grid;grid-gap:12px;gap:12px;margin:26px 0 24px}.score-breakdown-item{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card) 82%,transparent)}.score-breakdown-main{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.score-breakdown-label{font-size:15px;font-weight:650;letter-spacing:-.02em;color:inherit}.score-breakdown-value{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-breakdown-meta{display:block;color:var(--ink-3);font-size:11px;line-height:1.4}.how-it-scores .score-breakdown-item,.mode-explain-card.featured .score-breakdown-item,.score-card .score-breakdown-item{background:color-mix(in srgb,white 4%,transparent);border-color:color-mix(in srgb,white 12%,transparent)}.how-it-scores .score-breakdown-meta,.mode-explain-card.featured .score-breakdown-meta,.score-card .score-breakdown-meta{color:color-mix(in srgb,var(--inverse-ink) 68%,transparent)}@media (max-width:700px){.score-breakdown{gap:10px;margin:22px 0 20px}.score-breakdown-item{padding:13px 14px;border-radius:14px}.score-breakdown-label{font-size:14px}.score-breakdown-value{font-size:28px}}.closest-figure-explainer{width:100%;margin:clamp(58px,7vw,96px) 0 clamp(82px,10vw,132px);border-top:0}.closest-figure-explainer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);margin-bottom:34px}.closest-figure-explainer-copy{min-width:0}.closest-figure-explainer-head .eyebrow{margin:0 0 22px;color:var(--green);font-size:10px;font-weight:820;line-height:1;letter-spacing:.13em}.closest-figure-explainer-head h2{max-width:1100px;margin:0;font-size:clamp(54px,6.3vw,96px);font-weight:760;line-height:.91;letter-spacing:-.065em}.closest-figure-explainer-head h2>em,.closest-figure-explainer-head h2>span{display:block}.closest-figure-explainer-head h2 em{margin-top:.12em;color:var(--green);font-family:Georgia,Times New Roman,serif;font-size:.91em;font-weight:500;font-style:italic;line-height:.92;letter-spacing:-.055em}.closest-figure-explainer-intro{max-width:820px;margin:26px 0 0;color:var(--ink-2);font-size:clamp(15px,1.3vw,18px);line-height:1.7}.closest-figure-pdf-link{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 72%,transparent);color:var(--ink);font-size:12px;font-weight:780;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.closest-figure-pdf-link:hover{border-color:color-mix(in srgb,var(--green) 46%,var(--line));background:color-mix(in srgb,var(--card) 94%,transparent);transform:translateY(-1px)}.closest-figure-details{width:100%;overflow:clip;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--card) 78%,transparent);box-shadow:0 18px 46px color-mix(in srgb,var(--ink) 5%,transparent)}.closest-figure-details>summary{min-height:108px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.closest-figure-details>summary::-webkit-details-marker{display:none}.closest-figure-details>summary::marker{content:""}.closest-figure-summary-copy{display:grid;grid-gap:7px;gap:7px;min-width:0}.closest-figure-summary-copy b{color:var(--ink);font-size:clamp(15px,1.35vw,18px);font-weight:780;letter-spacing:-.02em}.closest-figure-summary-copy small{color:var(--ink-3);font-size:clamp(12px,1.05vw,14px);line-height:1.5}.closest-figure-summary-icon{position:relative;width:44px;height:44px;flex:0 0 44px;display:block;border:1px solid var(--line);border-radius:50%;color:var(--green);transition:transform .22s ease,border-color .16s ease,background-color .16s ease}.closest-figure-icon-line{position:absolute;top:50%;left:50%;display:block;width:12px;height:1.5px;border-radius:999px;background:currentColor;transform-origin:50% 50%}.closest-figure-icon-line-horizontal{transform:translate(-50%,-50%) rotate(0deg)}.closest-figure-icon-line-vertical{transform:translate(-50%,-50%) rotate(90deg)}.closest-figure-details[open] .closest-figure-summary-icon{transform:rotate(45deg)}.closest-figure-details>summary:hover .closest-figure-summary-icon{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:color-mix(in srgb,var(--green-pale) 54%,transparent)}.closest-figure-article{width:min(1040px,calc(100% - 64px));margin:0 auto;padding:clamp(42px,5vw,72px) 0 clamp(48px,6vw,80px);border-top:1px solid var(--line)}.closest-figure-article h3{margin:42px 0 14px;color:var(--ink);font-size:clamp(25px,2.6vw,36px);line-height:1.08;letter-spacing:-.045em}.closest-figure-article h3:first-of-type{margin-top:36px}.closest-figure-article p{color:var(--ink-2);font-size:15px;line-height:1.78}.closest-figure-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.closest-figure-lead{max-width:850px;margin:0;color:var(--ink)!important;font-size:clamp(17px,1.55vw,20px)!important;line-height:1.72!important}.closest-figure-formula{margin:18px 0 22px;padding:20px 22px;overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:var(--green-pale);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(16px,1.8vw,21px);font-weight:720}.closest-figure-callout{margin:28px 0;padding:21px 22px;border-left:3px solid var(--green);border-radius:0 15px 15px 0;background:var(--paper-2)}.closest-figure-callout b{color:var(--ink)}.closest-figure-callout p{margin:7px 0 0}.closest-figure-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0;overflow:hidden;border:1px solid var(--line);border-radius:18px}.closest-figure-example-grid>div{display:grid;grid-gap:6px;gap:6px;padding:22px;text-align:center;background:var(--card);border-right:1px solid var(--line)}.closest-figure-example-grid>div:last-child{border-right:0}.closest-figure-example-grid span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.1em}.closest-figure-example-grid b{color:var(--ink);font-size:34px;letter-spacing:-.045em}.closest-figure-example-grid small{color:var(--ink-3);font-size:10px}.closest-figure-edge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0 30px}.closest-figure-edge-grid>section{min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 88%,transparent)}.closest-figure-edge-grid>section>span{display:block;margin-bottom:10px;color:var(--green);font-size:9px;font-weight:820;letter-spacing:.12em}.closest-figure-edge-grid h4{margin:0 0 8px;color:var(--ink);font-size:15px;line-height:1.35;letter-spacing:-.02em}.closest-figure-edge-grid p{margin:0;font-size:13px;line-height:1.65}.closest-figure-code{margin:22px 0;padding:22px;overflow-x:auto;border:1px solid var(--inverse-line);border-radius:16px;background:var(--inverse-surface);color:var(--inverse-ink);font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}html[data-theme=dark] .closest-figure-details{background:color-mix(in srgb,var(--card) 86%,transparent);box-shadow:0 18px 54px rgba(0,0,0,.18)}html[data-theme=dark] .closest-figure-edge-grid>section{background:color-mix(in srgb,var(--card) 94%,transparent)}@media (max-width:900px){.closest-figure-explainer-head{grid-template-columns:1fr;align-items:start;gap:24px}.closest-figure-pdf-link{width:-moz-fit-content;width:fit-content}}@media (max-width:700px){.closest-figure-explainer{margin:54px 0 84px}.closest-figure-explainer-head{margin-bottom:26px}.closest-figure-explainer-head .eyebrow{margin-bottom:16px}.closest-figure-explainer-head h2{font-size:clamp(44px,13vw,64px)}.closest-figure-explainer-intro{margin-top:20px;font-size:14px}.closest-figure-details{border-radius:20px}.closest-figure-details>summary{min-height:94px;padding:20px;gap:18px}.closest-figure-summary-icon{width:40px;height:40px;flex-basis:40px}.closest-figure-article{width:calc(100% - 36px);padding:32px 0 42px}.closest-figure-edge-grid,.closest-figure-example-grid{grid-template-columns:1fr}.closest-figure-example-grid>div{border-right:0;border-bottom:1px solid var(--line)}.closest-figure-example-grid>div:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.closest-figure-pdf-link,.closest-figure-summary-icon{transition:none}.closest-figure-pdf-link:hover{transform:none}.closest-figure-details[open] .closest-figure-summary-icon{transform:rotate(45deg)}}.completion-board{width:100%;min-width:0;display:grid;grid-gap:24px;gap:24px}.completion-surah-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:22px;gap:22px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}.completion-surah-head>div{min-width:0}.completion-label{justify-content:flex-start}.completion-surah-head h2{min-width:0;margin:9px 0 5px;font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}.completion-surah-head h2 i{display:inline-block;-webkit-margin-start:8px;margin-inline-start:8px;color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-style:normal;font-weight:500;letter-spacing:0}.completion-surah-head p{margin:0;color:var(--ink-3);font-size:12px}.completion-difficulty{white-space:nowrap;align-self:start;padding:8px 11px;border:1px solid color-mix(in srgb,var(--green) 26%,var(--line));border-radius:999px;background:var(--green-pale);color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.completion-passage{min-width:0;grid-gap:0;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--card) 92%,var(--paper-2))}.completion-prompt-ayah{min-width:0;padding:clamp(20px,3vw,30px)}.completion-prompt-ayah+.completion-prompt-ayah{border-top:1px solid var(--line)}.completion-ayah-meta{color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.completion-prompt-arabic{width:100%;max-width:100%;min-width:0;margin:15px 0 12px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;column-gap:.12em;row-gap:.04em;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(27px,3.1vw,42px);line-height:1.9;overflow-wrap:anywhere}.completion-translation,.completion-transliteration{max-width:100%;margin:7px 0 0;overflow-wrap:anywhere;line-height:1.65}.completion-transliteration{color:var(--ink-2);font-size:12px;font-style:italic}.completion-translation{color:var(--ink-3);font-size:12px}.completion-translation.muted{opacity:.58}.completion-blanks{min-width:0;display:grid;grid-gap:10px;gap:10px;border-top:1px dashed color-mix(in srgb,var(--green) 28%,var(--line));background:color-mix(in srgb,var(--green-pale) 62%,var(--card))}.completion-blank-slot,.completion-sequence-slot{width:100%;min-width:0;min-height:80px;border:1px dashed color-mix(in srgb,var(--green) 40%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card) 94%,var(--green-pale));color:var(--ink-3)}.completion-blank-slot{display:grid;place-items:center;padding:18px;text-align:center;font-size:12px;font-weight:700}.completion-sequence-slot{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;padding:14px 16px;text-align:start;cursor:pointer;overflow:hidden}.completion-sequence-slot:not(:disabled):hover{border-color:var(--green);background:var(--green-pale)}.completion-sequence-slot:disabled{cursor:default}.completion-slot-number{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink-3);font-size:10px;font-weight:800}.completion-slot-placeholder{color:var(--ink-3);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.completion-blank-slot.is-filled,.completion-sequence-slot.is-filled{border-style:solid;color:var(--ink)}.completion-blank-slot.is-correct,.completion-sequence-slot.is-correct{border-color:color-mix(in srgb,var(--green) 62%,var(--line));background:color-mix(in srgb,var(--green-soft) 72%,var(--card));box-shadow:inset 4px 0 0 var(--green)}.completion-sequence-slot.is-correct .completion-slot-number{border-color:var(--green);background:var(--green);color:white}.completion-bank-wrap{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.completion-bank-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line)}.completion-bank-head>div:first-child,.completion-bank-tools{min-width:0}.completion-bank-head>div:first-child{display:grid;grid-gap:2px;gap:2px}.completion-bank-head span{font-size:9px;font-weight:850;letter-spacing:.12em}.completion-bank-head small{color:var(--ink-3);font-size:9px;line-height:1.35}.completion-bank-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.completion-bank-tools .language-select,.completion-language-select{max-width:min(220px,100%)}.completion-bank{max-height:360px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 12px;gap:10px 12px;padding:14px 30px 18px 14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.completion-choice{width:100%;min-width:0;max-width:100%;min-height:82px;display:grid;grid-gap:7px;gap:7px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--card);text-align:start;cursor:pointer;box-shadow:0 5px 14px rgba(31,38,34,.035);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;overflow:hidden}.completion-choice.brick-1{transform:translateX(14px)}.completion-choice.brick-2{transform:translateX(5px)}.completion-choice:not(:disabled):hover{border-color:color-mix(in srgb,var(--green) 44%,var(--line));box-shadow:0 9px 24px rgba(31,38,34,.075)}.completion-choice.is-selected{border-color:var(--green);background:var(--green-pale);box-shadow:0 0 0 3px rgba(29,122,86,.1)}.completion-choice.is-misplaced{border-color:color-mix(in srgb,var(--amber) 72%,var(--line));background:color-mix(in srgb,var(--amber) 10%,var(--card));box-shadow:inset 3px 0 0 var(--amber)}.completion-choice:disabled{cursor:default}.completion-choice-arabic{display:block;min-width:0;max-width:100%;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(22px,2.25vw,31px);line-height:1.7}.completion-choice-details{min-width:0;display:grid;grid-gap:4px;gap:4px;overflow-wrap:anywhere}.completion-choice-details>span{color:var(--ink-2);font-size:10px;font-style:italic;line-height:1.5}.completion-choice-details small{color:var(--ink-3);font-size:10px;line-height:1.5}.completion-submit-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px}.completion-submit-row p{min-width:0;margin:0;color:var(--ink-3);font-size:10px;line-height:1.45}.completion-submit{flex:0 0 auto;min-width:128px}.completion-actions-card{min-width:0;overflow:hidden}html[data-theme=dark] .completion-difficulty{border-color:rgba(95,190,148,.28);background:rgba(29,122,86,.14);color:#86d7b6}html[data-theme=dark] .completion-choice,html[data-theme=dark] .completion-passage{background:#121914}html[data-theme=dark] .completion-blanks{background:rgba(29,122,86,.07)}html[data-theme=dark] .completion-blank-slot,html[data-theme=dark] .completion-sequence-slot{background:#101713}html[data-theme=dark] .completion-blank-slot.is-correct,html[data-theme=dark] .completion-sequence-slot.is-correct{background:rgba(29,122,86,.2)}html[data-theme=dark] .completion-bank-wrap{background:#0f1612}html[data-theme=dark] .completion-slot-number{background:#171f1a}html[data-theme=dark] .completion-choice.is-selected{background:rgba(29,122,86,.18)}html[data-theme=dark] .completion-choice.is-misplaced{background:rgba(157,111,44,.12)}@media (max-width:760px){.completion-surah-head{grid-template-columns:1fr;gap:12px}.completion-difficulty{justify-self:start}.completion-bank-head{align-items:flex-start;flex-direction:column}.completion-bank-tools{width:100%;justify-content:space-between}}@media (max-width:650px){.completion-board{gap:18px}.completion-surah-head h2{font-size:clamp(25px,8vw,34px)}.completion-passage{border-radius:15px}.completion-prompt-ayah{padding:18px 16px}.completion-prompt-arabic{font-size:clamp(27px,8vw,36px);line-height:1.82}.completion-blanks{padding:12px}.completion-sequence-slot{min-height:74px;padding:12px}.completion-bank{max-height:none;display:flex;flex-flow:row nowrap;gap:10px;padding:12px 12px 15px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch}.completion-choice,.completion-choice.brick-1,.completion-choice.brick-2{flex:0 0 min(82vw,318px);width:min(82vw,318px);min-height:96px;transform:none;scroll-snap-align:start}.completion-choice-arabic{font-size:clamp(24px,7vw,30px)}.completion-submit-row{align-items:stretch;flex-direction:column;gap:10px}.completion-submit{width:100%}}@media (prefers-reduced-motion:reduce){.completion-choice{transition:none}}.completion-mushaf-shell,.completion-passage{display:grid;grid-gap:18px;gap:18px}.completion-mushaf-shell{padding:clamp(20px,2.7vw,32px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 92%,white),var(--paper));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 30px rgba(18,28,23,.05)}.completion-mushaf-arabic{font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(32px,3.9vw,54px);line-height:2.05;letter-spacing:0;word-spacing:.06em}.completion-mushaf-verse .quran-word{display:inline;margin-inline:.12em}.completion-support-copy{display:grid;grid-gap:14px;gap:14px}.completion-support-block{display:grid;grid-gap:8px;gap:8px}.completion-support-label{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.completion-support-list{display:grid;grid-gap:8px;gap:8px}.completion-support-index{display:inline-block;-webkit-margin-end:9px;margin-inline-end:9px;color:var(--ink-3);font-size:10px;font-weight:700}.completion-translation,.completion-transliteration{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--card) 88%,transparent)}.completion-blanks{padding:16px}.completion-blank-slot,.completion-sequence-slot{border-radius:16px}.completion-bank-wrap{overflow:hidden}.completion-bank{max-width:100%;min-width:0;max-height:none;gap:12px;padding:14px;overscroll-behavior-y:none}.completion-choice,.completion-choice.brick-1,.completion-choice.brick-2{flex:0 0 min(380px,82vw);width:min(380px,82vw);min-height:96px}.completion-choice{align-content:center}.completion-choice-arabic{text-align:right}.completion-submit-row p{max-width:75ch}html[data-theme=dark] .completion-mushaf-shell{background:linear-gradient(180deg,#101813,#0d1410);border-color:rgba(95,190,148,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}html[data-theme=dark] .completion-translation,html[data-theme=dark] .completion-transliteration{background:rgba(255,255,255,.02)}@media (max-width:760px){.completion-mushaf-shell{padding:18px 15px;gap:14px}.completion-mushaf-arabic{font-size:clamp(28px,8.2vw,38px);line-height:1.95}.completion-bank{gap:10px;padding:12px}.completion-choice,.completion-choice.brick-1,.completion-choice.brick-2{flex-basis:min(88vw,320px);width:min(88vw,320px)}}.completion-bank,.completion-bank-wrap,.completion-board,.completion-mushaf-shell,.completion-passage{max-width:100%;min-width:0;box-sizing:border-box}.completion-passage{min-height:0;height:auto;align-content:start}.completion-mushaf-shell{width:100%;min-height:0;height:auto;overflow:hidden;padding:clamp(22px,3vw,34px) clamp(16px,2.6vw,30px)}.completion-mushaf-arabic{width:100%;max-width:100%;min-width:0;min-height:0;height:auto;display:block;direction:rtl;text-align:center;white-space:normal;margin-inline:auto;line-height:1.9;overflow:visible;overflow-wrap:normal;word-wrap:normal;word-break:normal;contain:none}.completion-mushaf-verse{display:inline}.completion-mushaf-verse .quran-word{display:inline-block;flex:none;width:auto;min-width:auto;max-width:none;margin-inline:.035em;padding-inline:.08em;vertical-align:baseline;white-space:nowrap;overflow-wrap:normal;word-wrap:normal;word-break:keep-all}.completion-ayah-marker{position:static;display:inline-block;flex:0 0 auto;width:auto;height:auto;margin-inline:.12em .18em;vertical-align:middle;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:1em;font-weight:400;line-height:1;color:currentColor;transform:none}.completion-reading-copy{width:100%;max-width:100%;min-width:0;padding-top:2px}.completion-default-transliteration{font-size:16px;line-height:1.7;padding-inline:4px}.completion-translation-divider{margin:30px 0 22px}.completion-translation-head{width:100%}.completion-translation-head .language-select{flex:0 1 220px;width:min(220px,100%)}.completion-default-translation{margin-top:16px;line-height:1.72}.completion-bank-head{display:block}.completion-bank{width:100%;display:flex;flex-flow:row nowrap;align-items:stretch;gap:10px;padding:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch}.completion-choice,.completion-choice.brick-1,.completion-choice.brick-2{flex:0 0 clamp(260px,29vw,350px);width:clamp(260px,29vw,350px);max-width:calc(100vw - 72px);min-height:90px;padding:12px 14px;transform:none;scroll-snap-align:start;box-sizing:border-box}.completion-choice-arabic{font-size:clamp(21px,2vw,29px);line-height:1.65;overflow-wrap:anywhere;word-break:normal}.completion-submit{min-width:144px;height:50px;padding-inline:22px;font-size:14px;border-radius:12px}@media (max-width:760px){.completion-mushaf-shell{padding:18px 14px 20px}.completion-mushaf-arabic{font-size:clamp(27px,7.8vw,36px);line-height:1.85;column-gap:.04em}.completion-default-transliteration{font-size:14px;line-height:1.65}.completion-translation-divider{margin:24px 0 18px}.completion-translation-head{align-items:stretch}.completion-translation-head .language-select{flex:1 1 100%;width:100%;max-width:none}.completion-default-translation{font-size:14px;line-height:1.68}.completion-choice,.completion-choice.brick-1,.completion-choice.brick-2{flex-basis:clamp(238px,78vw,298px);width:clamp(238px,78vw,298px);max-width:calc(100vw - 56px);min-height:86px}.completion-submit-row{align-items:stretch}.completion-submit{min-width:132px;height:50px}}@media (max-width:520px){.completion-surah-head{gap:10px}.completion-mushaf-arabic{font-size:clamp(25px,7.4vw,32px);line-height:1.8}.completion-bank{padding:10px}.completion-choice,.completion-choice.brick-1,.completion-choice.brick-2{flex-basis:min(76vw,280px);width:min(76vw,280px);max-width:calc(100vw - 48px);min-height:82px}.completion-submit-row{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.completion-submit{width:100%;min-width:0}}.summary-share-block{display:grid;grid-gap:8px;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.summary-share-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:10px;gap:10px}.copy-result-button,.share-result-button,.verse-share-button{min-width:0;border:1px solid var(--line);border-radius:14px;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.copy-result-button,.share-result-button{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.share-result-button{border-color:var(--green);background:var(--green);color:white;box-shadow:0 8px 22px rgba(29,122,86,.16)}.copy-result-button{background:rgba(255,255,255,.72);color:var(--ink)}.copy-result-button svg,.share-result-button svg,.verse-share-button svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-result-button:not(:disabled):hover,.share-result-button:not(:disabled):hover,.verse-share-button:not(:disabled):hover{transform:translateY(-1px)}.copy-result-button:disabled,.share-result-button:disabled,.verse-share-button:disabled{cursor:wait;opacity:.65}.share-result-notice{min-height:16px;color:var(--ink-3);font-size:10px}.reveal-actions{justify-content:flex-end;gap:8px;flex-wrap:wrap}.reveal-actions,.verse-share-action{min-width:0;display:flex;align-items:center}.verse-share-action{gap:7px}.verse-share-action>span{max-width:150px;color:var(--ink-3);font-size:9px;line-height:1.3}.verse-share-button{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--ink)}html[data-theme=dark] .copy-result-button,html[data-theme=dark] .verse-share-button{background:rgba(255,255,255,.035)}.share-page-shell,.verse-share-page-shell{min-height:100svh;display:grid;place-items:center;padding:clamp(18px,4vw,52px);background:radial-gradient(circle at 85% 10%,rgba(29,122,86,.09),transparent 34%),var(--paper);color:var(--ink)}.share-page-card,.verse-share-page-card{width:min(900px,100%);min-width:0;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 28px 80px rgba(24,33,29,.12);overflow:hidden}.share-page-card{padding:clamp(26px,5vw,54px)}.share-page-brand{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.share-page-logo{display:inline-flex;align-items:center;width:clamp(142px,18vw,184px);min-width:0;text-decoration:none}.share-page-logo-art{display:block;width:100%;height:auto}.share-brand-type,.share-brand-type a,.share-brand-type b,.share-brand-type blockquote,.share-brand-type button,.share-brand-type h1,.share-brand-type p,.share-brand-type small,.share-brand-type span{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.share-page-brand>span{color:var(--ink-3);font-size:9px;font-weight:850;letter-spacing:.15em}.share-page-kicker{margin:clamp(42px,7vw,74px) 0 12px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.14em}.share-page-card h1{max-width:760px;margin:0;font-size:clamp(40px,7vw,74px);font-weight:900;line-height:.95;letter-spacing:-.07em}.share-page-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:clamp(36px,6vw,62px)}.share-page-stats>div{min-width:0;display:grid;grid-gap:5px;gap:5px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 66%,transparent)}.share-page-stats b{font-size:clamp(30px,5vw,46px);font-weight:900;letter-spacing:-.055em}.share-page-stats span{color:var(--ink-3);font-size:9px;font-weight:850;letter-spacing:.12em}.share-page-rounds{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;font-size:clamp(21px,3vw,28px)}.share-page-challenge{display:grid;justify-items:start;grid-gap:10px;gap:10px;margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.share-page-challenge p{margin:0;font-size:clamp(21px,3vw,29px);font-weight:800;letter-spacing:-.025em}.share-page-challenge small{color:var(--ink-3);font-size:10px}.share-page-cta{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;gap:16px;text-decoration:none}.verse-share-page-card{padding:clamp(26px,5vw,54px)}.verse-share-reference{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 13px;margin-top:46px}.verse-share-reference span{color:var(--ink-3);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.verse-share-reference b{font-size:20px}.verse-share-reference i{color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,serif;font-size:26px;font-style:normal;font-weight:500}.verse-share-arabic{max-width:100%;margin:34px 0;color:var(--green-dark);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(34px,5vw,54px);line-height:1.9;text-align:center;overflow-wrap:anywhere}.verse-share-divider{height:1px;background:var(--line)}.verse-share-page-card blockquote{margin:28px auto;max-width:760px;color:var(--ink-2);font-size:clamp(21px,3vw,30px);font-style:italic;font-weight:560;line-height:1.5;letter-spacing:-.02em;text-align:center}.verse-share-attribution{display:grid;grid-gap:4px;gap:4px;margin-bottom:30px;text-align:center}.verse-share-attribution b{font-size:13px}.verse-share-attribution span{color:var(--ink-3);font-size:10px}.verse-share-page-card .share-page-cta{margin-inline:auto}@media (max-width:650px){.summary-share-actions{grid-template-columns:1fr}.reveal-card{grid-template-columns:auto minmax(0,1fr)}.reveal-actions{grid-column:1/-1;width:100%;justify-content:stretch}.reveal-actions .primary,.reveal-actions>*,.verse-share-action,.verse-share-button{width:100%}.verse-share-action{display:grid}.share-page-stats{grid-template-columns:1fr 1fr}.share-page-stats>div:last-child{grid-column:1/-1}.share-page-challenge .share-page-cta,.verse-share-page-card .share-page-cta{width:100%;justify-content:space-between}}.completion-choice-content{width:100%;max-width:100%;min-width:0;display:grid;grid-gap:7px;gap:7px;align-content:center;box-sizing:border-box}.completion-sequence-slot{grid-template-columns:30px minmax(0,1fr);align-items:center}.completion-blank-slot>.completion-choice-content,.completion-choice>.completion-choice-content,.completion-sequence-slot>.completion-choice-content{min-width:0;width:100%;max-width:100%}.completion-blank-slot .completion-choice-arabic,.completion-choice-arabic,.completion-sequence-slot .completion-choice-arabic{width:100%;min-width:0;max-width:100%;display:block;direction:rtl;text-align:right;white-space:normal;overflow:visible;overflow-wrap:normal;word-wrap:normal;word-break:normal}.completion-blank-slot .completion-choice-details,.completion-sequence-slot .completion-choice-details{width:100%;min-width:0;max-width:100%}.completion-blank-slot .completion-choice-details>small,.completion-blank-slot .completion-choice-details>span,.completion-sequence-slot .completion-choice-details>small,.completion-sequence-slot .completion-choice-details>span{display:block;width:100%;max-width:100%;overflow-wrap:break-word;word-break:normal}.completion-sequence-slot.is-correct,.completion-sequence-slot.is-filled{height:auto;min-height:80px}@media (max-width:650px){.completion-sequence-slot{grid-template-columns:28px minmax(0,1fr);gap:10px}.completion-sequence-slot .completion-choice-arabic{font-size:clamp(22px,6.6vw,29px);line-height:1.7}}.completion-passage{gap:14px}.completion-mushaf-shell{gap:12px;padding:clamp(18px,2.2vw,26px) clamp(16px,2.4vw,28px)}.completion-mushaf-arabic{font-size:clamp(30px,3.15vw,46px);line-height:1.62}.completion-mushaf-verse .quran-word{margin-inline:.03em;padding-inline:.06em}.completion-ayah-marker{margin-inline:.09em .14em}.completion-reading-copy{padding-top:0}.completion-default-transliteration{max-width:min(860px,100%);font-size:15px;line-height:1.5;padding-inline:2px}.completion-translation-divider{margin:18px 0 14px}.completion-default-translation{margin-top:11px;font-size:15px;line-height:1.58}.completion-blanks{padding:13px}@media (max-width:760px){.completion-passage{gap:12px}.completion-mushaf-shell{gap:10px;padding:16px 13px 17px}.completion-mushaf-arabic{font-size:clamp(27px,7.8vw,36px);line-height:1.58}.completion-default-transliteration{font-size:14px;line-height:1.48}.completion-translation-divider{margin:16px 0 12px}.completion-default-translation{margin-top:10px;font-size:14px;line-height:1.52}.completion-blanks{padding:11px}}@media (max-width:520px){.completion-mushaf-shell{padding:14px 12px 15px}.completion-mushaf-arabic{font-size:clamp(25px,7.4vw,32px);line-height:1.54}}.learning-shell{min-height:100vh}.learning-main{display:grid;grid-gap:22px;gap:22px}.learning-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:32px;gap:32px;padding:clamp(28px,4vw,54px) 0 10px}.learning-hero h1{margin:8px 0 12px;font-size:clamp(44px,7vw,86px);line-height:.93;letter-spacing:-.065em}.learning-hero>div:first-child>p:last-child{max-width:680px;margin:0;color:var(--ink-2);font-size:14px;line-height:1.65}.learning-page-jump{min-width:250px;display:grid;grid-gap:7px;gap:7px}.learning-block-picker>span,.learning-control-group>span,.learning-language-control label,.learning-page-jump label,.learning-range-form label>span{color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.learning-page-jump>div{display:flex;align-items:center;gap:8px;min-height:46px;padding:5px 6px 5px 11px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.learning-page-jump input{width:70px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;outline:none}.learning-page-jump span{margin-right:auto;color:var(--ink-3);font-size:11px}.learning-page-jump button,.learning-range-apply{min-height:34px;border:0;border-radius:10px;padding:0 13px;background:var(--green);color:white;font-weight:800;cursor:pointer}.learning-toolbar{position:-webkit-sticky;position:sticky;top:calc(env(safe-area-inset-top, 0px) + 10px);z-index:20;display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 12px 36px rgba(20,28,23,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.learning-control-group,.learning-language-control{display:grid;grid-gap:6px;gap:6px;min-width:0}.learning-segmented{display:flex;min-width:0;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.learning-segmented button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}.learning-segmented button.is-active{background:var(--green-pale);color:var(--green-dark,var(--green))}.learning-language-control{margin-left:auto}.learning-block-picker select,.learning-language-control select,.learning-range-form input,.learning-range-form select{min-height:41px;border:1px solid var(--line);border-radius:11px;padding:0 11px;background:var(--card);color:var(--ink);font:inherit;font-size:11px;outline:none}.learning-language-control select{min-width:160px}.learning-font-size-control{min-width:0}.learning-font-stepper{display:inline-flex;align-items:center;gap:8px;min-height:41px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.learning-font-stepper button{min-height:32px;min-width:42px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer}.learning-font-stepper button:hover{background:color-mix(in srgb,var(--green) 8%,transparent)}.learning-font-stepper strong{min-width:48px;text-align:center;color:var(--ink-2);font-size:11px}.learning-toolbar-toggles{display:flex;align-items:center;gap:8px}.learning-toggle{min-height:41px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink-2);font-size:10px;font-weight:800;cursor:pointer}.learning-toggle:disabled{opacity:.5;cursor:default}.learning-toggle-track{position:relative;width:28px;height:16px;flex:0 0 auto;border-radius:999px;background:var(--line);transition:background .18s ease}.learning-toggle-track i{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:var(--paper);box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .18s ease}.learning-toggle.is-on{border-color:color-mix(in srgb,var(--green) 42%,var(--line));color:var(--green)}.learning-toggle.is-on .learning-toggle-track{background:var(--green)}.learning-toggle.is-on .learning-toggle-track i{transform:translateX(12px)}.learning-hide-tools,.learning-sequence-panel{display:grid;grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.learning-hide-tools{grid-template-columns:minmax(240px,.7fr) minmax(380px,1.3fr);align-items:end}.learning-tool-title{margin:0 0 5px;color:var(--ink);font-weight:850;font-size:13px}.learning-tool-copy{margin:0;color:var(--ink-3);font-size:11px;line-height:1.55}.learning-range-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(125px,.65fr) auto;grid-gap:9px;gap:9px;align-items:end}.learning-block-picker,.learning-range-form label{display:grid;grid-gap:6px;gap:6px}.learning-range-message{grid-column:1/-1;margin:-4px 0 0;color:var(--green);font-size:10px}.learning-error,.learning-sequence-empty{padding:13px 14px;border-radius:12px;background:color-mix(in srgb,var(--amber,#a4742a) 10%,var(--card));color:var(--ink-2);font-size:11px;line-height:1.5}.learning-book-stage,.learning-reader,.learning-scroll-stage{min-width:0}.learning-scroll-stage{grid-gap:24px;gap:24px}.learning-page-card{min-width:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.learning-layout-scroll .learning-page-card{content-visibility:auto;contain-intrinsic-size:900px}.learning-page-card.is-loading{min-height:min(70vh,760px);display:grid;place-items:center}.learning-page-skeleton{color:var(--ink-3);font-size:12px}.learning-page-footer,.learning-page-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:transparent}.learning-page-meta{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.learning-page-meta>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--ink-3);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.learning-page-meta b{color:var(--ink);font-size:10px}.learning-page-footer{border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);color:var(--ink-3);font-size:9px}.learning-page-content{min-height:clamp(520px,68vh,880px);padding:clamp(28px,5vw,68px)}.learning-page-content.display-translation,.learning-page-content.display-verse-translation{padding:clamp(22px,4vw,48px)}.learning-mushaf-flow{width:100%;min-width:0;text-align:justify;text-align-last:center;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(var(--learning-mushaf-min,30px),var(--learning-mushaf-fluid,3.65vw),var(--learning-mushaf-max,52px));line-height:2.02;color:var(--ink)}.learning-flow-group{display:inline}.learning-surah-opening{width:100%;display:block;margin:12px 0 24px;text-align:center;text-align-last:center}.learning-surah-title{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;padding:0;border-radius:0;background:transparent;font-family:var(--font-sans,system-ui,sans-serif)}.learning-surah-title span{color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.learning-surah-title strong{color:var(--ink);font-size:18px}.learning-surah-title b{color:var(--green);font-size:23px;font-weight:400}.learning-basmala,.learning-surah-title b{font-family:UthmanicHafs,Noto Naskh Arabic,serif}.learning-basmala{margin-top:18px;color:var(--ink);font-size:clamp(var(--learning-basmala-min,28px),var(--learning-basmala-fluid,3vw),var(--learning-basmala-max,42px));line-height:1.8}.learning-no-basmala{display:block;margin-top:12px;color:var(--ink-3);font-family:var(--font-sans,system-ui,sans-serif);font-size:10px}.learning-mushaf-verse{display:inline;border-radius:10px;transition:background .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.learning-mushaf-verse.is-interactive{cursor:pointer}.learning-mushaf-verse.is-interactive:hover{background:color-mix(in srgb,var(--green) 8%,transparent)}.learning-mushaf-verse.is-preview{background:color-mix(in srgb,var(--green) 15%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.learning-arabic-text{display:inline;white-space:normal}.learning-mushaf-verse.is-hidden .learning-arabic-text{visibility:hidden}.learning-ayah-number{display:inline-block;margin-inline:.16em .24em;font-family:UthmanicHafs,Noto Naskh Arabic,serif;line-height:1;vertical-align:middle;white-space:nowrap}.learning-mushaf-verse.is-hidden{background:transparent;box-shadow:none}.learning-verse-list,.learning-verse-row{display:grid;grid-gap:12px;gap:12px}.learning-verse-row{padding:18px 2px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:0;background:transparent;transition:border-color .15s ease,background .15s ease}.learning-verse-row.is-interactive{cursor:pointer}.learning-verse-row.is-preview{border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,transparent)}.learning-verse-row.is-hidden{background:transparent}.learning-verse-row.is-hidden .learning-row-arabic,.learning-verse-row.is-hidden .learning-row-translation{visibility:hidden}.learning-verse-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learning-verse-row-head .learning-ayah-number{display:inline-grid;place-items:center;flex:0 0 auto;min-width:1.3em;margin:0;font-size:clamp(25px,2.1vw,32px);line-height:1;color:var(--green);vertical-align:middle}.learning-row-arabic{margin:0;text-align:right;font-family:UthmanicHafs,Noto Naskh Arabic,serif;font-size:clamp(var(--learning-row-min,28px),var(--learning-row-fluid,3vw),var(--learning-row-max,40px));line-height:1.9}.learning-row-translation{margin:0;color:var(--ink-2);font-size:var(--learning-translation-size,13px);line-height:1.65}.learning-page-card.page-hidden .learning-page-content{background:transparent}.learning-book-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;margin-top:12px}.learning-book-nav.is-top{margin:0 0 12px}.learning-book-nav span{color:var(--ink-3);font-size:10px}.learning-book-nav button{min-height:40px;width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:11px;padding:0 14px;background:var(--card);color:var(--ink);font-weight:750;cursor:pointer}.learning-book-nav button:last-child{justify-self:end}.learning-book-nav button:disabled{opacity:.35;cursor:default}.learning-gesture-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 34px);z-index:70;transform:translateX(-50%);padding:9px 13px;border-radius:999px;background:var(--inverse-surface,#101713);color:var(--inverse-ink,#f4f7f5);box-shadow:0 10px 30px rgba(0,0,0,.16);font-size:10px;font-weight:800;pointer-events:none}.learning-sequence-panel>header{display:flex;align-items:end;justify-content:space-between;gap:18px}.learning-block-picker select{min-width:220px}.learning-sequence-slots{display:grid;grid-gap:9px;gap:9px}.learning-sequence-slot{width:100%;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px;min-height:68px;padding:11px 13px;border:1px dashed var(--line);border-radius:13px;background:var(--paper);color:var(--ink);text-align:start;cursor:pointer}.learning-sequence-slot.is-filled{border-style:solid}.learning-sequence-slot.is-correct{border-color:color-mix(in srgb,var(--green) 62%,var(--line));background:color-mix(in srgb,var(--green-pale) 72%,var(--paper))}.learning-slot-index{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink-3);font-size:10px;font-weight:850}.learning-sequence-slot.is-correct .learning-slot-index{border-color:var(--green);background:var(--green);color:white}.learning-sequence-slot-copy{min-width:0;display:grid;grid-gap:5px;gap:5px}.learning-bank-card b,.learning-sequence-slot-copy b{min-width:0;color:var(--ink);font-family:UthmanicHafs,Noto Naskh Arabic,serif;font-size:clamp(22px,2.2vw,30px);font-weight:400;line-height:1.7;white-space:normal;overflow-wrap:normal;word-break:normal}.learning-bank-card small,.learning-sequence-slot-copy small{color:var(--ink-3);font-size:10px;line-height:1.5}.learning-slot-placeholder{color:var(--ink-3);font-size:10px}.learning-ayah-bank{min-width:0;display:flex;flex-flow:row nowrap;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.learning-bank-card{flex:0 0 min(330px,76vw);min-width:0;min-height:82px;display:grid;grid-gap:6px;gap:6px;align-content:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-align:start;cursor:-webkit-grab;cursor:grab}.learning-bank-card:active{cursor:-webkit-grabbing;cursor:grabbing}.learning-sequence-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.learning-sequence-actions p{margin:0 auto 0 0;color:var(--ink-3);font-size:10px}.learning-sequence-actions .primary,.learning-sequence-actions .secondary{min-height:42px;padding-inline:16px}html[data-theme=dark] .learning-toolbar{background:color-mix(in srgb,#0e1511 92%,transparent)}html[data-theme=dark] .learning-bank-card,html[data-theme=dark] .learning-block-picker select,html[data-theme=dark] .learning-book-nav button,html[data-theme=dark] .learning-font-stepper,html[data-theme=dark] .learning-hide-tools,html[data-theme=dark] .learning-language-control select,html[data-theme=dark] .learning-page-card,html[data-theme=dark] .learning-page-jump>div,html[data-theme=dark] .learning-range-form input,html[data-theme=dark] .learning-range-form select,html[data-theme=dark] .learning-segmented,html[data-theme=dark] .learning-sequence-panel,html[data-theme=dark] .learning-sequence-slot,html[data-theme=dark] .learning-toggle,html[data-theme=dark] .learning-verse-row{background:#0e1511}html[data-theme=dark] .learning-page-card,html[data-theme=dark] .learning-page-footer,html[data-theme=dark] .learning-page-meta,html[data-theme=dark] .learning-verse-row{background:transparent}@media (max-width:900px){.learning-hero{grid-template-columns:1fr;align-items:start}.learning-page-jump{min-width:0;max-width:330px}.learning-language-control{margin-left:0}.learning-hide-tools{grid-template-columns:1fr;align-items:stretch}.learning-range-form{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto}}@media (max-width:680px){.learning-verse-row-head .learning-ayah-number{font-size:clamp(24px,7vw,29px)}.learning-main{gap:16px}.learning-hero{padding-top:24px}.learning-hero h1{font-size:clamp(42px,14vw,62px)}.learning-toolbar{position:relative;top:auto;align-items:stretch;display:grid;grid-template-columns:1fr;padding:10px;border-radius:15px}.learning-segmented{overflow-x:auto}.learning-segmented button{flex:1 0 auto}.learning-toolbar-toggles{display:grid;grid-template-columns:1fr 1fr}.learning-toggle{justify-content:center}.learning-language-control select{width:100%}.learning-range-form{grid-template-columns:1fr}.learning-range-apply{min-height:42px}.learning-page-card{border-radius:17px}.learning-page-meta{align-items:flex-start;flex-direction:column}.learning-page-content{min-height:460px;padding:24px 17px}.learning-mushaf-flow{font-size:clamp(var(--learning-mushaf-mobile-min,29px),var(--learning-mushaf-mobile-fluid,9vw),var(--learning-mushaf-mobile-max,38px));line-height:1.92}.learning-surah-opening{margin-block:8px 18px}.learning-surah-title{padding:9px 11px;gap:8px}.learning-basmala{margin-top:13px;font-size:clamp(var(--learning-basmala-mobile-min,26px),var(--learning-basmala-mobile-fluid,8vw),var(--learning-basmala-mobile-max,34px))}.learning-page-footer{align-items:flex-start;flex-direction:column;gap:5px}.learning-book-nav{grid-template-columns:1fr 1fr}.learning-book-nav span{grid-column:1/-1;grid-row:1;text-align:center}.learning-sequence-panel>header{align-items:stretch;flex-direction:column}.learning-block-picker select{width:100%;min-width:0}.learning-sequence-slot{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px}.learning-bank-card{flex-basis:min(82vw,290px)}.learning-sequence-actions{display:grid;grid-template-columns:1fr 1fr}.learning-font-size-control{grid-column:1/-1}.learning-font-stepper{width:100%;justify-content:space-between}.learning-sequence-actions p{grid-column:1/-1}}.learning-blocks-explain-card{grid-column:1/-1;min-height:0}.learning-blocks-explain-card>p{max-width:780px}.learning-blocks-explain-card .variant-explain{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-blocks-link{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:18px}@media (max-width:720px){.learning-blocks-explain-card{grid-column:auto}.learning-blocks-explain-card .variant-explain{grid-template-columns:1fr}}.learning-mushaf-verse.is-interactive,.learning-verse-row.is-interactive{-webkit-touch-callout:none}.learning-quran-navigator{width:min(420px,100%);min-width:320px;display:grid;grid-gap:10px;gap:10px;padding:12px;border:0;border-radius:20px;background:color-mix(in srgb,var(--card) 74%,transparent)}.learning-navigator-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-inline:3px}.learning-navigator-form label>span,.learning-navigator-heading>span{color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.learning-navigator-heading small{color:var(--ink-3);font-size:10px}.learning-navigator-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;padding:4px;border:0;border-radius:14px;background:color-mix(in srgb,var(--ink) 5%,var(--paper))}.learning-navigator-tabs button{min-height:35px;border:0;border-radius:11px;background:transparent;color:var(--ink-3);font:inherit;font-size:10px;font-weight:750;cursor:pointer}.learning-navigator-tabs button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 2px 10px rgba(18,28,22,.06)}.learning-navigator-body{min-width:0}.learning-navigator-form{min-width:0;display:flex;align-items:end;gap:8px}.learning-navigator-form label{min-width:0;display:grid;grid-gap:5px;gap:5px}.learning-verse-navigator label:first-child{flex:1 1 auto}.learning-verse-navigator label:nth-child(2){flex:0 0 92px}.learning-navigator-form input,.learning-navigator-form select,.learning-surah-navigator>input{width:100%;min-height:42px;border:0;border-radius:12px;padding:0 12px;background:color-mix(in srgb,var(--ink) 4%,var(--paper));color:var(--ink);font-family:var(--font-sans,system-ui,sans-serif);font-size:12px;font-weight:650;outline:none}.learning-navigator-form input:focus,.learning-navigator-form select:focus,.learning-surah-navigator>input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 55%,transparent)}.learning-number-navigator label{flex:0 1 94px}.learning-number-navigator input{font-size:18px;font-weight:850;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.learning-number-navigator input::-webkit-inner-spin-button,.learning-number-navigator input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.learning-navigator-limit{align-self:center;margin:15px auto 0 0;color:var(--ink);font-family:var(--font-sans,system-ui,sans-serif);font-size:18px;font-weight:850;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.025em}.learning-navigator-go{min-width:58px;min-height:42px;border:0;border-radius:12px;padding:0 14px;background:var(--green);color:white;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.learning-navigator-go:disabled{opacity:.55;cursor:default}.learning-surah-navigator{display:grid;grid-gap:8px;gap:8px}.learning-surah-results{max-height:260px;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-gap:2px;gap:2px;padding:2px;scrollbar-width:thin}.learning-surah-results button{width:100%;min-width:0;min-height:40px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;border:0;border-radius:11px;padding:7px 9px;background:transparent;color:var(--ink);text-align:start;cursor:pointer}.learning-surah-results button.is-active,.learning-surah-results button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.learning-surah-results button>span{color:var(--ink-3);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.learning-surah-results button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.learning-surah-results button b{color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,serif;font-size:17px;font-weight:400}.learning-navigator-error{margin:0;padding-inline:3px;color:var(--amber,#a4742a);font-size:10px;line-height:1.45}.learning-toolbar{border:0;box-shadow:none;background:color-mix(in srgb,var(--card) 62%,transparent);padding:12px 14px}.learning-font-stepper,.learning-language-control select,.learning-segmented,.learning-toggle{border:0;background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.learning-toggle.is-on{border:0}.learning-mushaf-verse.is-navigation-target .learning-arabic-text,.learning-verse-row.is-navigation-target .learning-row-arabic{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--green) 65%,transparent);text-decoration-color:color-mix(in srgb,var(--green) 65%,transparent);text-decoration-thickness:.07em;text-underline-offset:.16em}.learning-verse-row.is-navigation-target{background:color-mix(in srgb,var(--green) 5%,transparent)}html[data-theme=dark] .learning-quran-navigator,html[data-theme=dark] .learning-toolbar{background:color-mix(in srgb,#111914 78%,transparent)}html[data-theme=dark] .learning-font-stepper,html[data-theme=dark] .learning-language-control select,html[data-theme=dark] .learning-navigator-form input,html[data-theme=dark] .learning-navigator-form select,html[data-theme=dark] .learning-navigator-tabs,html[data-theme=dark] .learning-segmented,html[data-theme=dark] .learning-surah-navigator>input,html[data-theme=dark] .learning-toggle{background:rgba(255,255,255,.035)}html[data-theme=dark] .learning-navigator-tabs button.is-active{background:rgba(255,255,255,.075);box-shadow:none}@media (max-width:900px){.learning-quran-navigator{min-width:0;width:min(100%,520px)}}@media (max-width:680px){.learning-quran-navigator{width:100%;padding:10px;border-radius:16px}.learning-navigator-tabs{overflow-x:auto}.learning-navigator-form{align-items:end}.learning-verse-navigator{display:grid;grid-template-columns:minmax(0,1fr) 84px auto}.learning-surah-results{max-height:220px}.learning-toolbar{background:transparent;padding-inline:0}}.learning-hide-tools,.learning-sequence-panel{border:0;background:color-mix(in srgb,var(--card) 55%,transparent)}.learning-block-picker select,.learning-range-form input,.learning-range-form select{border:0;background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.learning-ayah-bank{border:0;background:color-mix(in srgb,var(--card) 50%,transparent)}.learning-book-nav button{border:0;background:color-mix(in srgb,var(--ink) 4%,var(--paper))}html[data-theme=dark] .learning-ayah-bank,html[data-theme=dark] .learning-block-picker select,html[data-theme=dark] .learning-book-nav button,html[data-theme=dark] .learning-hide-tools,html[data-theme=dark] .learning-range-form input,html[data-theme=dark] .learning-range-form select,html[data-theme=dark] .learning-sequence-panel{background:rgba(255,255,255,.035)}.learning-hero{grid-template-columns:minmax(0,1fr);align-items:start}.learning-surah-opening{direction:ltr}.learning-surah-title{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;cursor:pointer;color:inherit;transition:opacity .16s ease}.learning-surah-title:hover{opacity:.88}.learning-surah-title:focus-visible{outline:2px solid color-mix(in srgb,var(--green) 58%,transparent);outline-offset:8px;border-radius:8px}.learning-surah-chevron{width:18px;height:18px;flex:0 0 auto;-webkit-margin-start:2px;margin-inline-start:2px;color:var(--ink-3);transition:transform .24s cubic-bezier(.2,.8,.2,1),color .16s ease}.learning-surah-opening.is-open .learning-surah-chevron{transform:rotate(180deg);color:var(--green)}.learning-surah-drawer{width:100%;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;margin-top:0;transition:grid-template-rows .3s cubic-bezier(.22,.8,.22,1),opacity .2s ease,margin-top .3s ease,visibility 0s linear .3s}.learning-surah-drawer.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;margin-top:22px;transition:grid-template-rows .3s cubic-bezier(.22,.8,.22,1),opacity .22s ease .04s,margin-top .3s ease,visibility 0s linear 0s}.learning-surah-drawer-inner{min-height:0;overflow:hidden}.learning-surah-controls{width:min(100%,940px);margin-inline:auto;padding:clamp(16px,2.2vw,24px);border-radius:18px;background:color-mix(in srgb,var(--card) 66%,transparent);font-family:var(--font-sans,system-ui,sans-serif);text-align:start;text-align-last:auto}.learning-surah-controls .learning-quran-navigator{width:100%;min-width:0;padding:0;background:transparent}.learning-surah-reader-controls{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(300px,1.35fr) minmax(170px,.8fr);align-items:end;grid-gap:12px;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--line) 52%,transparent)}.learning-surah-reader-controls .learning-language-control{margin-left:0}.learning-surah-reader-controls .learning-language-control select{width:100%}.learning-tools-toolbar{justify-content:flex-end;gap:10px}.learning-tools-toolbar .learning-font-size-control{margin-right:auto}html[data-theme=dark] .learning-surah-controls{background:rgba(255,255,255,.025)}@media (max-width:900px){.learning-surah-reader-controls{grid-template-columns:1fr 1.35fr}.learning-surah-reader-controls .learning-language-control{grid-column:1/-1}}@media (max-width:680px){.learning-surah-opening{margin-block:8px 18px}.learning-surah-title{justify-content:flex-start;gap:8px;text-align:start}.learning-surah-title b{-webkit-margin-start:auto;margin-inline-start:auto}.learning-surah-chevron{width:17px;height:17px}.learning-surah-drawer.is-open{margin-top:16px}.learning-surah-controls{width:100%;padding:14px 12px;border-radius:14px}.learning-surah-reader-controls{grid-template-columns:1fr;gap:14px}.learning-surah-reader-controls .learning-language-control{grid-column:auto}.learning-surah-reader-controls .learning-segmented{width:100%}.learning-surah-reader-controls .learning-segmented button{flex:1 1}.learning-tools-toolbar{justify-content:stretch}.learning-tools-toolbar .learning-font-size-control{margin-right:0}}:root{--site-header-offset:76px;--learning-page-meta-height:54px}.site-topbar{transition:transform .26s cubic-bezier(.22,.8,.22,1),opacity .18s ease;will-change:transform}.site-topbar.is-scroll-hidden{transform:translateY(calc(-100% - 10px));opacity:.01;pointer-events:none}.learning-page-meta{z-index:29;min-height:var(--learning-page-meta-height);background:color-mix(in srgb,var(--paper) 91%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:top .26s cubic-bezier(.22,.8,.22,1)}.learning-surah-opening.is-page-header>.learning-surah-sticky{z-index:28;background:color-mix(in srgb,var(--paper) 93%,transparent);transition:top .26s cubic-bezier(.22,.8,.22,1)}.learning-surah-sticky{width:100%}.learning-surah-opening.is-page-header.is-open>.learning-surah-sticky{max-height:calc(100dvh - var(--site-header-offset, 0px) - var(--learning-page-meta-height) - 8px);overscroll-behavior:contain;scrollbar-width:thin}.learning-surah-study-controls{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.1fr);align-items:end;grid-gap:12px;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 48%,transparent)}.learning-surah-study-controls .learning-font-stepper{width:100%;justify-content:space-between}.learning-surah-study-controls .learning-toolbar-toggles{display:grid;grid-template-columns:1fr 1fr}.learning-surah-study-controls .learning-toggle{width:100%;justify-content:center}.learning-tools-toolbar:empty{display:none}html[data-theme=dark] .learning-page-meta,html[data-theme=dark] .learning-surah-opening.is-page-header>.learning-surah-sticky{background:color-mix(in srgb,#0e1511 92%,transparent)}@media (max-width:980px){:root{--learning-page-meta-height:52px}}@media (max-width:680px){:root{--learning-page-meta-height:50px}.learning-page-meta{min-height:var(--learning-page-meta-height);flex-direction:row;align-items:center;padding:8px 10px}.learning-page-meta>div{gap:10px;flex-wrap:nowrap}.learning-page-meta .learning-toggle{min-height:34px;padding-inline:9px}.learning-surah-opening.is-page-header{margin-top:0}.learning-surah-opening.is-page-header>.learning-surah-sticky{padding-block:8px}.learning-surah-study-controls{grid-template-columns:1fr}.learning-surah-study-controls .learning-toolbar-toggles{grid-template-columns:1fr 1fr}}.learning-page-card{overflow:visible}.learning-surah-opening.is-page-header{display:contents}.learning-page-meta{position:-webkit-sticky;position:sticky;top:var(--site-header-offset,0);z-index:62}.learning-surah-opening.is-page-header>.learning-surah-sticky{position:-webkit-sticky;position:sticky;top:calc(var(--site-header-offset, 0px) + var(--learning-page-meta-height));z-index:61;width:100%;margin:0 0 22px;padding:12px clamp(10px,2vw,20px);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 42%,transparent)}.learning-layout-scroll .learning-page-card{content-visibility:visible;contain:none}html[data-theme=dark] .learning-surah-opening.is-page-header>.learning-surah-sticky{background:color-mix(in srgb,#0e1511 94%,transparent)}@media (max-width:680px){.learning-surah-opening.is-page-header>.learning-surah-sticky{margin-bottom:16px;padding:9px 10px}}.learning-page-meta,.learning-surah-opening.is-page-header>.learning-surah-sticky{isolation:isolate;overflow:clip;border:0;background:radial-gradient(120% 180% at 4% -35%,color-mix(in srgb,white 19%,transparent) 0,transparent 48%),radial-gradient(100% 140% at 94% 125%,color-mix(in srgb,var(--green) 10%,transparent) 0,transparent 54%),linear-gradient(135deg,color-mix(in srgb,var(--paper) 78%,transparent),color-mix(in srgb,var(--paper) 61%,transparent));-webkit-backdrop-filter:blur(24px) saturate(1.3) brightness(1.03);backdrop-filter:blur(24px) saturate(1.3) brightness(1.03);box-shadow:0 14px 36px rgba(7,18,13,.11),inset 0 1px 0 color-mix(in srgb,white 22%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--green) 7%,transparent),inset 1px 0 0 color-mix(in srgb,white 6%,transparent),inset -1px 0 0 color-mix(in srgb,var(--green) 5%,transparent)}.learning-page-meta{border-radius:16px 16px 10px 10px}.learning-surah-opening.is-page-header>.learning-surah-sticky{border-radius:10px 10px 18px 18px}.learning-page-meta:before,.learning-surah-opening.is-page-header>.learning-surah-sticky:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,white 8%,transparent) 0,transparent 32%,transparent 72%,color-mix(in srgb,var(--green) 4%,transparent) 100%);opacity:.88}.learning-page-meta:after,.learning-surah-opening.is-page-header>.learning-surah-sticky:after{content:"";position:absolute;z-index:0;top:-45%;bottom:-45%;left:-48%;width:34%;pointer-events:none;border-radius:50%;background:linear-gradient(105deg,transparent 0,color-mix(in srgb,white 5%,transparent) 24%,color-mix(in srgb,white 18%,transparent) 47%,color-mix(in srgb,var(--green) 13%,transparent) 55%,color-mix(in srgb,white 7%,transparent) 66%,transparent 100%);filter:blur(8px);transform:translate3d(-140%,0,0) skewX(-12deg);opacity:0;animation:learning-glass-glimmer 8.8s cubic-bezier(.24,.72,.24,1) infinite}.learning-page-meta>*,.learning-surah-opening.is-page-header>.learning-surah-sticky>*{position:relative;z-index:1}.learning-surah-opening.is-page-header>.learning-surah-sticky:after{animation-delay:.32s}@keyframes learning-glass-glimmer{0%,61%{transform:translate3d(-140%,0,0) skewX(-12deg);opacity:0}66%{opacity:.48}78%{transform:translate3d(470%,0,0) skewX(-12deg);opacity:.32}83%,to{transform:translate3d(510%,0,0) skewX(-12deg);opacity:0}}html[data-theme=dark] .learning-page-meta,html[data-theme=dark] .learning-surah-opening.is-page-header>.learning-surah-sticky{background:radial-gradient(120% 180% at 4% -35%,rgba(255,255,255,.095) 0,transparent 48%),radial-gradient(100% 140% at 94% 125%,color-mix(in srgb,var(--green) 11%,transparent) 0,transparent 54%),linear-gradient(135deg,rgba(15,29,22,.82),rgba(8,20,14,.68));box-shadow:0 15px 38px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 color-mix(in srgb,var(--green) 8%,transparent),inset 1px 0 0 rgba(255,255,255,.025),inset -1px 0 0 color-mix(in srgb,var(--green) 5%,transparent)}.learning-surah-opening.is-page-header.is-open>.learning-surah-sticky{overflow-x:clip;overflow-y:auto}@media (max-width:680px){.learning-page-meta{border-radius:13px 13px 8px 8px}.learning-surah-opening.is-page-header>.learning-surah-sticky{border-radius:8px 8px 15px 15px}}@media (prefers-reduced-motion:reduce){.learning-page-meta:after,.learning-surah-opening.is-page-header>.learning-surah-sticky:after{animation:none;opacity:0}}.learning-global-reader-chrome{position:-webkit-sticky;position:sticky;top:var(--site-header-offset,0);z-index:80;width:100%;min-width:0;margin:0 0 18px;transition:top .26s cubic-bezier(.22,.8,.22,1)}.learning-global-reader-chrome .learning-page-meta{position:relative;top:auto;z-index:2;width:100%;margin:0}.learning-global-reader-chrome .learning-surah-opening.is-page-header{width:100%}.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky{position:relative;top:auto;z-index:1;width:100%;margin:0}.learning-global-reader-chrome .learning-page-meta{border-radius:18px 18px 8px 8px}.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky{border-radius:8px 8px 18px 18px}.learning-page-card .learning-surah-inline{position:static;margin:20px 0 24px}.learning-page-card .learning-surah-inline .learning-surah-title-static{position:static}.learning-global-reader-chrome .learning-surah-opening.is-page-header.is-open>.learning-surah-sticky{max-height:calc(100dvh - var(--site-header-offset, 0px) - 8px);overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}@media (max-width:680px){.learning-global-reader-chrome{margin-bottom:12px}.learning-global-reader-chrome .learning-page-meta{border-radius:14px 14px 7px 7px}.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky{margin:0;padding:9px 10px;border-radius:7px 7px 15px 15px}}.learning-global-reader-chrome{margin-bottom:20px}.learning-global-reader-chrome .learning-surah-opening.is-page-header{display:block;margin:0}.learning-global-reader-chrome .learning-reader-merged-header{position:relative;top:auto;width:100%;margin:0;padding:14px clamp(16px,2.4vw,28px) 18px;overflow-x:clip;border:0;border-radius:24px;isolation:isolate;background:radial-gradient(110% 130% at 12% -34%,rgba(255,255,255,.3),transparent 47%),radial-gradient(90% 120% at 90% 125%,color-mix(in srgb,var(--green) 8%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--paper) 78%,transparent),color-mix(in srgb,var(--paper) 64%,transparent));-webkit-backdrop-filter:blur(24px) saturate(1.22) brightness(1.025);backdrop-filter:blur(24px) saturate(1.22) brightness(1.025);box-shadow:0 18px 48px rgba(8,19,14,.1),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 color-mix(in srgb,var(--green) 8%,transparent),inset 1px 0 0 rgba(255,255,255,.08),inset -1px 0 0 color-mix(in srgb,var(--green) 5%,transparent)}.learning-global-reader-chrome .learning-reader-merged-header:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(114deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.075) 18%,transparent 38%,transparent 72%,color-mix(in srgb,var(--green) 5%,transparent) 100%);opacity:.72}.learning-global-reader-chrome .learning-page-meta:after,.learning-global-reader-chrome .learning-reader-merged-header:after,.learning-global-reader-chrome .learning-surah-sticky:after{content:none!important;animation:none!important;opacity:0!important}.learning-global-reader-chrome .learning-reader-merged-header>*{position:relative;z-index:1}.learning-reader-header-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:38px;grid-gap:12px;gap:12px}.learning-reader-header-meta-values{grid-column:1;display:flex;align-items:center;gap:16px;min-width:0;color:var(--ink-3);font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.learning-reader-header-meta-values b{color:var(--ink);font-size:10px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.learning-reader-header-meta>.learning-toggle{grid-column:3;justify-self:end}.learning-surah-title.learning-surah-title-hero{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,900px);margin:3px auto 0;padding:8px 42px 7px;grid-gap:10px;gap:10px;opacity:1}.learning-surah-title.learning-surah-title-hero:hover{opacity:1}.learning-surah-hero-kicker{grid-column:1;justify-self:end;color:var(--ink-3)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase}.learning-surah-hero-title{grid-column:2;display:grid;justify-items:center;grid-gap:3px;gap:3px;min-width:0;text-align:center}.learning-surah-title-hero .learning-surah-hero-title b{color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.08}.learning-surah-hero-copy{display:grid;justify-items:center;grid-gap:1px;gap:1px;min-width:0}.learning-surah-title-hero .learning-surah-hero-copy strong{color:var(--ink);font-size:clamp(15px,1.35vw,20px);font-weight:650;letter-spacing:-.018em;line-height:1.18}.learning-surah-title-hero .learning-surah-hero-copy small{max-width:34ch;color:var(--ink-3);font-size:clamp(8px,.72vw,10px);font-weight:620;letter-spacing:.025em;line-height:1.35;white-space:normal}.learning-surah-title-hero .learning-surah-chevron{grid-column:3;justify-self:start;width:19px;height:19px;-webkit-margin-start:2px;margin-inline-start:2px}.learning-reader-merged-header .learning-surah-drawer.is-open{margin-top:14px}.learning-reader-merged-header .learning-surah-controls{width:min(100%,1080px);padding:16px 0 2px;border-radius:0;background:transparent;border-top:1px solid color-mix(in srgb,var(--line) 42%,transparent)}.learning-reader-merged-header .learning-surah-study-controls{border-top-color:color-mix(in srgb,var(--line) 32%,transparent)}.learning-surah-reading-surface{width:100%;min-width:0}.learning-surah-reading-surface .learning-page-content{min-height:0;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(34px,5vw,72px)}.learning-surah-content-basmala{margin:0 0 clamp(22px,3vw,40px);text-align:center;text-align-last:center}.learning-surah-content-note{display:block;margin:0 0 26px;text-align:center}.learning-surah-footer{margin-top:8px}.learning-surah-loading{min-height:45vh;display:grid;place-items:center;color:var(--ink-3);font-size:12px}.learning-layout-book .learning-book-flip-shell{position:relative;min-width:0;overflow:hidden;overflow-anchor:none;overscroll-behavior-x:contain;isolation:isolate;background:var(--paper)}.learning-layout-book .learning-book-stage,.learning-layout-book .learning-book-underlay{min-width:0;width:100%;background:var(--paper);-webkit-font-smoothing:antialiased}.learning-layout-book .learning-book-stage{position:relative;z-index:2;touch-action:pan-y pinch-zoom;transform:translateX(var(--book-stage-x,0))}.learning-layout-book .learning-book-stage,.learning-layout-book .learning-book-underlay{transition-property:transform;transition-duration:.42s;transition-timing-function:cubic-bezier(.22,.72,.16,1)}.learning-layout-book .learning-book-underlay{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;transform:translateX(var(--book-underlay-x,0))}.learning-layout-book .learning-book-underlay:empty{display:none}.learning-layout-book .learning-book-flip-shell.is-swipe-dragging .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-swipe-dragging .learning-book-underlay,.learning-layout-book .learning-book-flip-shell.is-swipe-navigating .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-swipe-navigating .learning-book-underlay{will-change:transform}.learning-layout-book .learning-book-flip-shell.is-flip-drag .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-flip-drag .learning-book-underlay,.learning-layout-book .learning-book-flip-shell.is-swipe-dragging .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-swipe-dragging .learning-book-underlay{transition:none}.learning-layout-book .learning-book-flip-shell.is-flip-snap .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-flip-snap .learning-book-underlay{transition-duration:.24s;transition-timing-function:cubic-bezier(.22,.68,.2,1)}.learning-layout-book .learning-book-flip-shell.is-flip-slide .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-flip-slide .learning-book-underlay{transition-duration:.42s}.learning-layout-book .learning-book-flip-shell.is-flip-commit .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-flip-commit .learning-book-underlay{transition:none!important}.learning-layout-book .learning-book-nav{margin-block:12px 18px}.learning-layout-book .learning-book-nav span{color:var(--ink-3);font-size:10px;font-weight:700;letter-spacing:.04em}@media (max-width:680px),(pointer:coarse){.learning-layout-book .learning-book-stage,.learning-layout-book .learning-book-underlay{transition-duration:.46s;transition-timing-function:cubic-bezier(.2,.74,.16,1)}.learning-layout-book .learning-book-flip-shell.is-flip-snap .learning-book-stage,.learning-layout-book .learning-book-flip-shell.is-flip-snap .learning-book-underlay{transition-duration:.25s}}@media (prefers-reduced-motion:reduce){.learning-layout-book .learning-book-stage,.learning-layout-book .learning-book-underlay{transition-duration:.12s!important}}.learning-surah-end-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;margin:clamp(24px,5vw,64px) 0 10px;padding:22px 0 4px;border-top:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.learning-surah-end-nav>div{display:grid;grid-gap:2px;gap:2px;text-align:center}.learning-surah-end-nav span{color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.learning-surah-end-nav strong{color:var(--ink);font-size:14px}.learning-surah-end-nav button{min-height:46px;padding:0 16px;border:0;border-radius:12px;background:color-mix(in srgb,var(--card) 72%,transparent);color:var(--ink);font:inherit;font-size:11px;font-weight:780;cursor:pointer}.learning-surah-end-nav button:first-child{justify-self:start}.learning-surah-end-nav button:last-child{justify-self:end}.learning-surah-end-nav button:hover:not(:disabled){background:color-mix(in srgb,var(--green) 9%,var(--card))}.learning-surah-end-nav button:disabled{opacity:.36;cursor:default}html[data-theme=dark] .learning-global-reader-chrome .learning-reader-merged-header{background:radial-gradient(110% 130% at 12% -34%,rgba(255,255,255,.11),transparent 47%),radial-gradient(90% 120% at 90% 125%,color-mix(in srgb,var(--green) 9%,transparent),transparent 58%),linear-gradient(135deg,rgba(17,29,23,.86),rgba(8,20,14,.72));box-shadow:0 18px 48px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.105),inset 0 -1px 0 color-mix(in srgb,var(--green) 8%,transparent),inset 1px 0 0 rgba(255,255,255,.03),inset -1px 0 0 color-mix(in srgb,var(--green) 5%,transparent)}@media (max-width:760px){.learning-global-reader-chrome .learning-reader-merged-header{padding:10px 12px 14px;border-radius:18px}.learning-reader-header-meta{grid-template-columns:1fr auto}.learning-reader-header-meta-values{gap:10px;overflow-x:auto;scrollbar-width:none}.learning-reader-header-meta-values::-webkit-scrollbar{display:none}.learning-reader-header-meta>.learning-toggle{grid-column:2}.learning-surah-title.learning-surah-title-hero{grid-template-columns:1fr auto;padding:8px 30px 7px 6px}.learning-surah-hero-kicker{grid-column:1/-1;justify-self:center;margin-bottom:-2px}.learning-surah-hero-title{grid-column:1/-1;gap:2px}.learning-surah-title-hero .learning-surah-hero-title b{font-size:clamp(34px,10vw,46px)}.learning-surah-title-hero .learning-surah-hero-copy strong{font-size:15px}.learning-surah-title-hero .learning-surah-hero-copy small{font-size:8.5px}.learning-surah-title-hero .learning-surah-chevron{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.learning-surah-opening.is-open .learning-surah-title-hero .learning-surah-chevron{transform:translateY(-50%) rotate(180deg)}.learning-surah-end-nav{grid-template-columns:1fr 1fr}.learning-surah-end-nav>div{grid-column:1/-1;grid-row:1}.learning-surah-end-nav button:first-child,.learning-surah-end-nav button:last-child{width:100%;justify-self:stretch}}.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky.learning-reader-merged-header{padding:14px clamp(16px,2.4vw,28px) 18px;margin:0;border:0;border-radius:24px;background:radial-gradient(110% 130% at 12% -34%,rgba(255,255,255,.3),transparent 47%),radial-gradient(90% 120% at 90% 125%,color-mix(in srgb,var(--green) 8%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--paper) 78%,transparent),color-mix(in srgb,var(--paper) 64%,transparent));-webkit-backdrop-filter:blur(24px) saturate(1.22) brightness(1.025);backdrop-filter:blur(24px) saturate(1.22) brightness(1.025);box-shadow:0 18px 48px rgba(8,19,14,.1),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 color-mix(in srgb,var(--green) 8%,transparent),inset 1px 0 0 rgba(255,255,255,.08),inset -1px 0 0 color-mix(in srgb,var(--green) 5%,transparent)}.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky.learning-reader-merged-header:after{content:none!important;display:none!important;animation:none!important}html[data-theme=dark] .learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky.learning-reader-merged-header{background:radial-gradient(110% 130% at 12% -34%,rgba(255,255,255,.11),transparent 47%),radial-gradient(90% 120% at 90% 125%,color-mix(in srgb,var(--green) 9%,transparent),transparent 58%),linear-gradient(135deg,rgba(17,29,23,.86),rgba(8,20,14,.72))}@media (max-width:760px){.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky.learning-reader-merged-header{padding:10px 12px 14px;border-radius:18px}}.learning-verse-navigator select{width:100%;min-height:42px;border:0;border-radius:12px;padding:0 34px 0 12px;background:color-mix(in srgb,var(--ink) 4%,var(--paper));color:var(--ink);font-family:var(--font-sans,system-ui,sans-serif);font-size:12px;font-weight:650;outline:none}.learning-verse-navigator select:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 55%,transparent)}@media (max-width:760px){.learning-surah-title.learning-surah-title-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;width:100%;margin-inline:auto;padding:10px 48px 9px;grid-gap:3px;gap:3px;text-align:center}.learning-surah-hero-kicker{margin:0}.learning-surah-hero-kicker,.learning-surah-hero-title{grid-column:1;justify-self:center;width:100%;text-align:center}.learning-surah-hero-title{justify-items:center;max-width:100%;gap:2px}.learning-surah-title-hero .learning-surah-hero-title b{display:block;width:100%;margin-inline:auto;text-align:center;direction:rtl}.learning-surah-hero-copy{width:100%;justify-items:center;text-align:center}.learning-surah-title-hero .learning-surah-hero-copy small,.learning-surah-title-hero .learning-surah-hero-copy strong{display:block;width:100%;margin-inline:auto;text-align:center}.learning-surah-title-hero .learning-surah-chevron{position:absolute;right:16px;top:50%;grid-column:auto;justify-self:auto;margin:0;transform:translateY(-50%)}.learning-surah-opening.is-open .learning-surah-title-hero .learning-surah-chevron{transform:translateY(-50%) rotate(180deg)}.learning-verse-navigator label:first-child,.learning-verse-navigator label:nth-child(2){flex:1 1;min-width:0}}@media (max-width:520px){.learning-surah-title.learning-surah-title-hero{padding-inline:42px}.learning-surah-title-hero .learning-surah-chevron{right:12px}.learning-verse-navigator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;grid-gap:8px;gap:8px}.learning-verse-navigator .learning-navigator-go{grid-column:1/-1;width:100%}}.learning-navigator-form label>span,.learning-verse-picker>span{color:var(--ink-3);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.learning-verse-navigator{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,.34fr) auto;align-items:end;grid-gap:8px;gap:8px;overflow:visible}.learning-verse-picker{min-width:0;display:grid;grid-gap:5px;gap:5px}.learning-picker-trigger{width:100%;min-width:0;min-height:42px;display:grid;align-items:center;grid-gap:8px;gap:8px;border:0;border-radius:12px;padding:0 11px;background:color-mix(in srgb,var(--ink) 4%,var(--paper));color:var(--ink);font-family:var(--font-sans,system-ui,sans-serif);text-align:start;cursor:pointer}.learning-surah-picker-trigger{grid-template-columns:24px minmax(0,1fr) auto 16px}.learning-ayah-picker-trigger{grid-template-columns:minmax(0,1fr) 16px}.learning-picker-trigger>svg{width:16px;height:16px;color:var(--ink-3);transition:transform .18s ease}.learning-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.learning-picker-number{color:var(--ink-3);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.learning-picker-trigger strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:720}.learning-surah-picker-trigger b{color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,serif;font-size:17px;font-weight:400;white-space:nowrap}.learning-ayah-picker-trigger strong{font-size:14px;font-weight:760;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.learning-picker-trigger:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 55%,transparent)}.learning-picker-popover{position:absolute;z-index:120;top:calc(100% + 9px);left:0;right:0;display:grid;grid-gap:8px;gap:8px;max-height:min(430px,58vh);padding:10px;border:0;border-radius:18px;background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 20px 50px rgba(16,25,20,.16),inset 0 1px 0 rgba(255,255,255,.45);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}.learning-picker-popover>input{width:100%;min-height:43px;border:0;border-radius:12px;padding:0 13px;background:color-mix(in srgb,var(--ink) 4%,var(--paper));color:var(--ink);font:inherit;font-size:12px;outline:none}.learning-picker-popover>input::placeholder{color:color-mix(in srgb,var(--ink-3) 72%,transparent)}.learning-picker-popover>input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 48%,transparent)}.learning-ayah-results{max-height:300px;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:1fr;grid-gap:2px;gap:2px;padding:2px;scrollbar-width:thin}.learning-ayah-results button{width:100%;min-height:42px;border:0;border-radius:11px;padding:8px 12px;background:transparent;color:var(--ink);text-align:start;font:inherit;cursor:pointer}.learning-ayah-results button.is-active,.learning-ayah-results button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.learning-ayah-results button span{display:block;font-size:13px;font-weight:680;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.learning-surah-drawer.is-open .learning-surah-drawer-inner{overflow:visible}html[data-theme=dark] .learning-picker-popover>input,html[data-theme=dark] .learning-picker-trigger{background:rgba(255,255,255,.045)}html[data-theme=dark] .learning-picker-popover{background:rgba(15,23,19,.96);box-shadow:0 24px 56px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.075)}@media (max-width:520px){.learning-verse-navigator{grid-template-columns:minmax(0,1fr) minmax(88px,.42fr)}.learning-verse-navigator .learning-navigator-go{grid-column:1/-1;width:100%}.learning-picker-popover{top:calc(100% + 8px);max-height:min(460px,56vh);border-radius:20px;padding:9px}.learning-ayah-results,.learning-surah-results{max-height:min(350px,43vh)}.learning-surah-picker-trigger b{font-size:16px}}.learning-surah-drawer-inner.has-range-panel{position:relative;padding-inline:clamp(34px,4vw,52px);touch-action:pan-y}.learning-surah-drawer-panel{width:100%;min-width:0;opacity:1;transform:translateX(0);transition:opacity .2s ease,transform .28s cubic-bezier(.22,.8,.22,1)}.learning-surah-drawer-panel.is-inactive-left,.learning-surah-drawer-panel.is-inactive-right{position:absolute;inset-block-start:0;inset-inline:clamp(34px,4vw,52px);width:auto;opacity:0;pointer-events:none;visibility:hidden}.learning-surah-drawer-panel.is-inactive-left{transform:translateX(-24px)}.learning-surah-drawer-panel.is-inactive-right{transform:translateX(24px)}.learning-surah-drawer-panel.is-active{position:relative;opacity:1;transform:translateX(0);pointer-events:auto;visibility:visible}.learning-drawer-panel-arrow{position:absolute;z-index:8;top:50%;width:34px;height:54px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink-2);cursor:pointer;transition:opacity .15s ease,background .15s ease,color .15s ease}.learning-drawer-panel-arrow.is-left{left:0}.learning-drawer-panel-arrow.is-right{right:0}.learning-drawer-panel-arrow svg{width:21px;height:21px}.learning-drawer-panel-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}.learning-drawer-panel-arrow:disabled{opacity:.24;cursor:default}.learning-hide-tools-in-drawer{width:min(100%,1080px);margin-inline:auto;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);padding:16px 0 2px;border-radius:0;background:transparent}.learning-hide-tools-in-drawer .learning-range-form{grid-template-columns:minmax(180px,1fr) minmax(130px,.65fr) auto}.learning-range-surah-picker{position:relative}.learning-list-number-navigator{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.learning-number-picker{position:relative}.learning-number-picker-trigger{grid-template-columns:auto minmax(0,1fr) 16px;min-height:46px}.learning-number-picker-trigger strong,.learning-picker-total{font-size:16px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.learning-picker-total{color:var(--ink-3);justify-self:start}.learning-number-picker-popover .learning-ayah-results{max-height:min(330px,46vh)}.learning-page-results{scrollbar-gutter:stable}.learning-page-card.surah-hidden,.learning-surah-reading-surface.surah-hidden{background:transparent}html[data-theme=dark] .learning-drawer-panel-arrow{background:rgba(255,255,255,.04)}@media (max-width:760px){.learning-surah-drawer-inner.has-range-panel{padding-inline:30px}.learning-surah-drawer-panel.is-inactive-left,.learning-surah-drawer-panel.is-inactive-right{inset-inline:30px}.learning-drawer-panel-arrow{width:28px;height:48px;background:transparent}.learning-hide-tools-in-drawer{grid-template-columns:1fr;gap:18px}.learning-hide-tools-in-drawer .learning-range-form{grid-template-columns:minmax(0,1fr) minmax(100px,.55fr)}.learning-hide-tools-in-drawer .learning-range-apply{grid-column:1/-1;width:100%}}@media (max-width:520px){.learning-surah-drawer-inner.has-range-panel{padding-inline:24px}.learning-surah-drawer-panel.is-inactive-left,.learning-surah-drawer-panel.is-inactive-right{inset-inline:24px}.learning-hide-tools-in-drawer .learning-range-form,.learning-list-number-navigator{grid-template-columns:1fr}.learning-list-number-navigator .learning-navigator-go{width:100%}.learning-hide-tools-in-drawer .learning-range-form{gap:10px}}.learning-reader-merged-header .learning-surah-drawer-inner{width:100%;min-width:0}.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:stretch;grid-gap:6px;gap:6px;padding-inline:0;touch-action:pan-y;overflow:hidden}.learning-reader-merged-header .learning-drawer-carousel{grid-column:2;min-width:0;width:100%;border-radius:16px}.learning-reader-merged-header .learning-surah-drawer-inner:not(.has-carousel-panels) .learning-drawer-carousel{grid-column:1/-1}.learning-reader-merged-header .learning-drawer-carousel-track{display:flex;min-width:0;will-change:transform}.learning-reader-merged-header .learning-surah-drawer-inner:not(.has-carousel-panels) .learning-drawer-carousel-track{width:100%;transform:none!important}.learning-reader-merged-header .learning-surah-drawer-panel{position:relative!important;inset:auto!important;min-width:0;padding:0 clamp(4px,.8vw,10px);opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.learning-reader-merged-header .learning-surah-drawer-inner:not(.has-carousel-panels) .learning-surah-drawer-panel{flex-basis:100%;width:100%!important;max-width:100%}.learning-reader-merged-header .learning-drawer-panel-arrow{position:static;z-index:4;align-self:center;justify-self:center;transform:none;width:32px;height:54px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink-2)}.learning-reader-merged-header .learning-drawer-panel-arrow.is-left{grid-column:1}.learning-reader-merged-header .learning-drawer-panel-arrow.is-right{grid-column:3}.learning-reader-merged-header .learning-drawer-panel-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--green) 8%,transparent)}.learning-reader-merged-header .learning-drawer-panel-arrow:disabled{opacity:.18}.learning-reader-merged-header .learning-hide-tools-in-drawer,.learning-reader-merged-header .learning-navigator-body,.learning-reader-merged-header .learning-quran-navigator,.learning-reader-merged-header .learning-surah-controls,.learning-reader-merged-header .learning-surah-reader-controls,.learning-reader-merged-header .learning-surah-study-controls{width:100%;min-width:0;max-width:none;box-sizing:border-box}.learning-reader-merged-header .learning-hide-tools-in-drawer,.learning-reader-merged-header .learning-surah-controls{margin-inline:0;padding-inline:0}.learning-reader-merged-header .learning-picker-popover{position:static;inset:auto;width:100%;max-height:none;margin-top:7px;padding:8px 0 0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.learning-reader-merged-header .learning-picker-popover>input{min-height:44px;border-radius:12px}.learning-reader-merged-header .learning-ayah-results,.learning-reader-merged-header .learning-surah-results{width:100%;max-height:min(300px,38vh);padding:4px 0 0}.learning-reader-merged-header .learning-surah-results button{min-height:44px;grid-template-columns:34px minmax(0,1fr) minmax(48px,auto);padding:8px 12px}.learning-reader-merged-header .learning-surah-results button strong{font-size:13px}.learning-reader-merged-header .learning-surah-results button b{font-size:19px}.learning-reader-merged-header .learning-list-number-navigator .learning-number-picker:has(.learning-picker-popover),.learning-reader-merged-header .learning-memorization-form-row .learning-verse-picker:has(.learning-picker-popover),.learning-reader-merged-header .learning-range-form .learning-range-surah-picker:has(.learning-picker-popover),.learning-reader-merged-header .learning-verse-navigator .learning-verse-picker:has(.learning-picker-popover){grid-column:1/-1}.learning-reader-merged-header .learning-list-number-navigator,.learning-reader-merged-header .learning-range-form,.learning-reader-merged-header .learning-verse-navigator{min-width:0}.learning-reader-merged-header .learning-hide-tools-in-drawer{display:grid;grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);align-items:start;grid-gap:clamp(14px,2vw,24px);gap:clamp(14px,2vw,24px);background:transparent}.learning-reader-merged-header .learning-range-intro{min-width:0}.learning-reader-merged-header .learning-range-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.55fr) auto;align-items:end;grid-gap:10px;gap:10px}.learning-global-reader-chrome .learning-surah-opening.is-page-header.is-open>.learning-surah-sticky.learning-reader-merged-header{max-height:calc(100dvh - var(--site-header-offset, 0px) - 8px);overflow:hidden}.learning-reader-merged-header .learning-drawer-carousel{max-height:min(68vh,680px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}html[data-theme=dark] .learning-reader-merged-header .learning-picker-popover{background:transparent;box-shadow:none}.learning-surah-opening.is-memorization-mode .learning-reader-merged-header{box-shadow:0 1px 0 color-mix(in srgb,var(--green) 20%,transparent),0 20px 48px rgba(25,69,50,.08)}.learning-memorization-panel{min-width:0}.learning-memorization-section{width:100%;min-width:0;display:grid;grid-gap:16px;gap:16px;padding:2px 0 4px}.learning-memorization-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.learning-memorization-heading>div{min-width:0}.learning-memorization-panel-count{flex:0 0 auto;color:var(--ink-3);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.learning-memorization-form-row{min-width:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.9fr) auto;align-items:end;grid-gap:10px;gap:10px}.learning-memorized-block-form{grid-template-columns:minmax(0,1.1fr) minmax(120px,.42fr) minmax(250px,.85fr) auto}.learning-memorization-status-control,.learning-memorized-range-input{min-width:0;display:grid;grid-gap:7px;gap:7px}.learning-memorization-form-row .learning-verse-picker>span,.learning-memorization-status-control>span,.learning-memorized-range-input>span{color:var(--ink-3);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.learning-memorized-range-input input{width:100%;min-width:0;padding:0 13px;border:0;color:var(--ink);font:inherit}.learning-memorized-range-input input,.learning-status-segmented{min-height:44px;border-radius:12px;background:color-mix(in srgb,var(--card) 82%,transparent)}.learning-status-segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px}.learning-status-segmented button{min-width:0;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:10px;font-weight:800;cursor:pointer}.learning-status-segmented button.is-active{background:color-mix(in srgb,var(--green) 12%,var(--paper));color:var(--green-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 18%,transparent)}.learning-memorization-save{min-height:44px;white-space:nowrap}.learning-multi-surah-popover .learning-surah-results button{grid-template-columns:34px minmax(0,1fr) minmax(48px,auto) 26px}.learning-multi-select-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:white;background:transparent;font-size:11px;font-style:normal;font-weight:900}.learning-surah-results button.is-active .learning-multi-select-check{background:var(--green)}.learning-memorization-records{min-width:0;display:grid;grid-gap:7px;gap:7px;max-height:min(250px,31vh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.learning-memorization-record{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--card) 54%,transparent)}.learning-memorization-record-title{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-gap:10px;gap:10px}.learning-memorization-record-title>span{color:var(--ink-3);font-size:10px}.learning-memorization-record-title strong{text-overflow:ellipsis;color:var(--ink);font-size:12px}.learning-memorization-record-title b{color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,serif;font-size:18px;font-weight:400}.learning-memorization-record-actions{display:inline-flex;align-items:center;gap:4px}.learning-memorization-record-actions button{min-height:32px;border:0;border-radius:9px;padding:0 10px;background:transparent;color:var(--ink-3);font-size:9px;font-weight:800;cursor:pointer}.learning-memorization-record-actions button.is-active{background:color-mix(in srgb,var(--green) 11%,var(--paper));color:var(--green-dark)}.learning-memorization-record-actions .learning-record-remove{width:32px;padding:0;font-size:18px;font-weight:500}.learning-memorization-empty{padding:18px;border-radius:12px;background:color-mix(in srgb,var(--card) 48%,transparent);color:var(--ink-3);text-align:center;font-size:11px}.learning-memorization-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.learning-memorization-stats article{min-width:0;display:grid;grid-gap:5px;gap:5px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--card) 58%,transparent)}.learning-memorization-stats strong{color:var(--ink);font-size:clamp(24px,3vw,36px);letter-spacing:-.04em}.learning-memorization-stats span{color:var(--ink-3);font-size:9px;font-weight:750;line-height:1.35}.learning-memorization-progress-note{display:grid;grid-gap:5px;gap:5px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--green) 5%,transparent)}.learning-memorization-progress-note strong{color:var(--ink);font-size:12px}.learning-memorization-progress-note span{color:var(--ink-3);font-size:10px;line-height:1.5}html[data-theme=dark] .learning-memorization-empty,html[data-theme=dark] .learning-memorization-record,html[data-theme=dark] .learning-memorization-stats article,html[data-theme=dark] .learning-memorized-range-input input,html[data-theme=dark] .learning-status-segmented{background:color-mix(in srgb,#152019 88%,transparent)}@media (max-width:900px){.learning-reader-merged-header .learning-surah-reader-controls{grid-template-columns:1fr 1fr}.learning-reader-merged-header .learning-surah-reader-controls .learning-language-control{grid-column:1/-1}.learning-reader-merged-header .learning-surah-study-controls{grid-template-columns:1fr}.learning-memorization-form-row,.learning-memorized-block-form{grid-template-columns:1fr 1fr}.learning-memorization-form-row>.learning-verse-picker{grid-column:1/-1}.learning-memorization-save{width:100%}.learning-memorization-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{grid-template-columns:30px minmax(0,1fr) 30px;gap:2px}.learning-reader-merged-header .learning-drawer-panel-arrow{width:28px;height:48px}.learning-reader-merged-header .learning-surah-drawer-panel{padding-inline:2px}.learning-reader-merged-header .learning-quran-navigator{padding-inline:0}.learning-reader-merged-header .learning-navigator-tabs{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto;scrollbar-width:none}.learning-reader-merged-header .learning-navigator-tabs::-webkit-scrollbar{display:none}.learning-reader-merged-header .learning-list-number-navigator,.learning-reader-merged-header .learning-range-form,.learning-reader-merged-header .learning-surah-reader-controls,.learning-reader-merged-header .learning-surah-study-controls,.learning-reader-merged-header .learning-verse-navigator{grid-template-columns:1fr}.learning-reader-merged-header .learning-list-number-navigator .learning-navigator-go,.learning-reader-merged-header .learning-range-apply,.learning-reader-merged-header .learning-verse-navigator .learning-navigator-go{grid-column:1;width:100%}.learning-reader-merged-header .learning-hide-tools-in-drawer{grid-template-columns:1fr;gap:14px}.learning-reader-merged-header .learning-toolbar-toggles{grid-template-columns:1fr 1fr}.learning-reader-merged-header .learning-ayah-results,.learning-reader-merged-header .learning-surah-results{max-height:min(280px,35vh)}.learning-memorization-heading{align-items:start}.learning-memorization-form-row,.learning-memorized-block-form{grid-template-columns:1fr}.learning-memorization-form-row>*,.learning-memorized-block-form>*{grid-column:1!important}.learning-memorization-record{grid-template-columns:1fr;gap:7px}.learning-memorization-record-actions{display:grid;grid-template-columns:1fr 1fr auto}.learning-memorization-record-actions button{min-height:38px}}@media (max-width:520px){.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{grid-template-columns:26px minmax(0,1fr) 26px}.learning-reader-merged-header .learning-drawer-panel-arrow{width:24px;height:44px}.learning-reader-merged-header .learning-toolbar-toggles{grid-template-columns:1fr}.learning-memorization-record-title{grid-template-columns:24px minmax(0,1fr) auto;gap:7px}.learning-memorization-record-title b{font-size:16px}.learning-memorization-stats article{padding:12px}.learning-reader-merged-header .learning-font-stepper,.learning-reader-merged-header .learning-language-control select,.learning-reader-merged-header .learning-navigator-form input,.learning-reader-merged-header .learning-picker-trigger,.learning-reader-merged-header .learning-toggle{min-height:46px}.learning-reader-merged-header .learning-surah-picker-trigger{grid-template-columns:24px minmax(0,1fr) auto 16px}.learning-reader-merged-header .learning-surah-results button{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding-inline:8px}.learning-reader-merged-header .learning-surah-results button b{font-size:17px}}@media (prefers-reduced-motion:reduce){.learning-reader-merged-header .learning-drawer-carousel-track{transition-duration:.01ms}}.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.learning-reader-merged-header .learning-drawer-carousel-track{width:100%;transition:transform .42s cubic-bezier(.22,.88,.3,1)}.learning-reader-merged-header .learning-drawer-carousel-track.is-dragging{transition:none}.learning-reader-merged-header .learning-surah-drawer-panel{flex:0 0 100%;width:100%!important;max-width:100%;max-height:min(64vh,650px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.learning-reader-merged-header .learning-sequence-panel-in-drawer{width:100%;min-width:0;margin:0;padding:2px 0 4px;border:0;border-radius:0;background:transparent}.learning-reader-merged-header .learning-sequence-panel-in-drawer>header{align-items:flex-start;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 36%,transparent)}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-block-picker{min-width:min(320px,100%)}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-block-picker span{display:block;margin-bottom:6px;color:var(--ink-3);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-block-picker select{width:100%;min-width:0}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-slots{margin-top:14px}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-ayah-bank{margin-top:12px;border-color:color-mix(in srgb,var(--line) 55%,transparent);background:color-mix(in srgb,var(--card) 30%,transparent)}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-bank-card,.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-slot{background:color-mix(in srgb,var(--paper) 68%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-actions{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;margin-top:12px;padding:10px 0 2px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--paper) 90%,transparent) 24%)}.learning-global-reader-chrome .learning-reader-merged-header{transition:border-radius .34s cubic-bezier(.22,.88,.3,1),box-shadow .34s ease,padding .34s cubic-bezier(.22,.88,.3,1)}.learning-global-reader-chrome .learning-surah-opening.is-page-header.is-open>.learning-reader-merged-header{border-radius:clamp(22px,2vw,32px)}@media (max-width:900px){.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.learning-reader-merged-header .learning-sequence-panel-in-drawer>header{flex-direction:column;align-items:stretch}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-block-picker{width:100%}}@media (max-width:760px){.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{grid-template-columns:30px minmax(0,1fr) 30px;gap:2px}.learning-reader-merged-header .learning-surah-drawer-panel{max-height:min(69dvh,620px);padding-inline:1px}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-slot{grid-template-columns:28px minmax(0,1fr);min-height:62px}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-bank-card{flex-basis:min(82vw,300px)}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-actions{grid-template-columns:1fr 1fr}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-actions p{grid-column:1/-1}}@media (max-width:520px){.learning-reader-merged-header .learning-surah-drawer-inner.has-carousel-panels{grid-template-columns:26px minmax(0,1fr) 26px;gap:0}.learning-reader-merged-header .learning-drawer-panel-arrow{width:24px;height:50px}.learning-reader-merged-header .learning-sequence-panel-in-drawer{padding-inline:2px}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-bank-card b,.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-slot-copy b{font-size:clamp(20px,6.6vw,27px);line-height:1.6}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-bank-card{flex-basis:min(84vw,278px);min-height:76px}.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-actions .primary,.learning-reader-merged-header .learning-sequence-panel-in-drawer .learning-sequence-actions .secondary{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.learning-global-reader-chrome .learning-reader-merged-header,.learning-reader-merged-header .learning-drawer-carousel-track{transition-duration:.01ms!important}}.learning-reader-merged-header .learning-drawer-carousel{min-height:0;overflow:hidden;transition:height .38s cubic-bezier(.22,.88,.3,1);will-change:height}.learning-reader-merged-header .learning-drawer-carousel-track{min-height:0;align-items:flex-start}.learning-reader-merged-header .learning-surah-drawer-panel{align-self:flex-start;min-height:0;height:auto}.learning-reader-merged-header .learning-range-drawer-panel,.learning-reader-merged-header .learning-sequence-drawer-panel,.learning-reader-merged-header .learning-sequence-empty,.learning-reader-merged-header .learning-sequence-panel-in-drawer{min-height:0}.learning-global-reader-chrome .learning-surah-opening.is-page-header>.learning-surah-sticky.learning-reader-merged-header{min-height:0;height:auto;transition:border-radius .34s cubic-bezier(.22,.88,.3,1),box-shadow .34s ease,padding .34s cubic-bezier(.22,.88,.3,1),min-height .34s cubic-bezier(.22,.88,.3,1)}@media (max-width:760px){.learning-reader-merged-header .learning-drawer-carousel{transition-duration:.32s}}@media (prefers-reduced-motion:reduce){.learning-reader-merged-header .learning-drawer-carousel{transition-duration:.01ms!important}}@media (max-width:760px){.learning-mushaf-flow{direction:rtl;text-align:justify;text-align-last:center;text-justify:auto;text-wrap:pretty;font-feature-settings:"kern",common-ligatures contextual;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;line-height:1.74;overflow-wrap:normal;word-break:normal}.learning-mushaf-flow,.learning-mushaf-flow .learning-arabic-text,.learning-mushaf-flow .learning-flow-group,.learning-mushaf-flow .learning-mushaf-verse{word-spacing:normal;letter-spacing:normal}.learning-page-content{padding-inline:clamp(14px,4vw,20px)}}@media (max-width:430px){.learning-mushaf-flow{font-size:clamp(var(--learning-mushaf-mobile-min,27px),var(--learning-mushaf-mobile-fluid,7.7vw),var(--learning-mushaf-mobile-max,34px));line-height:1.7}.learning-ayah-number{margin-inline:.1em .16em}}.learning-memorization-panel .learning-picker-trigger strong{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.learning-memorization-panel .learning-surah-picker-trigger{grid-template-columns:24px minmax(0,1fr) auto 16px;height:auto;padding-block:9px}.learning-memorization-panel .learning-surah-picker-trigger b{max-width:min(34vw,190px);overflow:visible;text-overflow:clip}.learning-memorization-record-title strong{overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.learning-memorization-block-link{width:100%;min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.learning-memorization-block-link:focus-visible strong,.learning-memorization-block-link:hover strong{color:var(--green-dark)}.learning-mushaf-verse.is-memorized-block-flash{border-radius:.24em;background:color-mix(in srgb,var(--green) 16%,transparent);box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:learningMemorizedBlockFlash 1.8s ease-out both}.learning-verse-row.is-memorized-block-flash{animation:learningMemorizedBlockRowFlash 1.8s ease-out both}@keyframes learningMemorizedBlockFlash{0%,18%{background-color:color-mix(in srgb,var(--green) 24%,transparent);box-shadow:0 0 0 .12em color-mix(in srgb,var(--green) 13%,transparent)}to{background-color:transparent;box-shadow:none}}@keyframes learningMemorizedBlockRowFlash{0%,18%{background-color:color-mix(in srgb,var(--green) 14%,transparent);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--green) 72%,transparent)}to{background-color:transparent;box-shadow:inset 0 0 0 transparent}}@media (max-width:760px){.learning-memorization-form-row,.learning-memorized-block-form{grid-template-columns:1fr}.learning-memorization-form-row>.learning-verse-picker,.learning-memorized-block-form>.learning-verse-picker{grid-column:1}.learning-memorization-panel .learning-surah-picker-trigger b{max-width:32vw;font-size:16px}.learning-memorization-record-title{grid-template-columns:24px minmax(0,1fr) auto}}@media (max-width:520px){.learning-memorization-panel .learning-surah-picker-trigger{grid-template-columns:22px minmax(0,1fr) 16px}.learning-memorization-panel .learning-surah-picker-trigger b{grid-column:2;justify-self:start;max-width:100%;font-size:15px}.learning-memorization-panel .learning-surah-picker-trigger>svg{grid-column:3;grid-row:1/span 2}.learning-memorization-record-title{grid-template-columns:22px minmax(0,1fr);align-items:start}.learning-memorization-record-title b{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.learning-mushaf-verse.is-memorized-block-flash,.learning-verse-row.is-memorized-block-flash{animation-duration:.01ms}}.learning-memorization-panel .learning-memorized-surah-picker .learning-surah-picker-trigger{grid-template-columns:minmax(0,1fr) 18px;align-items:center;min-height:48px;padding:10px 14px}.learning-memorization-panel .learning-memorized-surah-picker .learning-surah-picker-trigger strong{grid-column:1;min-width:0;width:100%;white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:normal;text-overflow:clip;line-height:1.2;font-size:13px}.learning-memorization-panel .learning-memorized-surah-picker .learning-surah-picker-trigger>svg{grid-column:2;grid-row:1;justify-self:end;flex:0 0 auto}@media (max-width:520px){.learning-memorization-panel .learning-memorized-surah-picker .learning-surah-picker-trigger{grid-template-columns:minmax(0,1fr) 18px;min-height:46px;padding-inline:12px}.learning-memorization-panel .learning-memorized-surah-picker .learning-surah-picker-trigger strong{grid-column:1;font-size:13px}.learning-memorization-panel .learning-memorized-surah-picker .learning-surah-picker-trigger>svg{grid-column:2;grid-row:1}}@media (max-width:760px){.learning-memorization-heading{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;grid-gap:8px;gap:8px;width:100%;text-align:center}.learning-memorization-heading>div{width:min(100%,560px);min-width:0;display:grid;justify-items:center;text-align:center}.learning-memorization-heading .learning-tool-copy,.learning-memorization-heading .learning-tool-title{width:100%;margin-inline:auto;text-align:center}.learning-memorization-panel-count{justify-self:center;text-align:center;margin:0}.learning-memorization-panel .learning-verse-picker>span{text-align:center}}@media (max-width:520px){.learning-memorization-section{gap:14px}.learning-memorization-heading{gap:6px;padding-inline:4px}.learning-memorization-heading>div,.learning-memorization-panel-count{width:100%}}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger{grid-template-columns:24px minmax(0,1fr) max-content 18px;align-items:center;column-gap:10px}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger .learning-picker-number{grid-column:1;grid-row:1}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger strong{grid-column:2;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;overflow-wrap:normal;word-break:normal}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger b{grid-column:3;grid-row:1;justify-self:end;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;font-size:clamp(17px,2vw,22px);line-height:1.1}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger>svg{grid-column:4;grid-row:1;justify-self:end}@media (max-width:520px){.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger{grid-template-columns:20px minmax(0,1fr) max-content 16px;column-gap:8px;min-height:54px;padding:10px 12px}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger strong{grid-column:2;grid-row:1;justify-self:start;max-width:100%;font-size:clamp(13px,3.7vw,15px);letter-spacing:-.015em;white-space:nowrap}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger b{grid-column:3;grid-row:1;justify-self:end;max-width:none;font-size:clamp(18px,5.2vw,22px);white-space:nowrap}.learning-memorization-panel .learning-memorized-block-form .learning-surah-picker-trigger>svg{grid-column:4;grid-row:1}}.learning-memorization-record-title{grid-template-columns:28px minmax(0,1fr) max-content;align-items:center;column-gap:10px}.learning-memorization-record-title>span{grid-column:1;grid-row:1;white-space:nowrap}.learning-memorization-record-title strong{grid-column:2;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;overflow-wrap:normal;word-break:normal}.learning-memorization-record-title b{grid-column:3;grid-row:1;justify-self:end;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.1}@media (max-width:520px){.learning-memorization-record-title{grid-template-columns:20px minmax(0,1fr) max-content;align-items:center;gap:8px}.learning-memorization-record-title>span{grid-column:1;grid-row:1;font-size:10px}.learning-memorization-record-title strong{grid-column:2;grid-row:1;font-size:clamp(13px,4vw,16px);letter-spacing:-.015em;white-space:nowrap}.learning-memorization-record-title b{grid-column:3;grid-row:1;justify-self:end;font-size:clamp(18px,5.4vw,23px);white-space:nowrap}}@media (max-width:390px){.learning-memorization-record-title{grid-template-columns:18px minmax(0,1fr) max-content;gap:6px}.learning-memorization-record-title strong{font-size:13px}.learning-memorization-record-title b{font-size:18px}}.custom-share-sheet-backdrop{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:rgba(8,15,12,.42);-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05);animation:custom-share-backdrop-in .18s ease-out both}.custom-share-sheet{width:min(680px,100%);max-height:min(88svh,860px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:30px;background:color-mix(in srgb,var(--card) 96%,var(--paper) 4%);color:var(--ink);box-shadow:0 32px 100px rgba(4,12,8,.24);transform-origin:50% 100%;animation:custom-share-sheet-in .24s cubic-bezier(.2,.75,.25,1) both}.custom-share-sheet-handle{display:none;width:44px;height:5px;margin:-7px auto 14px;border-radius:999px;background:color-mix(in srgb,var(--ink-3) 34%,transparent)}.custom-share-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.custom-share-sheet-header>div{min-width:0}.custom-share-sheet-header p{margin:0 0 5px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.18em}.custom-share-sheet-header h2{max-width:540px;margin:0;font-size:clamp(23px,4vw,31px);font-weight:900;line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}.custom-share-sheet-close{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 70%,transparent);color:var(--ink-2);cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.custom-share-sheet-close:hover{transform:rotate(4deg) scale(1.03);color:var(--ink)}.custom-share-sheet-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.custom-share-sheet-card-preview{position:relative;width:100%;aspect-ratio:1200/630;margin-top:20px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--paper) 82%,transparent);box-shadow:0 13px 38px rgba(12,25,18,.09)}.custom-share-sheet-card-preview img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.custom-share-sheet-link-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--paper) 72%,transparent)}.custom-share-sheet-link{min-width:0;display:flex;align-items:center;min-height:52px;padding:0 16px;color:var(--ink-2);font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-share-sheet-link-row>button{min-height:52px;padding:0 19px;border:0;border-left:1px solid color-mix(in srgb,var(--green) 35%,transparent);background:var(--green);color:white;font:inherit;font-size:14px;font-weight:850;cursor:pointer;white-space:nowrap}.custom-share-sheet-link-row>button:disabled,.custom-share-sheet-option:disabled{cursor:wait;opacity:.62}.custom-share-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px 12px;gap:20px 12px;margin-top:26px}.custom-share-sheet-option{min-width:0;display:grid;justify-items:center;align-content:start;grid-gap:9px;gap:9px;padding:4px 2px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:760;line-height:1.18;text-align:center;cursor:pointer}.custom-share-sheet-option>span:last-child{min-width:0;overflow-wrap:anywhere}.custom-share-sheet-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:0 9px 24px rgba(9,18,13,.12);transition:transform .16s ease,box-shadow .16s ease}.custom-share-sheet-option:not(:disabled):hover .custom-share-sheet-icon{transform:translateY(-2px) scale(1.025);box-shadow:0 13px 30px rgba(9,18,13,.16)}.custom-share-sheet-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.custom-share-sheet-icon .share-icon-fill{fill:currentColor;stroke:none}.custom-share-sheet-icon-instagram{background:color-mix(in srgb,var(--green) 88%,#0c4031 12%)}.custom-share-sheet-icon-card{background:color-mix(in srgb,var(--green) 90%,#0a4633 10%)}.custom-share-sheet-notice{min-height:19px;margin-top:20px;color:var(--ink-3);font-size:11px;font-weight:650;line-height:1.4;text-align:center}html[data-theme=dark] .custom-share-sheet{background:color-mix(in srgb,var(--card) 96%,#08110d 4%);box-shadow:0 34px 110px rgba(0,0,0,.5)}html[data-theme=dark] .custom-share-sheet-close,html[data-theme=dark] .custom-share-sheet-link-row{background:rgba(255,255,255,.035)}@keyframes custom-share-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes custom-share-sheet-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:700px){.custom-share-sheet-backdrop{place-items:end center;padding:0;background:rgba(8,15,12,.34)}.custom-share-sheet{width:100%;max-height:min(90dvh,860px);padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:28px 28px 0 0;animation-name:custom-share-sheet-mobile-in}.custom-share-sheet-handle{display:block}.custom-share-sheet-header h2{font-size:clamp(22px,7vw,29px)}.custom-share-sheet-card-preview{margin-top:16px;border-radius:16px}.custom-share-sheet-link-row{margin-top:13px;border-radius:15px}.custom-share-sheet-link{min-height:50px;padding-inline:13px;font-size:16px}.custom-share-sheet-link-row>button{min-height:50px;padding-inline:15px;font-size:13px}.custom-share-sheet-grid{gap:18px 8px;margin-top:22px}.custom-share-sheet-icon{width:58px;height:58px}.custom-share-sheet-icon svg{width:28px;height:28px}.custom-share-sheet-option{gap:8px;font-size:12px}}@media (max-width:380px){.custom-share-sheet{padding-inline:14px}.custom-share-sheet-link{padding-inline:11px}.custom-share-sheet-link-row>button{padding-inline:12px}.custom-share-sheet-icon{width:54px;height:54px}.custom-share-sheet-grid{gap-inline:4px}}@media (prefers-reduced-motion:reduce){.custom-share-sheet,.custom-share-sheet-backdrop{animation:none}.custom-share-sheet-close,.custom-share-sheet-icon{transition:none}}@keyframes custom-share-sheet-mobile-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.verse-share-page-card.share-brand-type .verse-share-arabic{font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-weight:400;letter-spacing:normal}.verse-share-page-card.share-brand-type blockquote{font-family:Georgia,Times New Roman,Times,serif;font-style:italic;font-weight:500;letter-spacing:-.015em}.learning-ayah-number,.learning-basmala,.learning-mushaf-flow,.learning-row-arabic,.learning-surah-content-basmala{font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-weight:400;letter-spacing:normal}.learning-row-translation{font-family:Georgia,Times New Roman,Times,serif;font-style:italic;font-weight:500;letter-spacing:-.008em}.custom-share-sheet-card-preview.is-error,.custom-share-sheet-card-preview.is-loading{display:grid;place-items:center}.custom-share-sheet-card-loading{display:flex;align-items:center;gap:8px;color:var(--green)}.custom-share-sheet-card-loading span{width:8px;height:8px;border-radius:50%;background:currentColor;animation:custom-share-card-pulse .9s ease-in-out infinite alternate}.custom-share-sheet-card-loading span:nth-child(2){animation-delay:.12s}.custom-share-sheet-card-loading span:nth-child(3){animation-delay:.24s}.custom-share-sheet-card-fallback{width:min(88%,460px);display:grid;justify-items:center;grid-gap:8px;gap:8px;text-align:center;color:var(--ink-2)}.custom-share-sheet-card-fallback-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:white;font-size:12px;font-weight:900;letter-spacing:-.02em}.custom-share-sheet-card-fallback strong{color:var(--ink);font-size:16px;line-height:1.15}.custom-share-sheet-card-fallback>span:last-child{color:var(--ink-3);font-size:12px;font-weight:650}@keyframes custom-share-card-pulse{0%{opacity:.3;transform:translateY(1px) scale(.82)}to{opacity:1;transform:translateY(-1px) scale(1)}}@media (prefers-reduced-motion:reduce){.custom-share-sheet-card-loading span{animation:none;opacity:.72}}.learning-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:end;gap:clamp(22px,3vw,44px)}.learning-hero-copy{min-width:0}.learning-continue{min-width:0;display:grid;grid-gap:12px;gap:12px;padding-bottom:2px}.learning-continue-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.learning-continue-head h2{margin:0;font-size:clamp(19px,2.1vw,25px);font-weight:900;letter-spacing:-.035em;line-height:1.1}.learning-continue-head-actions{display:flex;align-items:center;gap:6px}.learning-info-button,.learning-navigate-link{display:inline-flex;align-items:center;gap:7px;padding:6px 4px;border:0;background:none;color:var(--green);font-size:13px;font-weight:800;letter-spacing:-.01em;cursor:pointer;border-radius:10px;transition:color .16s ease,opacity .16s ease}.learning-navigate-link span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.6px}.learning-navigate-icon{width:17px;height:17px;flex:0 0 auto}.learning-info-button{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%}.learning-info-button svg{width:19px;height:19px}.learning-info-button:hover,.learning-navigate-link:hover{color:var(--green-dark)}.learning-info-button:focus-visible,.learning-navigate-link:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-continue-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;grid-gap:12px;gap:12px}.learning-continue-side{min-width:0;display:grid;grid-template-rows:auto auto;grid-gap:12px;gap:12px}.learning-continue-card{min-width:0;border:0;border-radius:20px;background:var(--card);color:inherit;text-align:left;box-shadow:0 1px 2px rgba(31,38,34,.04),0 6px 18px rgba(31,38,34,.05);transition:transform .16s ease,box-shadow .16s ease}button.learning-continue-card{cursor:pointer;font:inherit}.learning-streak-card:hover,button.learning-continue-card:hover:not(:disabled){box-shadow:0 2px 4px rgba(31,38,34,.05),0 12px 30px rgba(31,38,34,.09)}button.learning-continue-card:active:not(:disabled){transform:translateY(1px)}button.learning-continue-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-continue-chevron{width:15px;height:15px;flex:0 0 auto;color:var(--ink-3)}.learning-last-read{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:20px 18px 14px;min-height:172px}.learning-last-read.is-empty{cursor:default;opacity:.85}.learning-last-read-arabic{display:grid;place-items:center;min-width:0;padding:4px 6px;color:var(--ink);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(34px,3.6vw,48px);line-height:1.55;overflow-wrap:anywhere}.learning-last-read.is-empty .learning-last-read-arabic{color:var(--ink-3)}.learning-last-read-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid color-mix(in srgb,var(--line) 52%,transparent)}.learning-last-read-name{min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.learning-last-read-name strong{font-size:15px;font-weight:800;letter-spacing:-.015em}.learning-last-read-name small{color:var(--ink-3);font-size:13px;font-weight:600}.learning-last-read-verse{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--ink-3);font-size:13px;font-weight:700;white-space:nowrap}.learning-streak-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 16px;background:var(--green-pale)}.learning-streak-main{min-width:0;display:inline-flex;align-items:center;gap:9px;padding:6px 4px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;cursor:pointer}.learning-streak-main:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-streak-icon{width:30px;height:30px;flex:0 0 auto;color:var(--green)}.learning-streak-count{font-size:clamp(24px,2.6vw,31px);font-weight:900;letter-spacing:-.045em;line-height:1}.learning-streak-label{color:var(--ink-2);font-size:14px}.learning-goal-button,.learning-streak-label{font-weight:800;letter-spacing:-.01em;white-space:nowrap}.learning-goal-button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 14px;border:0;border-radius:999px;background:var(--green);color:#fff;font-size:13px;cursor:pointer;transition:background .16s ease,transform .16s ease}.learning-goal-button:hover{background:var(--green-dark)}.learning-goal-button:active{transform:translateY(1px)}.learning-goal-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.learning-goal-button.is-met{background:var(--ink);color:var(--paper)}.learning-goal-icon{width:15px;height:15px;flex:0 0 auto}.learning-my-list{display:flex;align-items:center;gap:12px;padding:15px 16px}.learning-list-icon{width:22px;height:22px;flex:0 0 auto;color:var(--green)}.learning-my-list-copy{min-width:0;display:grid;grid-gap:2px;gap:2px;flex:1 1 auto}.learning-my-list-copy strong{font-size:15px;font-weight:800;letter-spacing:-.015em}.learning-my-list-copy small{color:var(--ink-3);font-size:12.5px;font-weight:600}.learning-continue-notice{margin:0;color:var(--green);font-size:12.5px;font-weight:700}.learning-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.learning-modal-backdrop{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:rgba(8,15,12,.44);-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05);animation:learning-modal-backdrop-in .18s ease-out both}@keyframes learning-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes learning-modal-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.learning-modal{width:min(560px,100%);max-height:min(88svh,880px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:28px;background:color-mix(in srgb,var(--card) 96%,var(--paper) 4%);color:var(--ink);box-shadow:0 32px 100px rgba(4,12,8,.26);animation:learning-modal-in .24s cubic-bezier(.2,.75,.25,1) both}.learning-modal.is-wide{width:min(720px,100%)}.learning-modal-handle{display:none;width:44px;height:5px;margin:-7px auto 14px;border-radius:999px;background:color-mix(in srgb,var(--ink-3) 34%,transparent)}.learning-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.learning-modal-header>div{min-width:0}.learning-modal-header p{margin:0 0 5px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.18em}.learning-modal-header h2{margin:0;font-size:clamp(22px,3.4vw,29px);font-weight:900;line-height:1.05;letter-spacing:-.045em}.learning-modal-close{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 70%,transparent);color:var(--ink-2);cursor:pointer;transition:background .16s ease,color .16s ease}.learning-modal-close svg{width:17px;height:17px}.learning-modal-close:hover{background:var(--paper-2);color:var(--ink)}.learning-modal-close:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-modal-body{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.learning-modal-lede{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.6}.learning-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.learning-modal-primary,.learning-modal-secondary{padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease}.learning-modal-primary{border:0;background:var(--green);color:#fff}.learning-modal-primary:hover:not(:disabled){background:var(--green-dark)}.learning-modal-primary:disabled{opacity:.5;cursor:default}.learning-modal-secondary{border:1px solid var(--line);background:transparent;color:var(--ink-2)}.learning-modal-secondary:hover{background:var(--paper-2);color:var(--ink)}.learning-modal-primary:focus-visible,.learning-modal-secondary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-guide-sections{display:grid;grid-gap:14px;gap:14px}.learning-guide-section{padding:15px 16px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:18px;background:color-mix(in srgb,var(--paper) 52%,transparent)}.learning-guide-section header{display:flex;align-items:flex-start;gap:11px}.learning-guide-step{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:900}.learning-guide-section h3{margin:2px 0 4px;font-size:15px;font-weight:900;letter-spacing:-.02em}.learning-guide-section header p{margin:0;color:var(--ink-2);font-size:13px;line-height:1.55}.learning-guide-section ul{margin:10px 0 0;padding-left:36px;display:grid;grid-gap:6px;gap:6px}.learning-guide-section li{color:var(--ink-2);font-size:13px;line-height:1.55}.learning-guide-section li::marker{color:var(--green)}.learning-streak-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.learning-streak-day{position:relative;display:grid;justify-items:center;grid-gap:7px;gap:7px;padding:11px 2px 9px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--paper) 52%,transparent)}.learning-streak-day-dot{width:15px;height:15px;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--ink-3) 46%,transparent)}.learning-streak-day.is-active{border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:var(--green-pale)}.learning-streak-day.is-active .learning-streak-day-dot{border-color:var(--green);background:var(--green)}.learning-streak-day.is-today{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--green) 52%,transparent)}.learning-streak-day-label{color:var(--ink-3);font-size:11px;font-weight:800}.learning-streak-day.is-active .learning-streak-day-label{color:var(--green-dark)}.learning-streak-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.learning-streak-stats article{display:grid;grid-gap:3px;gap:3px;padding:12px 10px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:15px;background:color-mix(in srgb,var(--paper) 52%,transparent);text-align:center}.learning-streak-stats strong{font-size:21px;font-weight:900;letter-spacing:-.04em}.learning-streak-stats span{color:var(--ink-3);font-size:11px;font-weight:700;line-height:1.3}.learning-goal-progress{display:grid;grid-gap:8px;gap:8px}.learning-goal-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}.learning-goal-progress-head strong{font-weight:800}.learning-goal-progress-head span{color:var(--ink-3);font-weight:700}.learning-goal-bar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--ink-3) 20%,transparent);overflow:hidden}.learning-goal-bar i{display:block;height:100%;border-radius:999px;background:var(--green);transition:width .3s cubic-bezier(.2,.75,.25,1)}.learning-goal-bar.is-met i{background:var(--green-dark)}.learning-goal-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.learning-goal-presets button{display:grid;grid-gap:1px;gap:1px;padding:13px 8px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--paper) 52%,transparent);color:var(--ink);font-size:18px;font-weight:900;letter-spacing:-.035em;cursor:pointer;transition:border-color .16s ease,background .16s ease}.learning-goal-presets button small{color:var(--ink-3);font-size:11px;font-weight:700;letter-spacing:0}.learning-goal-presets button:hover{border-color:color-mix(in srgb,var(--green) 44%,var(--line))}.learning-goal-presets button.is-active{border-color:var(--green);background:var(--green-pale)}.learning-goal-presets button.is-active small{color:var(--green-dark)}.learning-goal-presets button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-goal-custom{display:grid;grid-gap:6px;gap:6px}.learning-goal-custom>span{font-size:12px;font-weight:800;letter-spacing:.01em}.learning-goal-custom input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-size:15px;font-weight:700}.learning-goal-custom input:focus-visible{outline:2px solid var(--green);outline-offset:1px}.learning-goal-custom small{color:var(--ink-3);font-size:11.5px}.learning-list-rows{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.learning-list-row{display:flex;align-items:stretch;gap:6px}.learning-list-row-open{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--paper) 52%,transparent);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease}.learning-list-row-open:hover{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:var(--green-pale)}.learning-list-row-open:focus-visible,.learning-list-row-remove:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-list-row-index{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:11.5px;font-weight:900}.learning-list-row-copy{min-width:0;flex:1 1 auto;display:grid;grid-gap:1px;gap:1px}.learning-list-row-copy strong{font-size:14px;font-weight:800;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-list-row-copy small{color:var(--ink-3);font-size:12px;font-weight:600}.learning-list-row-arabic{flex:0 0 auto;color:var(--green-dark);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:19px;font-weight:400;line-height:1.7}.learning-list-row-remove{width:40px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .16s ease,color .16s ease}.learning-list-row-remove svg{width:15px;height:15px}.learning-list-row-remove:hover{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.learning-list-empty{display:grid;justify-items:center;grid-gap:5px;gap:5px;padding:30px 18px;border:1px dashed color-mix(in srgb,var(--line) 90%,transparent);border-radius:18px;text-align:center}.learning-list-empty .learning-list-icon{width:26px;height:26px;opacity:.8}.learning-list-empty strong{font-size:14.5px;font-weight:800}.learning-list-empty span{color:var(--ink-3);font-size:12.5px}.learning-list-limit{margin:0;color:var(--amber);font-size:12.5px;font-weight:700}@media (max-width:1080px){.learning-hero{grid-template-columns:minmax(0,1fr);align-items:start}.learning-continue{padding-bottom:0}}@media (max-width:760px){.learning-continue-grid{grid-template-columns:minmax(0,1fr)}.learning-last-read{min-height:0;padding:18px 16px 13px}.learning-last-read-arabic{font-size:clamp(32px,9vw,44px);padding:6px}.learning-streak-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.learning-continue-head h2{font-size:19px}.learning-navigate-link{font-size:12.5px}.learning-streak-card{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.learning-streak-main{justify-content:flex-start;padding:0}.learning-goal-button{justify-content:center;padding:11px 14px}.learning-modal-backdrop{padding:0;align-items:flex-end;justify-items:stretch}.learning-modal,.learning-modal.is-wide{width:100%;max-height:92svh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:learning-modal-sheet-in .26s cubic-bezier(.2,.75,.25,1) both}.learning-modal-handle{display:block}.learning-goal-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-guide-section ul{padding-left:20px}.learning-modal-footer>*{flex:1 1 auto;text-align:center}}@keyframes learning-modal-sheet-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (max-width:400px){.learning-last-read-foot{flex-direction:column;align-items:flex-start;gap:5px}.learning-streak-strip{gap:4px}.learning-streak-day{padding:9px 1px 7px}.learning-list-row-arabic{display:none}}@media (prefers-reduced-motion:reduce){.learning-modal,.learning-modal-backdrop,.learning-modal.is-wide{animation:none}.learning-continue-card,.learning-goal-bar i,.learning-goal-button{transition:none}}html[data-theme=dark] .learning-streak-card{background:color-mix(in srgb,var(--green-pale) 72%,var(--card))}html[data-theme=dark] .learning-goal-button{color:#06130d}html[data-theme=dark] .learning-goal-button.is-met{background:var(--green-dark);color:#06130d}html[data-theme=dark] .learning-streak-card:hover,html[data-theme=dark] button.learning-continue-card:hover:not(:disabled){box-shadow:0 12px 30px rgba(0,0,0,.34)}html[data-theme=dark] .learning-modal-backdrop{background:rgba(2,6,4,.58)}.learning-guide-body{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:start;grid-gap:14px;gap:14px;margin-top:11px}.learning-guide-figure{margin:0;padding:9px;border-radius:13px;background:color-mix(in srgb,var(--paper-2) 62%,transparent)}.learning-guide-figure svg{display:block;width:100%;height:auto}.learning-guide-figure .lg-surface{fill:var(--card)}.learning-guide-figure .lg-card{fill:color-mix(in srgb,var(--ink-3) 13%,transparent)}.learning-guide-figure .lg-line{fill:var(--ink-3);opacity:.42}.learning-guide-figure .lg-accent{fill:var(--green)}.learning-guide-figure .lg-accent-soft{fill:var(--green);opacity:.17}.learning-guide-figure .lg-accent-soft-fill{fill:var(--green);opacity:.3}.learning-guide-figure .lg-hidden{fill:var(--ink-3);opacity:.22}.learning-guide-figure .lg-outline{fill:none;stroke:var(--ink-3);stroke-width:1.4;stroke-dasharray:4 3;opacity:.5}.learning-guide-figure .lg-stroke{fill:none;stroke:var(--ink-3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.learning-guide-body ul{margin:0;padding-left:17px;display:grid;grid-gap:6px;gap:6px}@media (max-width:620px){.learning-guide-body{grid-template-columns:minmax(0,1fr);gap:11px}.learning-guide-figure{max-width:260px}}html[data-theme=dark] .learning-continue-card{box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.26)}html[data-theme=dark] .learning-guide-figure{background:color-mix(in srgb,var(--paper-2) 78%,transparent)}.learning-meta-bookmark{width:26px;height:26px;flex:0 0 auto;margin-left:-5px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .16s ease,color .16s ease,transform .14s ease}.learning-meta-bookmark svg{width:15px;height:15px}.learning-meta-bookmark:hover{background:color-mix(in srgb,var(--ink-3) 13%,transparent);color:var(--ink)}.learning-meta-bookmark:active{transform:scale(.9)}.learning-meta-bookmark:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-meta-bookmark.is-saved{color:var(--green)}.learning-meta-bookmark.is-saved:hover{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green-dark)}.learning-meta-bookmark.is-saved svg{animation:learning-bookmark-pop .26s cubic-bezier(.2,.8,.3,1.2) both}@keyframes learning-bookmark-pop{0%{transform:scale(.72)}60%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.learning-meta-bookmark,.learning-meta-bookmark.is-saved svg{animation:none;transition:none}}@media (pointer:coarse){.learning-meta-bookmark{padding:9px;background-clip:content-box}}@media (hover:none){.learning-meta-bookmark:hover{background:transparent;color:var(--ink-3)}.learning-meta-bookmark.is-saved:hover{background:transparent;color:var(--green)}}.learning-ayah-number{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;border:0;background:none;font:inherit;font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:.73em;font-weight:400;color:var(--green);cursor:pointer;transition:color .16s ease,transform .16s ease}.learning-ayah-number:hover{color:var(--green-dark)}.learning-ayah-number:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:6px}.learning-ayah-number{position:relative}.learning-ayah-number.is-saved{color:var(--green-dark)}.learning-ayah-number.is-saved:after{content:"";position:absolute;top:-.08em;inset-inline-end:-.1em;width:.26em;height:.26em;min-width:6px;min-height:6px;border-radius:50%;background:var(--green);animation:learning-ayah-save-pop .26s cubic-bezier(.2,.8,.3,1.2) both}@keyframes learning-ayah-save-pop{0%{transform:scale(0)}60%{transform:scale(1.35)}to{transform:scale(1)}}@media (pointer:coarse){.learning-mushaf-flow .learning-ayah-number{min-width:0;min-height:0}}.learning-ayah-number:before{content:"";position:absolute;inset:-7px -9px}@media (hover:none){.learning-ayah-number:hover{color:var(--green)}.learning-ayah-number.is-saved:hover{color:var(--green-dark)}}@media (prefers-reduced-motion:reduce){.learning-ayah-number,.learning-ayah-number.is-saved:after{animation:none;transition:none}}.learning-list-row-index.is-surah{background:var(--green);color:#fff}html[data-theme=dark] .learning-list-row-index.is-surah{background:var(--green);color:#06130d}.learning-scroll-stage{display:grid;grid-gap:0;gap:0;overflow-anchor:none}.learning-scroll-sentinel{width:100%;height:1px;margin:0;pointer-events:none}.learning-scroll-edge{margin:0;padding:26px 0;color:var(--ink-3);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:center}.learning-scroll-edge.is-terminus{color:color-mix(in srgb,var(--green) 72%,var(--ink-3))}.learning-scroll-surah{min-height:calc(100dvh - var(--site-header-offset, 76px) - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:18px;gap:18px;padding:clamp(26px,5vw,54px) clamp(16px,3vw,34px) clamp(22px,4vw,42px);border-radius:28px;background:var(--card);box-shadow:0 1px 2px rgba(31,38,34,.04),0 10px 30px rgba(31,38,34,.05);scroll-margin-top:calc(var(--site-header-offset, 76px) + 12px)}.learning-scroll-surah+.learning-scroll-surah{margin-top:26px}.learning-scroll-surah-head{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent);text-align:center}.learning-scroll-surah-kicker{color:var(--ink-3);font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.learning-scroll-surah-head b{margin:2px 0 1px;color:var(--green);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.5}.learning-scroll-surah-head strong{font-size:clamp(15px,1.7vw,19px);font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.learning-scroll-surah-head small{color:var(--ink-3);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.learning-scroll-surah-end{margin:0;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--line) 58%,transparent);color:var(--ink-3);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center}.learning-scroll-surah-loading{display:grid;place-items:center;min-height:220px;color:var(--ink-3);font-size:13px;font-weight:700}.learning-scroll-surah .learning-surah-footer{border-top:0}.learning-scroll-pager{position:fixed;right:clamp(10px,2vw,26px);bottom:calc(env(safe-area-inset-bottom, 0px) + clamp(18px, 4vh, 44px));z-index:26;display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--card) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2px 6px rgba(31,38,34,.06),0 14px 34px rgba(31,38,34,.1)}.learning-scroll-pager-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .16s ease,color .16s ease,transform .14s ease}.learning-scroll-pager-button svg{width:19px;height:19px}.learning-scroll-pager-button:hover:not(:disabled){background:var(--green-pale);color:var(--green-dark)}.learning-scroll-pager-button:active:not(:disabled){transform:scale(.92)}.learning-scroll-pager-button:disabled{opacity:.32;cursor:default}.learning-scroll-pager-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.learning-scroll-pager-label{color:var(--ink-3);font-size:10px;font-weight:900;letter-spacing:.04em}@media (max-width:760px){.learning-scroll-surah{min-height:calc(100dvh - var(--site-header-offset, 64px) - 24px);padding:22px 12px 20px;border-radius:20px}.learning-scroll-surah+.learning-scroll-surah{margin-top:16px}.learning-scroll-edge{padding:18px 0;font-size:10px}.learning-scroll-pager{bottom:calc(env(safe-area-inset-bottom, 0px) + 78px);right:10px}.learning-scroll-pager-button{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.learning-scroll-pager-button{transition:none}}html[data-theme=dark] .learning-scroll-surah{box-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.28)}html[data-theme=dark] .learning-scroll-pager{background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 2px 6px rgba(0,0,0,.38),0 14px 34px rgba(0,0,0,.34)}.pwa-bridge{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);transform:translateX(-50%);z-index:60;flex-direction:column;gap:8px;width:max-content;max-width:min(calc(100vw - 24px),34rem);pointer-events:none}.pwa-bridge,.pwa-bridge-note{display:flex;align-items:center}.pwa-bridge-note{gap:10px;margin:0;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--inverse-surface) 94%,transparent);color:var(--inverse-ink);font-size:13px;line-height:1.35;text-align:left;box-shadow:0 2px 6px rgba(0,0,0,.22),0 14px 34px rgba(0,0,0,.2)}.pwa-bridge-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--amber)}.pwa-bridge-action{pointer-events:auto;flex:none;margin:-4px -6px -4px 0;padding:6px 12px;border:0;border-radius:999px;background:var(--green);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .16s ease}.pwa-bridge-action:hover{background:var(--green-dark)}.pwa-bridge-action:focus-visible{outline:2px solid var(--inverse-ink);outline-offset:2px}@media (pointer:coarse){.pwa-bridge-action{min-height:40px;padding-inline:16px}}@media (hover:none){.pwa-bridge-action:hover{background:var(--green)}}@media (prefers-reduced-motion:reduce){.pwa-bridge-action{transition:none}}@media (max-width:480px){.pwa-bridge{max-width:calc(100vw - 20px)}.pwa-bridge-note{font-size:12.5px;padding:8px 12px}}.notif-panel{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.notif-note{margin-top:16px;font-size:13px}.notif-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.notif-head strong{display:block;font-size:14px;color:var(--ink)}.notif-head small{display:block;margin-top:3px;max-width:30ch;font-size:12.5px;line-height:1.45;color:var(--ink-3)}.notif-toggle{flex:none;min-width:82px;min-height:36px;padding:0 16px;border:1px solid var(--green);border-radius:999px;background:var(--green);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease}.notif-toggle.is-on{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 40%,transparent);color:var(--green-dark)}.notif-toggle:disabled{opacity:.55;cursor:not-allowed}.notif-toggle:hover:not(:disabled){background:var(--green-dark);color:#fff}.notif-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-gap:2px;gap:2px}.notif-row{display:flex;align-items:flex-start;gap:11px;padding:9px 10px;border-radius:12px;cursor:pointer;transition:background .14s ease}.notif-row:hover{background:var(--paper-2)}.notif-row input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--green);cursor:pointer}.notif-row-copy strong{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}.notif-row-copy small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--ink-3)}.notif-message{margin:12px 0 0;padding:9px 12px;border-radius:12px;background:var(--green-pale);font-size:12.5px;line-height:1.5;color:var(--ink-2)}@media (pointer:coarse){.notif-toggle{min-height:44px}.notif-row{padding-block:12px}}@media (hover:none){.notif-row:hover{background:transparent}.notif-toggle:hover:not(:disabled){background:var(--green)}.notif-toggle.is-on:hover:not(:disabled){background:var(--green-soft);color:var(--green-dark)}}@media (prefers-reduced-motion:reduce){.notif-row,.notif-toggle{transition:none}}html[data-theme=dark] .notif-message{background:color-mix(in srgb,var(--green) 16%,transparent)}html[data-theme=dark] .notif-row:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.learning-scroll-surah,.learning-verse-row{contain:layout style}@media (pointer:coarse){.learning-dynamic-island,.learning-scroll-pager,.site-header,.site-header-inner{-webkit-backdrop-filter:none;backdrop-filter:none}.learning-scroll-pager,.site-header{background:color-mix(in srgb,var(--paper) 97%,transparent)}html[data-theme=dark] .learning-scroll-pager,html[data-theme=dark] .site-header{background:color-mix(in srgb,var(--card) 97%,transparent)}}@media (prefers-reduced-motion:reduce){.learning-verse-row{transition:none}}.play-button{position:relative}.play-button-spinner{position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;border-top-color:currentcolor;opacity:.85;animation:play-button-spin .75s linear infinite;pointer-events:none}@keyframes play-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.play-button-spinner{animation:none;border-color:currentColor;opacity:.45}}.sitemap-section{border-bottom:0}.sitemap-head{max-width:34rem}.sitemap-head h1{margin:10px 0 0;font-size:clamp(38px,6vw,62px);line-height:1.02;letter-spacing:-.045em}.sitemap-head h1 em{font-style:italic;color:var(--green)}.sitemap-lede{margin:18px 0 0;max-width:44ch;color:var(--ink-2);line-height:1.6}.sitemap-groups{margin-top:clamp(40px,6vw,64px);display:grid;grid-gap:clamp(36px,5vw,56px);gap:clamp(36px,5vw,56px)}.sitemap-group h2{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.sitemap-group ul{list-style:none;margin:0;padding:0}.sitemap-group li+li a{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.sitemap-group a{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;align-items:baseline;grid-gap:4px 28px;gap:4px 28px;padding:20px 12px 20px 0;color:inherit;text-decoration:none;transition:background .16s ease,padding-left .16s ease}.sitemap-group a:hover{background:color-mix(in srgb,var(--green) 5%,transparent);padding-left:12px}.sitemap-group a:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:6px}.sitemap-entry-title{font-size:21px;font-weight:700;letter-spacing:-.02em}.sitemap-entry-summary{color:var(--ink-2);font-size:14px;line-height:1.55}.sitemap-entry-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ink-3);white-space:nowrap}.sitemap-foot{margin-top:clamp(40px,6vw,60px);padding-top:22px;border-top:1px solid var(--line)}.sitemap-foot p{margin:0;color:var(--ink-3);font-size:13px}.sitemap-foot a{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:860px){.sitemap-group a{grid-template-columns:1fr;gap:6px;padding:18px 0}.sitemap-group a:hover{padding-left:0}.sitemap-entry-title{font-size:19px}}@media (prefers-reduced-motion:reduce){.sitemap-group a{transition:none}}.notif-menu{position:relative;flex:0 0 auto}.notif-menu-trigger.is-open{border-color:color-mix(in srgb,var(--green) 45%,var(--line));color:var(--green-dark)}.notif-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:min(22rem,calc(100vw - 24px));padding:6px 18px 16px;border-radius:18px;background:var(--card);box-shadow:0 2px 8px rgba(31,38,34,.06),0 20px 48px rgba(31,38,34,.14)}.notif-menu-panel .notif-panel{margin-top:0;padding-top:12px;border-top:0}html[data-theme=dark] .notif-menu-panel{background:var(--paper-2);box-shadow:0 2px 8px rgba(0,0,0,.4),0 20px 48px rgba(0,0,0,.36)}@media (max-width:620px){.notif-menu-panel{position:fixed;top:auto;right:12px;left:12px;width:auto}}.closest-figure-details .closest-figure-formula{border:0;background:color-mix(in srgb,var(--ink) 4%,transparent)}.closest-figure-details .closest-figure-example-grid{border:0;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closest-figure-details .closest-figure-example-grid>div{background:transparent;border-right-color:color-mix(in srgb,var(--line) 60%,transparent)}html[data-theme=dark] .closest-figure-details .closest-figure-formula{background:color-mix(in srgb,var(--ink) 8%,transparent)}.resource-card .dhikr-source-link{border:0;border-radius:0;padding-inline:0;background:transparent}.resource-card .dhikr-source-link+.dhikr-source-link{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.resource-card .dhikr-source-link:hover{background:color-mix(in srgb,var(--green) 7%,transparent);color:var(--green-dark);padding-inline:8px;margin-inline:-8px;border-radius:8px}html[data-theme=dark] .resource-card .dhikr-source-link:hover{color:var(--green)}.trusted-links>a{background:transparent;border:0;border-radius:0}.trusted-links>a+a{border-top:1px solid var(--inverse-line)}.trusted-links>a:hover{background:color-mix(in srgb,#fff 7%,transparent);padding-inline:8px;margin-inline:-8px;border-radius:8px}.rule-card .score-ladder{border-top:0}.rule-card .score-ladder>div{border-bottom:0}.rule-card .score-ladder>div+div{border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.rule-card .score-ladder>div.current{border-top-color:transparent}@media (prefers-reduced-motion:reduce){.resource-card .dhikr-source-link{transition:none}}.site-footer,.trusted-panel{--green:#2f9e72;--green-dark:#4cc194}.site-footer .footer-feedback label small,.site-footer .footer-source-note,.site-footer .site-footer-bottom,.site-footer small,.trusted-panel small{color:#9aa6a0}.learning-goal-progress strong,.score-ladder>div.current,.score-ladder>div.current b{color:var(--green-dark)}.dhikr-source-credit{color:var(--ink-3)}.resource-error{color:#9c443c}html[data-theme=dark] .resource-error{color:#e8a49c}html[data-theme=dark] .footer-send,html[data-theme=dark] .primary,html[data-theme=dark] button.primary{color:#1f2622}html[data-theme=dark] .learning-goal-progress span,html[data-theme=dark] .rule-card .score-ladder>div.current small,html[data-theme=dark] .rule-card .score-ladder>div.current span,html[data-theme=dark] .score-ladder>div.current small,html[data-theme=dark] .score-ladder>div.current span{color:#a6b3aa}.legal-page{border-bottom:0}.legal-head{max-width:34rem}.legal-head h1{margin:10px 0 0;font-size:clamp(36px,5.4vw,56px);line-height:1.04;letter-spacing:-.045em}.legal-head h1 em{font-style:italic;color:var(--green)}.legal-lede{margin:18px 0 0;max-width:46ch;color:var(--ink-2);font-size:17px;line-height:1.6}.legal-body{margin-top:clamp(36px,5vw,56px);max-width:62ch}.legal-body h2{margin:clamp(30px,4vw,44px) 0 10px;font-size:19px;letter-spacing:-.02em}.legal-body h2:first-child{margin-top:0}.legal-body li,.legal-body p{color:var(--ink-2);line-height:1.7}.legal-body p,.legal-body ul{margin:0 0 14px}.legal-body ul{padding-left:1.1rem}.legal-body li{margin-bottom:9px}.legal-body strong{color:var(--ink)}.legal-body code{padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.legal-body a{color:var(--green)}.legal-contact{margin-top:clamp(30px,4vw,44px);padding-top:20px;border-top:1px solid var(--line);font-size:14px}.feedback-consent{margin:12px 0 0;max-width:52ch;font-size:11px;line-height:1.55;color:#9aa6a0}.feedback-consent a{color:inherit;text-decoration:underline}.custom-share-sheet-icon .share-brand-mark{width:29px;height:29px;fill:currentColor;stroke:none}@media (max-width:560px){.custom-share-sheet-icon .share-brand-mark{width:26px;height:26px}}.surah-page{border-bottom:0}.surah-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;color:var(--ink-3)}.surah-breadcrumb a{color:var(--ink-2);text-decoration:none}.surah-breadcrumb a:hover{color:var(--green);text-decoration:underline}.surah-breadcrumb span[aria-hidden]{color:var(--line)}.surah-page-head{max-width:42rem}.surah-page-head h1{margin:10px 0 0;font-size:clamp(38px,6vw,62px);line-height:1.02;letter-spacing:-.045em}.surah-page-head h1 em{font-style:italic;color:var(--green)}.surah-page-arabic{margin:14px 0 0;color:var(--green-dark);font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(32px,4.4vw,46px);line-height:1.45;text-align:left}.surah-page-lede{margin:20px 0 0;max-width:54ch;color:var(--ink-2);font-size:17px;line-height:1.65}.surah-page-summary{margin:12px 0 0;max-width:54ch;color:var(--ink-3);font-size:15px;line-height:1.65}.surah-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));grid-gap:2px 28px;gap:2px 28px;margin:clamp(34px,4.6vw,52px) 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.surah-facts>div{display:flex;flex-direction:column;gap:5px}.surah-facts dt{color:var(--ink-3);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.surah-facts dd{margin:0;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.surah-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:clamp(26px,3.4vw,34px)}.surah-page-action{min-height:46px;display:inline-flex;align-items:center;padding:0 18px;border-radius:11px;font-size:14px;font-weight:700;text-decoration:none;color:var(--ink-2);transition:.15s ease}.surah-page-action:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.surah-page-action.is-primary{background:var(--green);color:white;font-weight:750}.surah-page-action.is-primary:hover{background:var(--green-dark);transform:translateY(-1px)}html[data-theme=dark] .surah-page-action.is-primary{color:#1f2622}.surah-answers,.surah-practice{margin-top:clamp(44px,5.6vw,68px);max-width:62ch}.surah-answers h2,.surah-practice h2{margin:0 0 6px;font-size:19px;letter-spacing:-.02em}.surah-answer{padding:16px 0;border-bottom:1px solid var(--line)}.surah-answer:last-child{border-bottom:0}.surah-answer h3{margin:0 0 5px;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.surah-answer p,.surah-practice p{margin:0;color:var(--ink-2);line-height:1.7}.surah-practice p{margin-top:14px}.surah-practice a{color:var(--green)}.surah-page-nav{display:flex;justify-content:space-between;gap:16px;margin-top:clamp(48px,6vw,72px);padding-top:22px;border-top:1px solid var(--line)}.surah-page-nav-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}.surah-page-nav-link.is-next{text-align:right}.surah-page-nav-link span{color:var(--ink-3);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.surah-page-nav-link strong{font-size:16px;font-weight:700;letter-spacing:-.02em}.surah-page-nav-link:hover strong{color:var(--green)}@media (max-width:560px){.surah-facts{gap:18px 24px;grid-template-columns:repeat(2,1fr)}.surah-facts dd{font-size:19px}.surah-page-actions .surah-page-action{flex:1 1 auto;justify-content:center}}.surah-index-section{border-bottom:0;padding-top:0}.surah-index-heading{max-width:42rem}.surah-index-heading h2{margin:10px 0 0;font-size:clamp(32px,4.6vw,50px);line-height:1.04;letter-spacing:-.045em}.surah-index-heading h2 em{font-style:italic;color:var(--green)}.surah-index-heading>p{margin:18px 0 0;max-width:52ch;color:var(--ink-2);line-height:1.65}.surah-index{margin:clamp(34px,4.6vw,52px) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:0 40px;gap:0 40px}.surah-index>li{border-bottom:1px solid var(--line)}.surah-index a{display:grid;grid-template-columns:2.2rem 1fr auto 2.6rem;align-items:center;grid-gap:12px;gap:12px;padding:12px 6px;border-radius:8px;text-decoration:none;transition:background .14s ease}.surah-index a:hover{background:color-mix(in srgb,var(--green) 7%,transparent)}.surah-index-number{color:var(--ink-3);font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.surah-index-name{color:var(--ink);font-size:15px;font-weight:650;letter-spacing:-.015em}.surah-index a:hover .surah-index-name,.surah-index-arabic{color:var(--green-dark)}.surah-index-arabic{font-family:UthmanicHafs,Noto Naskh Arabic,Traditional Arabic,serif;font-size:19px;line-height:1.4}.surah-index-count{color:var(--ink-3);font-size:12px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:560px){.surah-index{grid-template-columns:1fr}.surah-index-arabic{font-size:17px}}