@font-face{font-family:Scheherazade New;src:url(/fonts/ScheherazadeNew-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Mula Latin;src:url(/fonts/mula-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Mula Latin;src:url(/fonts/mula-latin-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--latar:#ece5cf;--helaian:#faf6ea;--dakwat:#1c2520;--lembut:#66624f;--garis:#d6c9a6;--aksen:#1d6b55;--aksen-cair:#d5e7da;--aksen-gelap:#154f3f;--bahaya:#8f3a24;--bahaya-cair:#f3e1d8;--tirai:#1c252085;--bayang:0 1px 0 #fffdf6 inset, 0 18px 40px -28px #3c301473;--fon-arab:"Scheherazade New", "Geeza Pro", "Noto Naskh Arabic", serif;--fon-ui:"Mula Latin", system-ui, sans-serif;--sentuh:clamp(4rem, 3rem + 5vw, 6rem);--sentuh-besar:clamp(4.75rem, 3.4rem + 7vw, 7.5rem);--saiz-arab:clamp(2.5rem, 1.6rem + 4.2vw, 4.4rem);--ruang-ekor:.35em;--saiz-arab-besar:clamp(3.1rem, 1.8rem + 6vw, 6rem);--jarak:clamp(.75rem, .4rem + 1.6vw, 1.5rem);--lebar-helaian:56rem;--tempoh-sorotan:.2s;--tempoh-tukar:.24s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--latar);min-height:100dvh;color:var(--dakwat);font:400 1rem/1.5 var(--fon-ui);-webkit-tap-highlight-color:transparent;margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--aksen);outline-offset:3px}.notis{padding:.35rem var(--jarak);padding-top:max(.35rem, env(safe-area-inset-top));text-align:center;color:var(--lembut);border-bottom:1px solid var(--garis);margin:0;font-size:.8125rem}.bar-atas{width:100%;max-width:calc(var(--lebar-helaian) + 2 * var(--jarak));padding:.75rem var(--jarak) .5rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.jenama{letter-spacing:.01em;color:var(--aksen-gelap);margin:0;font-size:1.125rem;font-weight:700}.tukar-bahasa{border:1px solid var(--garis);background:var(--helaian);border-radius:999px;padding:3px;display:flex}.bahasa{min-width:3rem;min-height:2.75rem;color:var(--lembut);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .85rem;font-size:.9375rem;font-weight:700}.bahasa[aria-pressed=true]{background:var(--aksen);color:var(--helaian)}.pentas{width:100%;padding:0 var(--jarak);touch-action:pan-y;flex:1}.bar-bawah{width:100%;max-width:calc(var(--lebar-helaian) + 2 * var(--jarak));padding:.75rem var(--jarak) max(.75rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--latar) 70%, transparent);justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;display:flex;position:sticky;bottom:0}.anak-panah{width:var(--sentuh);height:var(--sentuh);border:2px solid var(--aksen);background:var(--helaian);color:var(--aksen);cursor:pointer;box-shadow:var(--bayang);border-radius:50%;flex:none;place-items:center;display:grid}.anak-panah.seterusnya{background:var(--aksen);color:var(--helaian)}.anak-panah:disabled{border-color:var(--garis);color:var(--garis);box-shadow:none;cursor:default;background:0 0}.ikon{width:46%;height:46%}.ikon-garis{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ikon-isi{fill:currentColor}.audio{border:1px dashed var(--garis);min-width:0;min-height:2.75rem;color:var(--lembut);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem .35rem .6rem;font-size:.875rem;display:flex}.audio .ikon{flex:none;width:1.5rem;height:1.5rem}.audio-label{direction:ltr}.mesej-audio{left:50%;bottom:calc(var(--sentuh) + 2rem + env(safe-area-inset-bottom));width:min(26rem, calc(100% - 2 * var(--jarak)));background:var(--dakwat);color:var(--helaian);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--tempoh-tukar) ease, transform var(--tempoh-tukar) ease;border-radius:.75rem;margin:0;padding:.75rem 1rem;font-size:.9375rem;position:fixed;transform:translate(-50%,.5rem)}.mesej-audio[data-nampak=ya]{opacity:1;transform:translate(-50%)}@media (max-width:380px){.audio{padding-inline-start:.6rem;padding-inline-end:.6rem}.audio-label{font-size:.8125rem;line-height:1.2}}.helaian{max-width:var(--lebar-helaian);padding:calc(var(--jarak) * 1.4) calc(var(--jarak) * 1.25) calc(var(--jarak) * 1.6);background:var(--helaian);border:1px solid var(--garis);box-shadow:inset 0 0 0 6px var(--helaian), inset 0 0 0 7px var(--garis), var(--bayang);border-radius:.375rem;margin:.25rem auto 0;position:relative}.helaian[data-masuk=seterusnya]{animation:masuk-kiri var(--tempoh-tukar) ease-out}.helaian[data-masuk=sebelum]{animation:masuk-kanan var(--tempoh-tukar) ease-out}@keyframes masuk-kiri{0%{opacity:0;transform:translate(-1.5rem)}}@keyframes masuk-kanan{0%{opacity:0;transform:translate(1.5rem)}}.helaian-kepala{align-items:center;gap:var(--jarak);display:flex}.medalion{aspect-ratio:1;flex:none;place-items:center;width:clamp(4.25rem,3rem + 4vw,5.75rem);display:grid;position:relative}.medalion-bintang{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bintang-luar{fill:var(--aksen)}.bintang-dalam{fill:var(--helaian);stroke:var(--aksen);stroke-width:1.2px}.medalion-no{color:var(--aksen-gelap);font-variant-numeric:lining-nums;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:700;position:relative}.helaian-tajuk{min-width:0}.tajuk-muka{margin:0;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:700;line-height:1.25}.baharu{color:var(--lembut);margin:.15rem 0 0;font-size:1rem}.petunjuk{margin:var(--jarak) 0 0;padding-bottom:calc(var(--jarak) * .75);border-bottom:1px solid var(--garis);color:var(--lembut);padding-inline-end:max(0px,100% - 60ch);font-size:.9375rem}.baris-senarai{margin:0;padding:0;list-style:none}.baris{padding:calc(var(--jarak) * .6) 0;border-bottom:1px dotted var(--garis)}.baris:last-child{border-bottom:0}.baris-label{color:var(--lembut);text-align:end;margin:0 0 .25rem;font-size:.8125rem}.baris[data-jenis=latihan] .baris-label{color:var(--aksen-gelap);font-weight:700}.baris-huruf{flex-wrap:wrap;justify-content:flex-start;gap:clamp(.25rem,.1rem + .8vw,.75rem);display:flex}.huruf{min-width:var(--sentuh);min-height:calc(var(--sentuh) * 1.25);cursor:pointer;isolation:isolate;touch-action:manipulation;background:0 0;border:0;border-radius:1.25rem;grid-template-rows:1fr auto;justify-items:center;padding:.15rem .35rem .3rem;display:grid;position:relative}.huruf:before{content:"";z-index:-1;border-radius:inherit;background:var(--aksen-cair);box-shadow:inset 0 0 0 2px var(--aksen);opacity:0;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.7)}.huruf[aria-pressed=true]:before{opacity:1;transform:scale(1)}.huruf-arab{font-family:var(--fon-arab);font-weight:500;font-size:var(--saiz-arab);padding-bottom:var(--ruang-ekor);color:var(--dakwat);line-height:1.55}.huruf-rumi{color:var(--aksen-gelap);opacity:0;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;font-size:1rem;font-weight:700;line-height:1.2;transform:translateY(-.25rem)}.huruf[aria-pressed=true] .huruf-rumi{opacity:1;transform:none}.huruf:focus-visible{outline-offset:0}.baris[data-jenis=kenal]:first-child .huruf{min-width:var(--sentuh-besar)}.baris[data-jenis=kenal]:first-child .baris-huruf{justify-content:center}.baris[data-jenis=kenal]:first-child .huruf-arab{font-size:var(--saiz-arab-besar)}@media (max-width:480px){.pentas{padding-inline-start:.5rem;padding-inline-end:.5rem}.helaian{padding-inline-start:.6rem;padding-inline-end:.6rem}.huruf{min-width:4rem;padding-inline-start:0;padding-inline-end:0}.baris-huruf{gap:.25rem}}@media (prefers-reduced-motion:reduce){.helaian[data-masuk]{animation:none}.huruf:before,.huruf-rumi,.mesej-audio{transition:none}}html[data-kunci]{overflow:hidden}.bar-atas-kanan{align-items:center;gap:.5rem;min-width:0;display:flex}.pintu{border:1px solid var(--garis);background:var(--helaian);min-width:2.75rem;min-height:2.75rem;color:var(--lembut);cursor:pointer;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;align-items:center;gap:.4rem;padding:0 .85rem 0 .7rem;font-size:.875rem;font-weight:700;display:flex;position:relative;overflow:hidden}.pintu .ikon{flex:none;width:1.25rem;height:1.25rem}.pintu-isi{z-index:-1;background:var(--aksen-cair);transform-origin:0;transition:transform .12s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.pintu[data-tahan]{color:var(--aksen-gelap);border-color:var(--aksen)}.pintu[data-tahan] .pintu-isi{transition:transform var(--tempoh-tahan) linear;transform:scaleX(1)}.dialog{max-width:calc(100% - 2 * var(--jarak));max-height:calc(100dvh - 2 * var(--jarak));padding:calc(var(--jarak) * 1.25);border:1px solid var(--garis);background:var(--helaian);color:var(--dakwat);box-shadow:inset 0 0 0 5px var(--helaian), inset 0 0 0 6px var(--garis), var(--bayang);overscroll-behavior:contain;border-radius:.5rem}.dialog[open]{animation:dialog-masuk var(--tempoh-tukar) ease-out}.dialog::backdrop{background:var(--tirai)}@keyframes dialog-masuk{0%{opacity:0;transform:translateY(.75rem)}}.dialog-tajuk{color:var(--aksen-gelap);margin:0;font-size:1.25rem;line-height:1.3}.dialog-kaki{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:2.75rem;padding:0 1.1rem;font-size:.9375rem;font-weight:700}.btn-utama{background:var(--aksen);color:var(--helaian)}.btn-senyap{border-color:var(--garis);color:var(--aksen-gelap);background:0 0}.btn-bahaya{background:var(--bahaya);color:var(--helaian)}.btn-bahaya-senyap{border-color:var(--bahaya);color:var(--bahaya);background:0 0}.btn-ikon{border:1px solid var(--garis);width:2.75rem;height:2.75rem;color:var(--dakwat);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.btn-ikon .ikon{width:1.25rem;height:1.25rem}.btn-ikon:focus-visible{border:3px solid var(--aksen);outline:0}.btn:focus-visible{outline-offset:0;border-color:var(--aksen)}.panel-tanda:focus-visible{outline-offset:0;border-color:var(--aksen)}.pintu:focus-visible{outline-offset:0;border-color:var(--aksen)}.dialog-pintu{width:24rem}.pintu-borang{margin-top:.5rem}.pintu-soalan{margin:0 0 .75rem;font-size:1.125rem}.pintu-jawapan{border:2px solid var(--garis);background:var(--latar);width:100%;min-height:3rem;color:var(--dakwat);font:700 1.375rem/1 var(--fon-ui);font-variant-numeric:lining-nums tabular-nums;border-radius:.6rem;padding:0 .85rem}.pintu-jawapan:focus-visible{border-color:var(--aksen);outline:0}.pintu-ralat{min-height:1.4em;color:var(--bahaya);margin:.4rem 0 0;font-size:.875rem}.dialog-panel{width:44rem;padding:0}.panel-kepala{padding:calc(var(--jarak) * 1.1) calc(var(--jarak) * 1.25) 0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-ringkasan{padding:.75rem calc(var(--jarak) * 1.25) var(--jarak);border-bottom:1px solid var(--garis)}.panel-angka{font-variant-numeric:lining-nums;margin:0 0 .5rem;font-size:1.0625rem;font-weight:700}.panel-bar{background:var(--latar);height:.5rem;box-shadow:inset 0 0 0 1px var(--garis);border-radius:999px;overflow:hidden}.panel-bar-isi{background:var(--aksen);height:100%;transform:scaleX(var(--nisbah,0));transform-origin:0;transition:transform var(--tempoh-tukar) ease-out;display:block}.panel-terakhir{color:var(--lembut);margin:.5rem 0 0;font-size:.9375rem}.panel-senarai{padding:0 calc(var(--jarak) * 1.25);margin:0;list-style:none}.panel-baris{border-bottom:1px dotted var(--garis);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem .85rem;padding:.7rem 0;display:grid}.panel-no{aspect-ratio:1;place-items:center;width:2.75rem;display:grid;position:relative}.panel-no-bintang{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.panel-no-teks{color:var(--aksen-gelap);font-variant-numeric:lining-nums;font-size:.9375rem;font-weight:700;position:relative}.panel-baris[data-semasa] .bintang-dalam{fill:var(--aksen-cair)}.panel-maklumat{min-width:0}.panel-baris-tajuk{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:0;font-weight:700;display:flex}.panel-sedang{background:var(--aksen-cair);color:var(--aksen-gelap);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.panel-huruf{padding-bottom:var(--ruang-ekor);font-family:var(--fon-arab);text-align:left;color:var(--dakwat);word-spacing:.35em;margin:0;font-size:1.75rem;line-height:1.6}.panel-nama{color:var(--lembut);margin:0;font-size:.875rem}.panel-tanda{border:1px solid var(--garis);min-height:2.75rem;color:var(--lembut);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:0 .85rem 0 .5rem;font-size:.875rem;font-weight:700;display:flex}.panel-tanda-kotak{border:2px solid var(--garis);width:1.75rem;height:1.75rem;color:var(--helaian);transition:background-color var(--tempoh-sorotan) ease-out, border-color var(--tempoh-sorotan) ease-out;border-radius:50%;place-items:center;display:grid}.panel-tanda-kotak .ikon{opacity:0;width:1.1rem;height:1.1rem;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;transform:scale(.6)}.panel-tanda-kotak .ikon-garis{stroke-width:3px}.panel-tanda[aria-pressed=true]{border-color:var(--aksen);background:var(--aksen-cair);color:var(--aksen-gelap)}.panel-tanda[aria-pressed=true] .panel-tanda-kotak{border-color:var(--aksen);background:var(--aksen)}.panel-tanda[aria-pressed=true] .panel-tanda-kotak .ikon{opacity:1;transform:none}.panel-status{padding:0 calc(var(--jarak) * 1.25);color:var(--aksen-gelap);margin:0;font-size:.875rem}.panel-status:empty{display:none}.panel-status:not(:empty){padding-top:.75rem}.panel-bawah{padding:var(--jarak) calc(var(--jarak) * 1.25) calc(var(--jarak) * 1.25)}.panel-simpanan{color:var(--lembut);margin:.75rem 0 0;font-size:.8125rem}.panel-sah{padding:var(--jarak);border:1px solid var(--bahaya);background:var(--bahaya-cair);border-radius:.5rem}.panel-sah-tajuk{color:var(--bahaya);margin:0;font-size:1.0625rem}.panel-sah-teks{margin:.35rem 0 0;font-size:.9375rem}.lencana-dikuasai{background:var(--aksen-cair);color:var(--aksen-gelap);border-radius:999px;align-items:center;gap:.3rem;margin:.4rem 0 0;padding:.15rem .65rem .15rem .4rem;font-size:.8125rem;font-weight:700;display:inline-flex}.lencana-dikuasai .ikon{width:1rem;height:1rem}.lencana-dikuasai .ikon-garis{stroke-width:3px}@media (max-width:560px){.pintu{padding-inline-start:.7rem;padding-inline-end:.7rem}.pintu-label{display:none}.panel-baris{grid-template-columns:auto minmax(0,1fr) auto}.panel-maklumat{grid-column:2/-1}.panel-tanda{grid-column:1/3;justify-self:start}}@media (prefers-reduced-motion:reduce){.dialog[open]{animation:none}.pintu-isi,.panel-bar-isi,.panel-tanda-kotak,.panel-tanda-kotak .ikon,.pintu[data-tahan] .pintu-isi{transition:none}}.panel-pasang{margin:var(--jarak) calc(var(--jarak) * 1.25) 0;background:var(--aksen-cair);color:var(--aksen-gelap);border-radius:1rem;padding:.9rem 1rem 1rem}.panel-pasang-tajuk{margin:0;font-size:1rem}.panel-pasang-teks{color:var(--dakwat);margin:.3rem 0 0;font-size:.9375rem}.panel-pasang-langkah{counter-reset:langkah;gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.panel-pasang-langkah li{counter-increment:langkah;color:var(--dakwat);grid-template-columns:1.6rem minmax(0,1fr);align-items:baseline;gap:.6rem;font-size:.9375rem;display:grid}.panel-pasang-langkah li:before{content:counter(langkah);aspect-ratio:1;background:var(--aksen);width:1.6rem;color:var(--helaian);font-variant-numeric:lining-nums;border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;display:grid}