:root{--bg:#f7f3ea;--surface:#fffdf8;--ink:#1b1a17;--inkSoft:#4a453d;--muted:#6f685d;--hairline:#e7dfd0;--accent:#d9a441;--progress:#2fa36b;--broken:#c2703d;--progressText:#1e7a4a;--accentText:#8a6417;--brokenText:#9e5929;--f-arab-hero:400 31px/1.9 "Noto Naskh Arabic","Noto Naskh",serif;--f-arab-baca:400 27px/1.9 "Noto Naskh Arabic","Noto Naskh",serif;--f-arab-judul:400 24px/1.6 "Noto Naskh Arabic","Noto Naskh",serif;--f-arab-nama:400 17px/1.5 "Noto Naskh Arabic","Noto Naskh",serif;--f-judul-xl:600 38px/1.15 "Roboto",system-ui,sans-serif;--f-judul-l:600 28px/1.2 "Roboto",system-ui,sans-serif;--f-judul-m:600 24px/1.2 "Roboto",system-ui,sans-serif;--f-judul-s:600 22px/1.2 "Roboto",system-ui,sans-serif;--f-judul-xs:600 16px/1.25 "Roboto",system-ui,sans-serif;--f-headline:600 19px/1.5 "Roboto",system-ui,sans-serif;--f-body:400 16px/1.6 "Roboto",system-ui,sans-serif;--f-body-kuat:500 16px/1.25 "Roboto",system-ui,sans-serif;--f-body-s:400 14px/1.5 "Roboto",system-ui,sans-serif;--f-label:600 13px/1.25 "Roboto",system-ui,sans-serif;--f-chip:400 13px/1.25 "Roboto",system-ui,sans-serif;--f-meta:400 12px/1.25 "Roboto",system-ui,sans-serif;--f-kecil:400 11px/1.25 "Roboto",system-ui,sans-serif;--r-kotak:12px;--r-pill:999px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:var(--f-body);margin:0;padding:24px 20px 28px}.baca{max-width:34rem;margin-inline-start:auto;margin-inline-end:auto}a{color:var(--accentText)}.kepala{text-align:center}.kepala-arab{font:var(--f-arab-judul);margin:0 0 4px}.kepala h1{font:var(--f-judul-l);margin:0}.kepala-meta{font:var(--f-meta);color:var(--muted);margin:4px 0 0}.basmalah{text-align:center;font:var(--f-arab-baca);margin:24px 0 20px}.ayat{display:grid;grid-template-columns:22px 1fr;column-gap:8px;margin:12px 0 0}.nomor{font:var(--f-meta);color:var(--muted);text-align:start;padding-top:10px}.ayat .arab{font:var(--f-arab-baca);text-align:right;white-space:pre-wrap;margin:0 0 8px;line-height:1.9}.ayat .terjemah{font:var(--f-body);color:var(--ink);margin:0}.satu-ayat{color:var(--muted);font:var(--f-meta)}.nav-surah{display:flex;border-top:1px solid var(--hairline);justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px}.nav-surah a{font:var(--f-body-s);text-decoration:none}.nav-surah .kosong{color:var(--muted)}.beranda{display:flex;text-align:center;flex-direction:column;max-width:34rem;min-height:100dvh;margin-inline-start:auto;margin-inline-end:auto;padding-bottom:8px}.merek{display:flex;justify-content:center;align-items: center;gap:6px}.wordmark{font:var(--f-judul-xs)}.hero{display:flex;flex-direction:column;align-items: center;gap:16px;margin:auto 0;padding:20px}.hero-balik,html[data-baca] .hero-baru{display:none}html[data-baca] .hero-balik{display:flex}.ayat-hero{font:var(--f-arab-hero);text-align:right;margin:0}.headline{font:var(--f-headline);margin:0}.sitasi{font:var(--f-meta);color:var(--muted);margin:0}.sitasi a{color:var(--muted)}.label{font:var(--f-label);color:var(--muted);margin:0}.tombol{display:block;border-radius:var(--r-kotak);background:var(--accent);color:var(--ink);font:var(--f-judul-xs);text-align:center;text-decoration:none;width:100%;max-width:312px;height:52px;line-height:52px}.provenance{font:var(--f-kecil);color:var(--muted);margin:0}.tautan{font:var(--f-body-s);margin:24px 0 0}h1{font:var(--f-judul-m);margin:0 0 16px}.h2{font:var(--f-label);color:var(--muted);margin:24px 0 8px}.h2-baris .h2{margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:var(--f-chip);text-decoration:none;align-items: center;height:35px;padding:0 14px}.daftar{display:flex;flex-direction:column;gap:4px}.baris{display:grid;grid-template-columns:22px 1fr auto;grid-template-columns:22px 1fr auto;grid-template-areas:"nomor nama arab" "nomor meta arab";color:inherit;text-decoration:none;align-items: center;column-gap:8px;padding:8px 0}.baris .nomor{grid-area:nomor;font:var(--f-meta);color:var(--muted);text-align:center;padding-top:0}.baris .nama{grid-area:nama;font:var(--f-body-kuat)}.baris .nama-arab{grid-area:arab;font:var(--f-arab-nama);color:var(--muted);text-align:right}.baris .meta{grid-area:meta;font:var(--f-meta);color:var(--muted)}.cari-label{display:block;font:var(--f-label);color:var(--muted);margin:0 0 6px}.cari{border:1px solid var(--hairline);border-radius:var(--r-kotak);background:var(--surface);color:var(--ink);font:var(--f-body);-webkit-appearance:none;width:100%;height:46px;padding:0 14px}.hasil{display:block;color:inherit;text-decoration:none;padding:12px 0}.hasil .ref{font:var(--f-meta);color:var(--muted);margin:0}.hasil .potongan{font:var(--f-body-s);color:var(--inkSoft);margin:2px 0 0}.hasil .potongan b{background:var(--hairline);font-weight:600}.kosong{font:var(--f-body-s);color:var(--muted);margin:24px 0}.baris .progres{grid-area:nomor;font:var(--f-meta);color:var(--muted);text-align:center;align-self: end}.baris .progres.sebagian{color:var(--progressText)}.baris .progres.selesai{color:var(--progressText);font-weight:600}.kalimat-streak{font:var(--f-body);color:var(--inkSoft);margin:0}.kalimat-streak .angka{font:var(--f-judul-xl);color:var(--progressText);display:inline}.kalimat-streak .angka-putus{font:var(--f-judul-s);color:var(--brokenText);font-weight:600}.h2-baris{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.hapus-semua{font:var(--f-body-s);color:var(--muted);text-decoration:underline;cursor:pointer;background:0 0;border:0;padding:0}