@font-face{font-family:Amiri;font-weight:400;font-display:swap;src:url(/fonts/amiri-400-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Amiri Quran;font-weight:400;font-display:swap;src:url(/fonts/amiri-quran-400-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Reem Kufi;font-weight:400 700;font-display:swap;src:url(/fonts/reem-kufi-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Reem Kufi;font-weight:400 700;font-display:swap;src:url(/fonts/reem-kufi-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--bg:#f4f1ea;--surface:#fffdf8;--surface-2:#ece7dc;--ink:#1b2620;--ink-2:#56625b;--line:#dcd5c7;--green:#0e5c47;--green-2:#137a5e;--green-soft:#dcebe3;--gold:#a86a12;--gold-soft:#f5e6c8;--hl:#c2410c;--hl-soft:#fce3d3;--ok:#137a5e;--c-jauf:#3f72be;--c-halq:#b23f68;--c-lisan:#d0641c;--c-syafatain:#0e8a67;--c-khaisyum:#7556b2;--skin-line:#3a4f49;--tongue:#edb9b3;--lip:#db9290;--tooth:#fff;--nasal:#e1e9f2;--arab:"Amiri","Traditional Arabic","Noto Naskh Arabic",serif;--quran:"Amiri Quran","Amiri","Traditional Arabic",serif;--tajuk:"Reem Kufi","Instrument Sans",system-ui,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r:16px;--bar:56px;--pager:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1714;--surface:#16211d;--surface-2:#1d2b26;--ink:#e6ede9;--ink-2:#a0b2ab;--line:#2b3b35;--green:#4cc59c;--green-2:#4cc59c;--green-soft:#16362b;--gold:#e2ae55;--gold-soft:#3a2e17;--hl:#ff9a5c;--hl-soft:#3d2416;--ok:#4cc59c;--c-jauf:#7ea7e6;--c-halq:#e57da1;--c-lisan:#f08a45;--c-syafatain:#3ebf93;--c-khaisyum:#a98de3;--skin-line:#a9bdb6;--tongue:#6e4447;--lip:#86504f;--tooth:#d9e0dd;--nasal:#1f2c38}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1714;--surface:#16211d;--surface-2:#1d2b26;--ink:#e6ede9;--ink-2:#a0b2ab;--line:#2b3b35;--green:#4cc59c;--green-2:#4cc59c;--green-soft:#16362b;--gold:#e2ae55;--gold-soft:#3a2e17;--hl:#ff9a5c;--hl-soft:#3d2416;--ok:#4cc59c;--c-jauf:#7ea7e6;--c-halq:#e57da1;--c-lisan:#f08a45;--c-syafatain:#3ebf93;--c-khaisyum:#a98de3;--skin-line:#a9bdb6;--tongue:#6e4447;--lip:#86504f;--tooth:#d9e0dd;--nasal:#1f2c38}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:var(--green-2)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}[lang=ar]{font-family:var(--arab)}svg{display:block}.wrap{max-width:720px;margin:0 auto;padding:20px 16px 48px}.tajuk{font-family:var(--tajuk);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(26px,6.4vw,36px);font-weight:600;line-height:1.2}.lede{color:var(--ink-2);max-width:56ch;margin-top:10px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:13px;font-weight:600}.sek{font-family:var(--tajuk);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:32px 0 12px;font-size:15px;font-weight:600}.ar-i{font-family:var(--arab);font-size:1.2em;line-height:1}.pil{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pil.tahap-asas{background:var(--green-soft);color:var(--green-2)}.pil.tahap-lanjutan{background:var(--gold-soft);color:var(--gold)}.prog,.mini-prog{background:var(--surface-2);border-radius:99px;height:6px;display:block;overflow:hidden}.prog i,.mini-prog i{background:var(--green-2);border-radius:inherit;min-width:0;height:100%;display:block}.mini-prog{max-width:160px;height:4px;margin-top:6px}.btn{border:1.5px solid var(--line);background:var(--surface);min-height:46px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg,.btn-teks svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.btn.utama{background:var(--green);border-color:var(--green);color:#fff}:root[data-theme=dark] .btn.utama{color:#0f1714}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.utama{color:#0f1714}}.btn-teks{color:var(--green-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:15px;font-weight:600;display:inline-flex}.ib{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;text-decoration:none;display:inline-grid}.ib svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ib svg .isi{fill:currentColor;stroke:none}.ib:hover{background:var(--surface-2)}.ib.on{background:var(--green-soft);color:var(--green-2)}.ib.mati{opacity:.3;pointer-events:none}:focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}.bar{z-index:20;height:var(--bar);padding:0 8px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:6px;display:flex;position:sticky;top:0}.jenama{color:var(--ink);font-family:var(--tajuk);white-space:nowrap;align-items:center;gap:8px;padding-left:6px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.jenama img{border-radius:7px}.jenama b{color:var(--green-2)}.bar-t{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.bar-t small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bar-t strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.bar-b{gap:2px;display:flex}.hero{padding:12px 0 4px}.sambung{border-radius:var(--r);background:var(--green);color:#fff;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;text-decoration:none;display:flex}.sambung small{opacity:.85;text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block}.sambung svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}:root[data-theme=dark] .sambung{color:#0f1714}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sambung{color:#0f1714}}.rak-grid{gap:14px;display:grid}.kad-kitab{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--ink);grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}a.kad-kitab:hover{border-color:var(--green-2);transform:translateY(-1px)}.kk-ar{aspect-ratio:3/4;background:var(--green);color:#f8e9c6;font-family:var(--tajuk);text-align:center;box-shadow:inset 0 0 0 3px #f8e9c659,inset 0 0 0 6px var(--green);border-radius:10px;place-items:center;padding:8px;font-size:19px;line-height:1.5;display:grid}.kad-kitab:nth-child(2) .kk-ar{background:#6b3a1e}.kad-kitab.kelabu{opacity:.55}.kad-kitab.kelabu .kk-ar{background:var(--surface-2);color:var(--ink-2);box-shadow:none}.kk-isi h2{font-family:var(--tajuk);font-size:20px;font-weight:600;line-height:1.25}.kk-peng{color:var(--ink-2);margin-top:2px;font-size:14px}.kk-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 10px;font-size:13px;display:flex}.kk-prog{color:var(--ink-2);margin-top:6px;font-size:13px}.nota-draf{background:var(--gold-soft);border-radius:12px;margin-top:20px;padding:12px 14px;font-size:14px}.pasang{border-radius:var(--r);border:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.pasang p{color:var(--ink-2);font-size:14px}.kaki{border-top:1px solid var(--line);color:var(--ink-2);gap:4px;margin-top:36px;padding-top:18px;font-size:14px;display:grid}.kitab-kepala{text-align:center;padding:8px 0}.kk-ar.besar{width:120px;margin:0 auto 14px;font-size:22px}.kitab-kepala .kk-peng{margin-top:6px}.kitab-kepala .lede{margin:10px auto 16px}.kitab-kepala .prog{max-width:320px;margin:0 auto}.kk-aksi{flex-direction:column;align-items:center;gap:6px;margin-top:16px;display:flex}.senarai-bab{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bab{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}a.bab:hover{border-color:var(--green-2)}.bab-no{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid}.bab.siap .bab-no{background:var(--green);color:#fff}.bab-t{flex-direction:column;flex:1;min-width:0;display:flex}.bab-t b{font-weight:600;line-height:1.3}.bab-t small{color:var(--ink-2);text-align:left;font-size:17px;line-height:1.7}.bab-r{color:var(--ink-2);font-size:13px}.bab-s{color:var(--ink-2);flex:none;font-size:12px}.bab.kelabu{opacity:.5;background:0 0;border-style:dashed}.pembaca{padding-bottom:calc(var(--pager) + 40px + env(safe-area-inset-bottom))}.bait-kepala{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.no-bait{font-family:var(--tajuk);color:var(--green-2);font-size:18px;font-weight:600}.no-bait small{color:var(--ink-2);font-size:14px;font-weight:400}.lencana-draf{background:var(--gold-soft);color:var(--gold);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.lencana-faham{background:var(--green-soft);color:var(--green-2);border-radius:999px;align-items:center;gap:4px;padding:2px 9px 2px 6px;font-size:12px;font-weight:600;display:inline-flex}.lencana-faham svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.matan{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:20px;margin:14px 0 8px;padding:34px 18px 22px;position:relative}.matan:before,.matan:after{content:"";background:var(--gold);opacity:.45;border-radius:2px;width:48px;height:2px;position:absolute;top:14px}.matan:before{right:calc(50% + 10px)}.matan:after{left:calc(50% + 10px)}.shatr{font-family:var(--arab);color:var(--ink);font-size:clamp(25px,6.6vw,34px);line-height:2.05}.shatr.s1{text-align:right}.shatr.s2{text-align:left;margin-top:2px}@media (width>=700px){.matan{padding:36px 48px 30px}}.matan.hafalan .s2{filter:blur(9px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s}.matan.hafalan.dibuka .s2{filter:none;cursor:auto}.semak-tip{font-family:var(--body);color:var(--ink-2);margin-top:6px;font-size:13px;display:block}.matan.dibuka .semak-tip{visibility:hidden}.blok{margin-top:24px}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:12px;font-weight:700}.label-baris{justify-content:space-between;align-items:center;display:flex}.label-baris .label{margin:0}.terjemahan p{font-size:18px;font-weight:500;line-height:1.55}.syarah p{color:var(--ink);margin-bottom:12px}.syarah p:last-child{margin-bottom:0}.contoh ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.contoh li{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-end;gap:2px;padding:12px 16px;display:flex}.contoh .qr{font-family:var(--quran);text-align:right;width:100%;font-size:clamp(24px,6vw,30px);line-height:2}.contoh small{color:var(--ink-2);font-size:13px}mark.hl{background:var(--hl-soft);color:var(--hl);border-radius:3px}.batal{text-align:center;margin-top:24px}.batal .btn-teks{color:var(--ink-2);font-weight:500}audio{width:100%}.pager{z-index:20;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.pager .ib.besar{border:1.5px solid var(--line);border-radius:999px;width:46px;height:46px}.titik{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;min-width:0;max-height:40px;display:flex;overflow:hidden}.titik a{background:var(--surface-2);border:1.5px solid var(--line);border-radius:50%;width:10px;height:10px}.titik a.f{background:var(--green-2);border-color:var(--green-2)}.titik a.kini{outline:2px solid var(--gold);outline-offset:2px}.btn.faham{min-width:132px}.btn.faham.sudah{background:var(--surface);color:var(--green-2);border-color:var(--green-2)}@media (width>=760px){.pager{border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;max-width:720px;margin:0 auto}}.peta{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);gap:14px;padding:14px;display:grid}@media (width>=700px){.peta{grid-template-columns:1.1fr 1fr;align-items:start}}.peta-fig svg{width:100%;height:auto;max-height:46vh}.anat path{vector-effect:non-scaling-stroke}.anat .face{fill:none;stroke:var(--skin-line);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.anat .thin{fill:none;stroke:var(--skin-line);stroke-width:1.6px;stroke-linecap:round;opacity:.8}.anat .nasal{fill:var(--nasal);stroke:var(--skin-line);stroke-width:1.4px}.anat .palate{fill:none;stroke:var(--skin-line);stroke-width:5px;stroke-linecap:round;opacity:.6}.anat .soft{fill:none;stroke:var(--skin-line);stroke-width:4px;stroke-linecap:round;opacity:.3}.anat .gum{fill:var(--lip);fill-opacity:.55;stroke:none}.anat .tongue{fill:var(--tongue);stroke:var(--skin-line);stroke-width:1.6px}.anat .lip{fill:var(--lip);stroke:var(--skin-line);stroke-width:1.5px}.anat .tooth{fill:var(--tooth);stroke:var(--skin-line);stroke-width:1.5px}.anat .molar{fill:var(--tooth);fill-opacity:.5;stroke:var(--skin-line);stroke-width:1.2px;stroke-dasharray:4 3;opacity:.75}.anat .jauf-area{fill:var(--c-jauf);fill-opacity:0;stroke:var(--c-jauf);stroke-width:1.5px;stroke-dasharray:5 4;stroke-opacity:0;transition:fill-opacity .25s,stroke-opacity .25s}.anat .jauf-area.on{fill-opacity:.14;stroke-opacity:.9}.anat .nasal.on{fill:var(--c-khaisyum);fill-opacity:.22}.anat .lbl{font-family:var(--body);fill:var(--ink-2);paint-order:stroke;stroke:var(--surface);stroke-width:2.5px;stroke-linejoin:round;font-size:9px}.anat .lz{display:none}.dot{cursor:pointer}.dot .hit{fill:#0000}.dot .d{fill:var(--c);stroke:var(--surface);stroke-width:1.5px;transition:r .2s}.dot.dim .d{opacity:.25}.dot .tx{font-family:var(--body);fill:#fff;text-anchor:middle;dominant-baseline:central;opacity:0;pointer-events:none;font-size:8.5px;font-weight:700}.dot.sel .d{r:8.5px;stroke:var(--ink);stroke-width:1.6px}.dot.sel .tx{opacity:1}.cip-huruf{direction:rtl;flex-wrap:wrap;gap:6px;display:flex}.cip{border:1.5px solid color-mix(in srgb,var(--c) 45%,var(--line));background:var(--surface);cursor:pointer;border-radius:12px;min-width:46px;height:46px;padding:0 8px;font-size:24px;line-height:1}.cip span{font-family:var(--arab)}.cip.on{background:var(--c);border-color:var(--c);color:#fff}.peta-info{gap:4px;min-height:60px;margin-top:12px;font-size:15px;display:grid}.pi-k{letter-spacing:.06em;text-transform:uppercase;color:var(--c);font-size:12px;font-weight:700}.pi-t span{font-family:var(--arab);color:var(--ink-2);font-size:20px}.pi-h span{font-size:22px}.pi-n{color:var(--ink-2);font-size:14px}.legenda{color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.legenda i{background:var(--c);border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.legenda span{font-family:var(--arab)}.helaian{background:var(--bg);width:min(760px,100vw);max-width:100vw;max-height:92dvh;color:var(--ink);border:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0}@media (width>=760px){.helaian{border-radius:20px;margin:auto}}.helaian::backdrop{background:#00000073}.helaian-kepala{background:var(--bg);border-bottom:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;display:flex;position:sticky;top:0}.helaian-kepala h2{font-family:var(--tajuk);font-size:18px;font-weight:600}.helaian-isi{padding:14px 14px 24px}.kotak-cari input{border:1.5px solid var(--line);background:var(--surface);width:100%;height:52px;color:var(--ink);font:inherit;border-radius:999px;padding:0 18px;font-size:18px}.kotak-cari input:focus{border-color:var(--green-2);outline:none}.cadangan{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 18px;font-size:14px;display:flex}.cip-teks{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:14px}.kiraan{color:var(--ink-2);margin-bottom:10px;font-size:14px}.senarai-hasil{gap:10px;margin:0;padding:0;list-style:none;display:grid}.senarai-hasil a{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.senarai-hasil a:hover{border-color:var(--green-2)}.senarai-hasil small{color:var(--ink-2);font-size:12px}.h-ar{text-align:right;font-size:21px;line-height:1.9}.h-bm{color:var(--ink-2);font-size:15px}.kosong{text-align:center;justify-items:center;gap:14px;padding-top:60px;display:grid}#toast{left:50%;bottom:calc(var(--pager) + 24px + env(safe-area-inset-bottom));background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);opacity:0;pointer-events:none;z-index:50;text-align:center;border-radius:12px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}