@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2)format("woff2"),url(./noto-naskh-arabic-arabic-400-normal-1AoZhAAW.woff)format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2)format("woff2"),url(./noto-naskh-arabic-arabic-600-normal-DaTr67aF.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(./amiri-arabic-400-normal-C_1DQziU.woff)format("woff")}:root{--bg:#f7f4ec;--surface:#fffdf6;--surface-2:#f1ecdf;--line:#e4ddcb;--ink:#221e18;--ink-muted:#6e6759;--ink-faint:#a69e8e;--gold-600:#a87e2f;--gold-500:#c09a45;--gold-100:#f3e9cf;--lughah:#2b6e8f;--lughah-700:#215873;--lughah-100:#dcebf2;--lughah-50:#eef5f8;--benar:#1d6b48;--benar-100:#dcede2;--salah:#b4483a;--salah-100:#f6e1dc;--ism:#2b6e8f;--fil:#1d6b48;--harf:#a87e2f;--rafa:#2b6e8f;--nashb:#7b4fa0;--jarr:#a87e2f;--jazm:#3e7d57;--kaca:#fffdf6e0;--shadow-1:0 1px 2px #221e180f, 0 2px 8px #221e180d;--shadow-2:0 6px 20px #221e181a;--shadow-3:0 18px 50px #221e182e;--font-ui:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar:"Noto Naskh Arabic", "Amiri", serif;--font-quran:"Amiri", "Noto Naskh Arabic", serif;--ease:cubic-bezier(.2, 0, 0, 1);--panel-w:420px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:#e9dcc4;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--lughah) 55%, transparent);outline-offset:2px}#dunia{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ar{font-family:var(--font-ar);direction:rtl;unicode-bidi:isolate}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.atas{z-index:20;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:14px;display:flex;position:fixed;top:0;left:0;right:0}.atas>*{pointer-events:auto}.merek{color:var(--ink);background:var(--kaca);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1);border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;text-decoration:none;display:flex}.merek .lambang{background:var(--lughah);color:#fff;width:32px;height:32px;font-family:var(--font-ar);border-radius:10px;place-items:center;padding-bottom:4px;font-size:20px;line-height:1;display:grid}.merek b{letter-spacing:-.01em;font-size:14px}.merek small{color:var(--ink-muted);font-size:11.5px;font-weight:500;display:block}.tangga-langkah{scrollbar-width:none;flex:1;justify-content:center;gap:4px;padding:2px;display:flex;overflow-x:auto}.tangga-langkah::-webkit-scrollbar{display:none}.tangga-langkah .isi{background:var(--kaca);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1);border-radius:16px;gap:4px;padding:4px;display:flex}.lk{white-space:nowrap;color:var(--ink-muted);min-height:40px;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:12px;align-items:center;gap:7px;padding:6px 10px;font-size:12.5px;font-weight:600;display:flex}.lk:hover{background:var(--surface-2);color:var(--ink)}.lk .no{background:var(--surface-2);width:24px;height:24px;font-family:var(--font-ar);color:var(--ink-muted);border-radius:50%;flex:none;place-items:center;padding-bottom:3px;font-size:15px;line-height:1;display:grid}.lk.kini{background:var(--lughah);color:#fff}.lk.kini .no{color:#fff;background:#fff3}.lk.selesai .no{background:var(--benar);color:#fff;padding:0}.lk.selesai .no svg{width:13px;height:13px}.alat{gap:6px;display:flex}.ikon{background:var(--kaca);-webkit-backdrop-filter:blur(12px);width:44px;height:44px;box-shadow:var(--shadow-1);color:var(--ink);border:0;border-radius:14px;place-items:center;display:grid;position:relative}.ikon svg{width:20px;height:20px}.ikon[aria-pressed=true]{background:var(--lughah);color:#fff}.ikon[data-tip]:hover:after{content:attr(data-tip);background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:5px 9px;font-size:12px;position:absolute;top:50px;right:0}.panel{z-index:15;max-height:calc(100dvh - 88px);width:var(--panel-w);background:var(--surface);box-shadow:var(--shadow-3);transition:transform .45s var(--ease);border-radius:24px;flex-direction:column;display:flex;position:fixed;top:72px;right:16px;overflow:hidden;transform:translate(calc(100% + 24px))}.panel.buka{transform:none}.panel.lebar{--panel-w:560px}.panel .kepala-panel{border-bottom:1px solid var(--line);padding:20px 22px 14px}.panel .kepala-panel .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--lughah);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.panel .kepala-panel .eyebrow .ar{letter-spacing:0;text-transform:none;font-size:16px;font-weight:600}.panel h2{letter-spacing:-.02em;margin:6px 0 4px;font-size:20px}.panel .sub{color:var(--ink-muted);margin:0;font-size:13.5px;line-height:1.5}.panel .badan-panel{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px 22px 22px;overflow-y:auto}.panel .kaki-panel{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 22px;display:flex}.tombol{min-height:46px;transition:transform .15s var(--ease), background .2s var(--ease);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:700;display:inline-flex}.tombol:active{transform:scale(.97)}.tombol svg{width:18px;height:18px}.tombol.utama{background:var(--lughah);color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--lughah) 35%, transparent)}.tombol.utama:hover{background:var(--lughah-700)}.tombol.kedua{background:var(--surface-2);color:var(--ink)}.tombol.kedua:hover{background:var(--line)}.tombol.emas{background:color-mix(in srgb, var(--gold-600) 80%, var(--ink));color:#fff}.tombol.emas:hover{background:color-mix(in srgb, var(--gold-600) 65%, var(--ink))}.kaki-panel.akhir{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.panel .kaki-panel.akhir .tombol{white-space:nowrap;justify-content:center;gap:6px;margin:0;padding-inline:12px}.panel .kaki-panel.akhir .tombol.utama{order:-1;grid-column:1/-1}.tombol.penuh{width:100%}.tombol[disabled]{opacity:.45;pointer-events:none}.kaki-panel .tombol.utama{margin-inline-start:auto}.kal{font-family:var(--font-ar);direction:rtl;font-size:26px;line-height:2.05}.kt{cursor:pointer;border-radius:8px;padding:0 3px;transition:background .15s,color .15s;display:inline;position:relative}.kt:hover{background:var(--lughah-50)}.kt.on{color:var(--lughah);background:var(--lughah-100);box-shadow:inset 0 -3px 0 var(--lughah)}.kt.fokus{background:var(--gold-100);box-shadow:inset 0 -3px 0 var(--gold-500)}.lensa .kt[data-jenis=ism]{color:var(--ism)}.lensa .kt[data-jenis=fil]{color:var(--fil)}.lensa .kt[data-jenis=harf]{color:var(--harf)}.lensa-irab .kt[data-irab=rafa]{color:var(--rafa);box-shadow:inset 0 -2px 0 var(--rafa)}.lensa-irab .kt[data-irab=nashb]{color:var(--nashb);box-shadow:inset 0 -2px 0 var(--nashb)}.lensa-irab .kt[data-irab=jarr]{color:var(--jarr);box-shadow:inset 0 -2px 0 var(--jarr)}.lensa-irab .kt[data-irab=jazm]{color:var(--jazm);box-shadow:inset 0 -2px 0 var(--jazm)}.kt:has(.dh){white-space:nowrap}.kt .dh{display:inline-block}.lensa-irab .kt .dh{color:var(--nashb);box-shadow:inset 0 -2px 0 var(--nashb)}.legenda{color:var(--ink-muted);flex-wrap:wrap;gap:12px;margin:8px 0 0;font-size:12px;display:flex}.legenda i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:5px;display:inline-block}.tirai{z-index:13;pointer-events:none;opacity:0;background:#0b0806;place-items:center;padding:24px;transition:opacity .3s;display:grid;position:fixed;inset:0}.tirai.tampak{opacity:1}.lapis{pointer-events:none;z-index:10;position:fixed;inset:0}.gelembung{max-width:min(560px,100vw - 32px);box-shadow:var(--shadow-3);pointer-events:auto;transform-origin:bottom;animation:muncul .35s var(--ease);background:#fffdf6f5;border-radius:22px;padding:10px 20px 12px;position:absolute;top:0;left:0}.gelembung:after{content:"";left:var(--ekor,50%);background:inherit;border-radius:0 0 4px;width:18px;height:18px;position:absolute;bottom:-9px;transform:translate(-50%)rotate(45deg)}.gelembung.atas-ekor:after{border-radius:4px 0 0;top:-9px;bottom:auto}.gelembung.samping:after{display:none}.gelembung .siapa{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px;font-weight:700;display:flex}.gelembung .siapa .ar{color:var(--lughah);font-size:15px;font-weight:600}.gelembung .kal{font-size:clamp(26px,3.2vw,34px);line-height:1.9}.gelembung .tr{color:var(--ink);margin-top:6px;font-size:15px;line-height:1.6}@keyframes muncul{0%{opacity:0;transform:translateY(8px)scale(.96)}}.label3d{background:var(--surface);box-shadow:var(--shadow-2);text-align:center;white-space:nowrap;pointer-events:none;animation:muncul .3s var(--ease);border-radius:12px;padding:4px 10px 6px;position:absolute;transform:translate(-50%,-100%)}.label3d .ar{color:var(--lughah);font-size:22px;font-weight:600;line-height:1.5;display:block}.label3d small{color:var(--ink-muted);font-size:11.5px;font-weight:600}.label3d:after{content:"";background:inherit;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.kendali{z-index:14;left:50%;bottom:max(18px, env(safe-area-inset-bottom));background:var(--kaca);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-2);border-radius:20px;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.kendali .ikon{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.kendali .ikon.besar{background:var(--lughah);color:#fff;border-radius:16px;width:52px;height:52px}.kendali{flex-wrap:wrap;justify-content:center;min-width:min(360px,100vw - 32px)}.garis-baris{flex:1 0 100%;gap:3px;padding:2px 6px 6px;display:flex}.garis-baris .ruas{background:var(--line);cursor:pointer;min-width:8px;height:6px;transition:background .2s var(--ease), transform .2s var(--ease);border:0;border-radius:3px;flex:1;padding:0}.garis-baris .ruas:hover{transform:scaleY(1.6)}.garis-baris .ruas.lewat{background:var(--lughah-100)}.garis-baris .ruas.kini{background:var(--lughah)}.kendali .ikon:disabled{opacity:.35;pointer-events:none}.kendali .info{color:var(--ink-muted);text-align:center;min-width:92px;padding:0 10px;font-size:13px;font-weight:600}.kemajuan{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.kemajuan>i{background:var(--lughah);width:0;height:100%;transition:width .4s var(--ease);display:block}.sampul{z-index:30;overscroll-behavior:contain;padding:24px 24px 0;background:linear-gradient(90deg,#f7f4ecf0 0%,#f7f4ecd1 38%,#f7f4ec00 70%);flex-direction:column;padding-left:max(24px,6vw);display:flex;position:fixed;inset:0;overflow-y:auto}.sampul .kartu{width:100%;max-width:520px;animation:muncul .7s var(--ease);margin-block:auto 0;padding-top:0}@media (min-height:760px) and (min-width:761px){.sampul .kartu{margin-block:auto}}.aksi-sampul{isolation:isolate;padding:14px 0 max(18px, env(safe-area-inset-bottom));position:sticky;bottom:0}.aksi-sampul:before{content:"";z-index:-1;background:linear-gradient(#f7f4ec00,#f7f4ecfa 30%);position:absolute;inset:-12px -24px 0 -48px;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.aksi-sampul .status{margin-top:10px}.lencana{background:var(--lughah-100);color:var(--lughah-700);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pilih-wihdah{gap:10px;margin-bottom:18px;display:grid}.tab-mustawa{background:var(--surface-2);border-radius:999px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.tab-mustawa button{font:inherit;color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:32px;padding:7px 12px;font-size:12.5px;font-weight:700}.tab-mustawa button:hover{color:var(--lughah-700)}.tab-mustawa button[aria-selected=true]{background:var(--surface);color:var(--lughah-700);box-shadow:var(--shadow-1)}.pilih-wihdah .nomor{flex-wrap:wrap;gap:6px;display:flex}.pilih-wihdah .nomor a.uji{font-family:var(--font-ui);color:var(--gold-600);border-color:var(--gold-100);padding:0 12px;font-size:12.5px;font-weight:700}.pilih-wihdah .nomor a.uji.kini{background:var(--gold-600);border-color:var(--gold-600);color:#fff}.pilih-wihdah a{min-width:34px;height:34px;font-family:var(--font-ar);color:var(--lughah-700);background:var(--surface);border:1px solid var(--line);transition:background .2s var(--ease);border-radius:999px;place-items:center;font-size:17px;text-decoration:none;display:grid}.pilih-wihdah a:hover{background:var(--lughah-100)}.pilih-wihdah a.kini{background:var(--lughah);border-color:var(--lughah);color:#fff}.sampul h1{font-family:var(--font-ar);color:var(--ink);margin:6px 0 0;font-size:clamp(52px,8vw,84px);font-weight:600;line-height:1.5}.sampul .judul-id{letter-spacing:-.02em;margin:-6px 0 12px;font-size:22px;font-weight:700}.sampul p{color:var(--ink-muted);margin:0 0 18px;font-size:15.5px;line-height:1.65}.sampul ul{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.sampul li{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.sampul li svg{width:18px;height:18px;color:var(--lughah);flex:none;margin-top:2px}.jalur{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.jalur>span{color:var(--ink-muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.jalur>span .ar{color:var(--lughah);margin-left:6px;font-size:14px}.status{color:var(--ink-faint);margin-top:18px;font-size:12px}.kartu-isi{background:var(--surface-2);border-radius:18px;margin-bottom:12px;padding:16px}.kartu-isi.putih{background:var(--surface);border:1px solid var(--line)}.label-kecil{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;font-size:11.5px;font-weight:700}.label-kecil+.ayat{margin-top:14px}.pilihan{gap:8px;margin-top:12px;display:grid}.pil{border:2px solid var(--line);background:var(--surface);text-align:start;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:12px 14px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s,transform .15s;display:flex}.pil:hover{border-color:var(--lughah)}.pil.ar{font-family:var(--font-ar);justify-content:flex-start;padding:6px 16px;font-size:24px;font-weight:400;line-height:1.7}.pil.benar{border-color:var(--benar);background:var(--benar-100)}.pil.salah{border-color:var(--salah);background:var(--salah-100);animation:.4s geleng}.pil[disabled]{pointer-events:none}@keyframes geleng{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.jelas{background:var(--lughah-50);border:1px solid var(--lughah-100);animation:muncul .35s var(--ease);border-radius:16px;margin-top:14px;padding:14px 16px}.jelas p{margin:0 0 8px;font-size:14.5px;line-height:1.6}.jelas p:last-child{margin:0}.ar-inline{font-family:var(--font-ar);font-size:1.25em;line-height:1.4}.tabel{border-collapse:collapse;width:100%;margin-top:10px}.tabel td{border-top:1px solid var(--lughah-100);padding:6px 8px;font-size:14px}.tabel td.ar{text-align:right;width:45%;font-size:24px}.baris-teks{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr;align-items:start;gap:10px;padding:12px 0;display:grid}.baris-teks:last-child{border-bottom:0}.baris-teks.kini{background:linear-gradient(90deg, transparent, var(--lughah-50));margin:0 -22px;padding-inline:22px}.baris-teks .putar{background:var(--surface-2);width:40px;height:40px;color:var(--lughah);border:0;border-radius:12px;place-items:center;display:grid}.baris-teks .putar svg{width:16px;height:16px}.baris-teks .siapa{color:var(--ink-muted);font-size:11.5px;font-weight:700}.baris-teks .kal{font-size:25px;line-height:1.85}.baris-teks .tr{color:var(--ink);font-size:15px;line-height:1.6}.baris-teks .cat{color:var(--ink-muted);background:var(--gold-100);border-radius:10px;margin-top:6px;padding:8px 10px;font-size:14px;line-height:1.6}.pop{z-index:40;background:var(--surface);width:250px;box-shadow:var(--shadow-3);animation:muncul .2s var(--ease);border-radius:18px;padding:14px 16px;position:fixed}.pop .kata-besar{font-family:var(--font-ar);text-align:center;color:var(--lughah);font-size:38px;line-height:1.6}.pop .arti{text-align:center;font-size:15px;font-weight:700}.pop .meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.pop .meta span{background:var(--surface-2);color:var(--ink-muted);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.pop .meta span .ar{color:var(--ink);font-size:15px}.pop .meta span.irab{text-align:center;color:var(--ink);flex-basis:100%}.pop .meta span.irab b{color:var(--irab-warna,var(--ink))}[data-irab=rafa]{--irab-warna:var(--rafa)}[data-irab=nashb]{--irab-warna:var(--nashb)}[data-irab=jarr]{--irab-warna:var(--jarr)}[data-irab=jazm]{--irab-warna:var(--jazm)}.irab-ket{color:var(--ink-muted);background:var(--surface-2);border-radius:999px;align-items:baseline;gap:6px;margin-top:8px;padding:3px 12px;font-size:13px;font-weight:600;display:inline-flex}.irab-ket b{color:var(--irab-warna,var(--ink));font-size:16px}.kt.irab-tanya{box-shadow:inset 0 -3px 0 var(--gold-500)}.kt.irab-tanya.on{background:var(--gold-100);color:var(--ink)}.kt.irab-jawab{color:var(--irab-warna);box-shadow:inset 0 -3px 0 var(--irab-warna)}.pop .tombol{width:100%;min-height:40px;margin-top:10px;padding:8px}.papan-susun{border:2px dashed var(--line);direction:rtl;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:8px;display:flex}.ubin-wadah{direction:rtl;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.ubin{font-family:var(--font-ar);border:2px solid var(--line);background:var(--surface);min-width:48px;min-height:48px;box-shadow:0 2px 0 var(--line);border-radius:12px;padding:2px 14px 6px;font-size:24px;transition:transform .12s}.ubin:active{box-shadow:none;transform:translateY(2px)}.ubin.pakai{visibility:hidden}.bingkai-ganti{font-family:var(--font-ar);text-align:center;direction:rtl;padding:12px;font-size:30px}.bingkai-ganti .celah{color:var(--lughah);border-bottom:3px solid var(--lughah);padding:0 6px}.bingkai-ganti .celah.kosong{color:#0000;min-width:80px;display:inline-block}.anak-tangga{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.anak-tangga button{border:2px solid var(--line);background:var(--surface);text-align:center;border-radius:14px;min-height:64px;padding:8px 4px}.anak-tangga button .ar{font-size:22px;line-height:1.3;display:block}.anak-tangga button small{color:var(--ink-muted);font-size:11px;font-weight:600}.anak-tangga button[aria-pressed=true]{border-color:var(--lughah);background:var(--lughah-50)}.anak-tangga button[aria-pressed=true] .ar{color:var(--lughah)}.bacaan{font-family:var(--font-ar);direction:rtl;font-size:30px;line-height:2.2}.bacaan p{grid-template-columns:1fr auto;align-items:start;gap:12px;margin:0 0 10px;display:grid}.bacaan .putar-p{margin-top:14px}.bacaan .blok-ayat{font-family:var(--font-ui);direction:ltr;font-size:15px;line-height:1.6}.bacaan .blok-ayat p{margin:6px 0 0;display:block}.bacaan .blok-ayat .ayat{font-family:var(--font-quran);direction:rtl}.kt.tebak{border-bottom:2px dashed var(--gold-500);border-radius:6px 6px 0 0}.kt.tebak.betul{border-bottom:2px solid var(--benar);color:var(--benar)}.harakat-pilih{justify-content:center;gap:8px;margin-top:8px;display:flex}.harakat-pilih button{font-family:var(--font-ar);border:2px solid var(--line);background:var(--surface);border-radius:14px;width:54px;height:60px;padding-bottom:8px;font-size:30px;line-height:1}.ayat{font-family:var(--font-quran);text-align:right;direction:rtl;font-size:30px;line-height:2.25}.ayat .sorot{color:var(--lughah);background:var(--lughah-100);border-radius:8px;padding:0 4px}.ayat .no-ayat{color:var(--gold-600);font-size:.8em}.terjemah-ayat{color:var(--ink);margin:8px 0 0;font-size:14.5px;line-height:1.65}.sumber{color:var(--ink-faint);margin-top:10px;font-size:12px}.mik{background:var(--lughah);color:#fff;width:84px;height:84px;box-shadow:0 8px 24px color-mix(in srgb, var(--lughah) 40%, transparent);border:0;border-radius:50%;place-items:center;margin:10px auto;display:grid;position:relative}.mik svg{width:34px;height:34px}.mik.rekam{background:var(--salah);animation:1.2s infinite denyut}@keyframes denyut{50%{box-shadow:0 0 0 16px color-mix(in srgb, var(--salah) 15%, transparent)}}.hasil-ucap{text-align:center;color:var(--ink-muted);font-size:14px}.hasil-ucap .kal{font-size:24px}.kt.cocok{color:var(--benar)}.kt.meleset{color:var(--salah);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.skor{color:var(--lughah);align-items:baseline;gap:6px;font-size:34px;font-weight:800;display:flex}.skor small{color:var(--ink-muted);font-size:14px;font-weight:600}.kosakata{gap:14px;display:grid}.kosakata h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 6px;font-size:11.5px;font-weight:700}.kosakata ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.kosakata li{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:flex-end;gap:0;padding:6px 10px;display:flex}.kosakata li .ar{font-family:var(--font-ar);color:var(--lughah-700);font-size:21px;line-height:1.7}.kosakata li .arti{color:var(--ink-muted);align-self:flex-start;font-size:12.5px;line-height:1.35}.kosakata-sampul{margin:-8px 0 20px}.kosakata-sampul summary{cursor:pointer;color:var(--lughah-700);align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:700;display:inline-flex}.kosakata-sampul summary svg{width:18px;height:18px}.kosakata-sampul[open] .kosakata{max-height:38vh;padding:4px 2px 2px;overflow:auto}.lembar-latar{z-index:45;animation:muncul .2s var(--ease);background:#14100c61;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lembar{background:var(--surface-2);width:min(720px,100%);max-height:min(86vh,860px);box-shadow:var(--shadow-3);border-radius:22px;padding:18px 20px 22px;overflow:auto}.lembar-kepala{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.lembar-kepala h2{letter-spacing:-.02em;margin:2px 0 0;font-size:20px}.chip-wadah{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--font-ar);background:var(--surface-2);color:var(--ink-faint);border-radius:999px;padding:2px 12px 5px;font-size:18px}.chip.dapat{background:var(--lughah-100);color:var(--lughah-700)}.pertanyaan-besar{font-family:var(--font-ar);text-align:center;color:var(--lughah);font-size:40px;line-height:1.7}.toast{z-index:50;background:var(--ink);color:#fff;box-shadow:var(--shadow-3);animation:muncul .3s var(--ease);border-radius:14px;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;top:84px;left:50%;transform:translate(-50%)}.selamat{text-align:center;padding:10px 0}.selamat .tuntas{width:72px;height:72px;color:var(--gold-500);margin:0 auto 6px}@media (max-width:760px){.atas{flex-wrap:wrap;gap:8px;padding:8px 10px}.merek small{display:none}.tangga-langkah{flex-basis:100%;order:3;justify-content:flex-start}.lk{padding:6px 8px}.lk .nama{display:none}.lk.kini .nama{display:inline}.panel{border-radius:24px 24px 0 0;width:auto;max-height:56vh;inset:auto 0 0;transform:translateY(105%)}.panel.lebar{--panel-w:auto;max-height:72vh}.panel .badan-panel{padding:14px 16px 18px}.panel .kepala-panel{padding:14px 16px 10px}.panel .kaki-panel{padding:10px 16px max(10px, env(safe-area-inset-bottom))}.sampul{background:linear-gradient(#f7f4ec00 0%,#f7f4ece6 38%,#f7f4ecf7 100%);padding:20px 16px 0}.tab-mustawa{width:100%}.tab-mustawa button{flex:1;padding:7px 4px;font-size:12px}.pilih-wihdah .nomor{gap:5px}.pilih-wihdah .nomor a{min-width:36px;height:36px}.sampul h1{font-size:54px}.sampul .jalur{display:none}.sampul p{font-size:14.5px}.gelembung{padding:8px 14px 10px}.gelembung .kal{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:761px){.panel.buka~.kendali{left:calc((100vw - var(--panel-w) - 32px) / 2)}}.kartu-isi .tombol.kedua{background:var(--surface);border:1px solid var(--line)}.pil svg{width:20px;height:20px;color:var(--benar);flex:none}.kendali .ikon[data-tip]:hover:after{top:auto;bottom:58px;right:50%;transform:translate(50%)}@media (hover:none){.ikon[data-tip]:hover:after{display:none}}.kepala-dars{border-left:1px solid var(--line);color:var(--ink-muted);white-space:nowrap;flex-direction:column;justify-content:center;margin-left:4px;padding:0 6px 0 10px;font-size:10px;line-height:1.15;display:flex}.kepala-dars:first-child{border-left:0;margin-left:0;padding-left:4px}.kepala-dars b{letter-spacing:.04em;text-transform:uppercase;color:var(--lughah-700);font-size:10.5px}.jalur>.jalur-dars{color:var(--lughah-700);background:0 0;border:0;flex-basis:100%;padding:6px 0 0;font-weight:700}@media (max-width:760px){.kepala-dars span{display:none}}.pk{margin-top:8px}.pk-kotak{border:2px solid var(--line);background:var(--surface);min-height:56px;font-family:var(--font-ar);text-align:right;cursor:text;word-break:break-word;border-radius:14px;outline:none;padding:10px 14px;font-size:28px;line-height:1.6}.pk-kotak:focus{border-color:var(--lughah);box-shadow:0 0 0 3px var(--lughah-100)}.pk-kotak.kosong .pk-isi:before{content:"اُكْتُبْ هُنَا";color:var(--ink-faint);font-size:20px}.pk-kursor{background:var(--lughah);vertical-align:middle;width:2px;height:1.1em;margin-right:2px;animation:1s step-end infinite kedip;display:inline-block}.pk-kotak:not(:focus) .pk-kursor{visibility:hidden}@keyframes kedip{50%{opacity:0}}.pk-papan{-webkit-user-select:none;user-select:none;flex-direction:column;gap:5px;margin-top:10px;display:flex}.pk-baris{justify-content:center;gap:4px;display:flex}.pk-tombol{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:44px;height:44px;font-family:var(--font-ar);color:var(--ink);cursor:pointer;box-shadow:0 1px 0 var(--line);border-radius:9px;flex:1 1 0;padding:0 0 4px;font-size:21px}.pk-tombol:active{box-shadow:none;background:var(--lughah-50);transform:translateY(1px)}.pk-harakat .pk-tombol{color:var(--lughah-700);font-size:24px}.pk-tombol.pk-spasi{max-width:none;font-family:var(--font-ui);color:var(--ink-muted);flex:4 1 0;font-size:13px}.pk-tombol.pk-fungsi{background:var(--surface-2);flex:1.4 1 0;place-items:center;max-width:64px;display:grid}.pk-tombol.pk-fungsi[aria-pressed=true]{background:var(--lughah-100);color:var(--lughah-700)}.pk-tombol svg{width:20px;height:20px}.pk.terkunci .pk-papan{opacity:.45}.soal-ar{font-family:var(--font-ar);text-align:right;margin:0 0 6px;font-size:26px;line-height:1.7}.soal-id{margin:0 0 8px;font-weight:600;line-height:1.5}.umpan-tulis{border-radius:14px;margin-top:12px;padding:12px 14px;font-size:14.5px;line-height:1.5}.umpan-tulis.benar{background:var(--benar-100)}.umpan-tulis.hampir{background:var(--gold-100)}.umpan-tulis.salah{background:var(--salah-100)}.umpan-tulis .beda{letter-spacing:3px;color:var(--benar);margin:6px 0;font-size:20px}.umpan-tulis .beda .kurang,.umpan-tulis .jawaban-ar .kurang{color:var(--salah)}.jawaban-ar{font-family:var(--font-ar);margin:4px 0;font-size:26px;line-height:1.7}.jawaban-ar.terdengar{color:var(--ink-muted);font-size:22px}.baris-rekam{gap:8px;margin-top:4px;display:flex}.tombol.rekam.aktif{background:var(--salah);box-shadow:0 0 0 6px var(--salah-100)}.status-rekam{min-height:1.4em;color:var(--ink-muted);margin-top:8px;font-size:14px}@media (max-width:420px){.pk-tombol{height:40px;font-size:19px}.pk-baris{gap:3px}}.tangga-langkah.ringkas .lk .nama{display:none}.tangga-langkah.ringkas .lk.kini .nama{display:inline}@media (max-width:760px){.panel.tinggi{max-height:88vh}.panel.tinggi .kepala-panel .sub{display:none}}.tashrif-kepala{align-items:center;gap:14px;margin-bottom:10px;display:flex}.tashrif-kepala>b{color:var(--lughah);font-size:38px;font-weight:400;line-height:1.5}.tashrif-kepala .arti{font-size:15.5px;font-weight:700;display:block}.tashrif-kepala .sub{color:var(--ink-muted);font-size:13px;display:block}.tashrif-kepala .sub .ar{color:var(--ink);font-size:17px}.tabel-tashrif{gap:4px;display:grid}.tashrif-baris{text-align:start;background:var(--surface-2);width:100%;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:12px;grid-template-columns:1fr auto 22px;align-items:center;gap:10px;padding:6px 10px;display:grid}button.tashrif-baris:hover{border-color:var(--lughah-100)}.tashrif-baris .nama .ar{text-align:left;color:var(--lughah-700);font-size:17px;line-height:1.5;display:block}.tashrif-baris .nama small{color:var(--ink-muted);font-size:12px;line-height:1.35;display:block}.tashrif-baris .bentuk{text-align:right;min-width:4.5em;font-size:27px;line-height:1.6}.tashrif-baris .dengar svg{width:18px;height:18px;color:var(--lughah)}.tashrif-baris.tambahan{background:var(--lughah-50)}.tashrif-baris.tiada{grid-template-columns:1fr auto}.tashrif-baris .tiada-ket{color:var(--ink-faint);text-align:end;max-width:13em;font-size:12.5px}.tashrif-baris.kosong .bentuk{border-bottom:2px dashed var(--line);min-height:1.6em}.tashrif-baris.kosong .dengar{visibility:hidden}.tashrif-baris.kini{border-color:var(--gold-500);background:var(--gold-100)}.tashrif-baris.kini .bentuk{border-bottom-color:var(--gold-500)}.tanya-tashrif{width:100%;margin:0;font-size:14.5px;line-height:1.5}.tanya-tashrif .ar{font-size:20px}.keping-tashrif{flex-wrap:wrap;gap:8px;width:100%;display:flex}.keping-tashrif .pil{min-height:48px;padding:4px 16px}.keping-tashrif .pil.terpakai{opacity:.35}.tabel-tashrif.ringkas .tashrif-baris{padding:2px 10px}.tabel-tashrif.ringkas .nama small{display:none}.tabel-tashrif.ringkas .bentuk{font-size:24px}@media (max-width:420px){.tashrif-baris .bentuk{font-size:23px}.tashrif-kepala>b{font-size:32px}}.nash-uji h3{color:var(--lughah);margin:0 0 8px;font-size:26px;font-weight:400}.nash-uji p{text-align:right;margin:0 0 6px;font-size:25px;line-height:1.9}.nash-uji .no-par{background:var(--lughah-50);min-width:1.6em;height:1.6em;color:var(--lughah);vertical-align:middle;border-radius:99px;place-items:center;font-size:15px;display:inline-grid}a.tombol{text-decoration:none}.sampul h1.uji{font-size:clamp(36px,5vw,56px)}.tabel.rapor td{vertical-align:middle}.tabel.rapor td .ar{color:var(--lughah);font-size:17px}.tabel.rapor td.angka{white-space:nowrap;text-align:end;font-weight:700}.meter{background:var(--lughah-100);border-radius:99px;width:90px;height:8px;display:block;overflow:hidden}.meter i{background:var(--lughah);height:100%;display:block}.tombol.kecil{min-height:0;padding:6px 12px;font-size:13px}