:root{--bg:oklch(0.975 0.012 245);--surface:oklch(1 0 0);--surface-2:oklch(0.955 0.016 245);--line:oklch(0.90 0.015 250);--ink:oklch(0.32 0.035 260);--ink-2:oklch(0.47 0.03 258);--primary:oklch(0.55 0.16 264);--primary-ink:oklch(0.99 0.01 264);--primary-tint:oklch(0.95 0.04 264);--ayah-bg:oklch(0.985 0.01 250);--ayah-ink:oklch(0.28 0.025 265);--cat-biru:oklch(0.60 0.14 250);--cat-biru-ink:oklch(0.47 0.13 255);--cat-biru-tint:oklch(0.95 0.035 245);--cat-ungu:oklch(0.58 0.16 300);--cat-ungu-ink:oklch(0.47 0.15 300);--cat-ungu-tint:oklch(0.95 0.04 300);--cat-oren:oklch(0.70 0.13 60);--cat-oren-ink:oklch(0.52 0.11 55);--cat-oren-tint:oklch(0.96 0.04 70);--cat-rose:oklch(0.62 0.16 18);--cat-rose-ink:oklch(0.50 0.15 20);--cat-rose-tint:oklch(0.95 0.035 20);--cat-sage:oklch(0.66 0.11 155);--cat-sage-ink:oklch(0.47 0.10 155);--cat-sage-tint:oklch(0.95 0.035 155);--cat-teal:oklch(0.66 0.10 200);--cat-teal-ink:oklch(0.47 0.09 205);--cat-teal-tint:oklch(0.95 0.03 200);--r-card:1.5rem;--r-tile:1.125rem;--r-btn:1rem;--r-pill:999px;--shadow-sm:0 2px 8px -4px oklch(0.55 0.16 264/0.18);--shadow-md:0 6px 20px -8px oklch(0.55 0.16 264/0.18);--shadow-lg:0 14px 40px -12px oklch(0.55 0.16 264/0.22);--s1:0.25rem;--s2:0.5rem;--s3:0.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--font-ui:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--font-ayah:"Amiri Quran","Noto Naskh Arabic",serif;--font-arab-ui:"Noto Naskh Arabic",serif;--ayah-size:clamp(1.6rem,4.5vw,2.3rem);--ease:cubic-bezier(0.16,1,0.3,1);--dur:240ms;--z-nav:100;--z-sticky:200;--z-backdrop:300;--z-modal:400;--z-toast:500}:root[data-theme=dark]{--bg:oklch(0.21 0.028 265);--surface:oklch(0.255 0.03 265);--surface-2:oklch(0.30 0.03 265);--line:oklch(0.36 0.03 265);--ink:oklch(0.95 0.012 255);--ink-2:oklch(0.74 0.022 255);--primary:oklch(0.70 0.15 264);--primary-ink:oklch(0.18 0.03 264);--primary-tint:oklch(0.32 0.06 264);--ayah-bg:oklch(0.235 0.03 265);--ayah-ink:oklch(0.94 0.012 250);--cat-biru:oklch(0.72 0.13 250);--cat-biru-ink:oklch(0.80 0.12 252);--cat-biru-tint:oklch(0.60 0.14 250/0.18);--cat-ungu:oklch(0.72 0.15 300);--cat-ungu-ink:oklch(0.80 0.13 300);--cat-ungu-tint:oklch(0.58 0.16 300/0.18);--cat-oren:oklch(0.78 0.13 65);--cat-oren-ink:oklch(0.83 0.12 68);--cat-oren-tint:oklch(0.70 0.13 60/0.18);--cat-rose:oklch(0.74 0.15 20);--cat-rose-ink:oklch(0.80 0.14 20);--cat-rose-tint:oklch(0.62 0.16 18/0.18);--cat-sage:oklch(0.76 0.11 155);--cat-sage-ink:oklch(0.82 0.10 155);--cat-sage-tint:oklch(0.66 0.11 155/0.18);--cat-teal:oklch(0.76 0.10 200);--cat-teal-ink:oklch(0.82 0.09 202);--cat-teal-tint:oklch(0.66 0.10 200/0.18);--shadow-sm:0 2px 8px -4px oklch(0 0 0/0.5);--shadow-md:0 8px 22px -10px oklch(0 0 0/0.55);--shadow-lg:0 16px 44px -12px oklch(0 0 0/0.6)}@media (prefers-reduced-motion:reduce){:root{--dur:1ms}}*{box-sizing:border-box;margin:0;padding:0;min-width:0}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{--font-ui:var(--font-nunito),system-ui,-apple-system,"Segoe UI",sans-serif;--font-ayah:var(--font-amiri),"Noto Naskh Arabic",serif;--font-arab-ui:var(--font-naskh),serif;font-family:var(--font-ui);color:var(--ink);background:var(--bg);background-image:radial-gradient(130% 55% at 50% -8%,var(--primary-tint),transparent 62%);background-attachment:fixed;min-height:100dvh}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0}.app{position:relative;width:100%;max-width:460px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:transparent}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3);background:color-mix(in oklch,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklch,var(--line) 60%,transparent)}.appbar,.brand{display:flex;align-items:center}.brand{gap:var(--s2);min-width:0}.brand .mark{width:36px;height:36px;border-radius:11px;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;box-shadow:var(--shadow-sm);flex:0 0 auto}.brand b{font-weight:900;letter-spacing:-.01em;font-size:1.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-title{font-weight:900;font-size:1.05rem}.appbar-actions{display:flex;gap:var(--s2)}.iconbtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink-2);cursor:pointer;transition:transform var(--dur) var(--ease)}.iconbtn:active{transform:scale(.94)}.screen{flex:1 1;padding:var(--s4);padding-bottom:96px;display:flex;flex-direction:column;gap:var(--s4)}.salam{color:var(--ink-2);font-weight:600}.salam b{color:var(--ink);font-weight:900}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:460px;z-index:var(--z-nav);justify-content:space-around;background:color-mix(in oklch,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:var(--s2) var(--s2) calc(var(--s3) + env(safe-area-inset-bottom))}.nav,.nav a{display:flex}.nav a{flex-direction:column;align-items:center;gap:3px;color:var(--ink-2);font-weight:700;font-size:.72rem;padding:6px 12px;border-radius:12px;transition:color var(--dur) var(--ease)}.nav a.active{color:var(--primary)}.streak{justify-content:space-between;background:var(--primary-tint);border-radius:var(--r-tile);padding:var(--s3) var(--s4)}.streak,.streak .lbl{display:flex;align-items:center}.streak .lbl{font-weight:800;color:var(--primary);gap:6px}.dots{display:flex;gap:6px}.dot{width:13px;height:13px;border-radius:50%;background:color-mix(in oklch,var(--primary) 22%,transparent)}.dot.on{background:var(--primary)}.hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s6) var(--s4);box-shadow:var(--shadow-md)}.kicker{font-weight:800;color:var(--cat-teal-ink);font-size:.82rem;letter-spacing:.02em}.hero .ar{font-family:var(--font-ayah);font-size:1.7rem;line-height:2;text-align:center;color:var(--ayah-ink);direction:rtl;margin:var(--s4) 0}.hero .ms{color:var(--ink-2);text-align:center;font-weight:500;line-height:1.6}.hero .ref{text-align:center;margin-top:var(--s3);font-weight:800;color:var(--ink)}.btn{font-weight:800;border:none;cursor:pointer;border-radius:var(--r-btn);padding:var(--s3) var(--s4);transition:transform var(--dur) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-ink);width:100%;margin-top:var(--s4);box-shadow:var(--shadow-sm)}.btn-soft{background:var(--surface-2);color:var(--ink)}.section-title{font-weight:800;font-size:1.05rem;margin:var(--s2) 2px 0}.section-sub{color:var(--ink-2);font-weight:500;font-size:.85rem;margin:0 2px}.moods{display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.mood{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s3);border-radius:var(--r-tile);background:var(--surface);border:1px solid var(--line);cursor:pointer;min-width:74px;scroll-snap-align:start;transition:transform var(--dur) var(--ease)}.mood:active{transform:scale(.95)}.mood .emo{font-size:1.45rem}.mood small{font-weight:700;color:var(--ink-2)}.mood.active{background:var(--cat-rose-tint);border-color:transparent}.mood.active small{color:var(--cat-rose-ink)}.cards{display:flex;flex-direction:column;gap:var(--s3)}.card{display:grid;grid-template-columns:56px 1fr auto;align-items:center;grid-gap:var(--s4);gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur) var(--ease)}.card:active{transform:scale(.985)}.card .tile{width:56px;height:56px;border-radius:var(--r-tile);display:grid;place-items:center;font-size:1.5rem}.card .pill{display:inline-block;font-size:.7rem;font-weight:800;color:#fff;padding:3px 10px;border-radius:var(--r-pill)}.card .ttl{font-weight:800;font-size:1.05rem;margin-top:4px}.card .desc{color:var(--ink-2);font-weight:500;font-size:.85rem}.progress-mini{display:flex;gap:4px;margin-top:6px}.pbar{height:5px;width:22px;border-radius:3px;background:var(--line)}.stars{color:var(--line);font-size:.95rem;letter-spacing:1px;white-space:nowrap}.stars b{color:var(--cat-oren);font-style:normal}.card.locked{opacity:.62}.card.locked .tile{color:var(--ink-2)}.c-sage .tile{background:var(--cat-sage-tint)}.c-sage .pill{background:var(--cat-sage)}.c-sage .ttl{color:var(--cat-sage-ink)}.c-sage .pbar.on{background:var(--cat-sage)}.c-biru .tile{background:var(--cat-biru-tint)}.c-biru .pill{background:var(--cat-biru)}.c-biru .ttl{color:var(--cat-biru-ink)}.c-biru .pbar.on{background:var(--cat-biru)}.c-ungu .tile{background:var(--cat-ungu-tint)}.c-ungu .pill{background:var(--cat-ungu)}.c-ungu .ttl{color:var(--cat-ungu-ink)}.c-ungu .pbar.on{background:var(--cat-ungu)}.c-oren .tile{background:var(--cat-oren-tint)}.c-oren .pill{background:var(--cat-oren)}.c-oren .ttl{color:var(--cat-oren-ink)}.c-oren .pbar.on{background:var(--cat-oren)}.c-rose .tile{background:var(--cat-rose-tint)}.c-rose .pill{background:var(--cat-rose)}.c-rose .ttl{color:var(--cat-rose-ink)}.c-rose .pbar.on{background:var(--cat-rose)}.c-teal .tile{background:var(--cat-teal-tint)}.c-teal .pill{background:var(--cat-teal)}.c-teal .ttl{color:var(--cat-teal-ink)}.c-teal .pbar.on{background:var(--cat-teal)}.reader-top{display:flex;align-items:center;justify-content:space-between}.ayah-no{min-width:40px;height:40px;padding:0 10px;border-radius:var(--r-pill);background:var(--primary-tint);color:var(--primary);display:grid;place-items:center;font-weight:900}.tools{display:flex;gap:var(--s2)}.chip{font-size:.78rem;font-weight:700;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-pill);padding:6px 12px;cursor:pointer;border:none;transition:transform var(--dur) var(--ease)}.chip:active{transform:scale(.94)}.chip.on{background:var(--primary-tint);color:var(--primary)}.ayah-canvas{background:var(--ayah-bg);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s8) var(--s4)}.ayah-ar{font-family:var(--font-ayah);font-size:var(--ayah-size);line-height:2.15;text-align:center;color:var(--ayah-ink);direction:rtl}.ayah-divider{height:1px;background:var(--line);margin:var(--s6) 0}.ayah-ms{color:var(--ink);line-height:1.75;font-weight:500;font-size:1.02rem}.ayah-ms .src{display:block;margin-top:var(--s2);color:var(--ink-2);font-weight:700;font-size:.8rem}.player{display:flex;align-items:center;justify-content:center;gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s2) var(--s4)}.player .play{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-ink);border:none;display:grid;place-items:center;cursor:pointer;transition:transform var(--dur) var(--ease)}.player .play:active{transform:scale(.92)}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm)}.step-head{display:flex;align-items:center;gap:var(--s3)}.step-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:1rem;flex:0 0 auto}.step-ttl{font-weight:800;font-size:.98rem}.step-no{margin-left:auto;font-weight:800;color:var(--ink-2);font-size:.8rem}.step p{color:var(--ink);line-height:1.65;font-weight:500;font-size:.95rem}.cites,.step p{margin-top:var(--s3)}.cites{display:flex;flex-wrap:wrap;gap:6px}.cite{font-size:.72rem;font-weight:800;color:var(--cat-teal-ink);background:var(--cat-teal-tint);border-radius:var(--r-pill);padding:4px 10px}.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}.checklist li{display:flex;align-items:center;gap:var(--s3);font-weight:700;cursor:pointer;padding:var(--s2);border-radius:10px}.checklist li:active{background:var(--surface-2)}.box{width:22px;height:22px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;color:transparent;flex:0 0 auto}.checklist li.done .box{background:var(--cat-sage);border-color:var(--cat-sage);color:#fff}.checklist li.done span{color:var(--ink-2);text-decoration:line-through}.doa{background:var(--cat-ungu-tint);border-radius:var(--r-tile);padding:var(--s4);margin-top:var(--s4)}.doa .ar{font-family:var(--font-arab-ui);direction:rtl;text-align:center;font-size:1.25rem;color:var(--ayah-ink);line-height:1.9;margin-top:var(--s2)}.verified{font-weight:700;font-size:.78rem;padding:var(--s2)}.empty,.verified{text-align:center;color:var(--ink-2)}.empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s8)}.empty .big{font-size:3rem}.empty h2{color:var(--ink);font-weight:900}.search{width:100%;font-family:inherit;font-size:1rem;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);padding:var(--s3) var(--s4);outline:none;transition:border-color var(--dur) var(--ease)}.search::placeholder{color:var(--ink-2)}.search:focus{border-color:var(--primary)}.surah-list{display:flex;flex-direction:column;gap:var(--s2)}.surah-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:var(--s3);gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--s3) var(--s4);transition:transform var(--dur) var(--ease)}.surah-row:active{transform:scale(.99)}.surah-no{width:32px;height:32px;border-radius:50%;background:var(--primary-tint);color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:.8rem}.surah-info{display:flex;flex-direction:column;min-width:0}.surah-info b{font-weight:800}.surah-info small{color:var(--ink-2);font-weight:600;font-size:.78rem}.surah-ar{font-family:var(--font-arab-ui);font-size:1.2rem;color:var(--ayah-ink);white-space:nowrap}.surah-head{text-align:center;background:var(--ayah-bg);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s6) var(--s4)}.surah-head-ar{font-family:var(--font-arab-ui);font-size:2rem;color:var(--ayah-ink)}.surah-head-meta{color:var(--ink-2);font-weight:700;font-size:.82rem;margin-top:var(--s2)}.bismillah{font-family:var(--font-ayah);font-size:1.4rem;color:var(--ayah-ink);margin-top:var(--s4);direction:rtl}.set-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm)}.set-title{font-weight:800;color:var(--ink-2);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s3)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;flex-wrap:wrap}.set-row>span{font-weight:700}.seg{display:inline-flex;background:var(--surface-2);border-radius:var(--r-pill);padding:3px;gap:2px}.seg button{border:none;background:transparent;font-family:inherit;font-weight:700;font-size:.82rem;color:var(--ink-2);padding:6px 12px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.seg button.on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.set-preview{font-family:var(--font-ayah);font-size:var(--ayah-size);direction:rtl;text-align:center;color:var(--ayah-ink);background:var(--ayah-bg);border-radius:var(--r-tile);padding:var(--s4);margin-top:var(--s3)}.set-about{color:var(--ink);line-height:1.7;font-weight:500;margin-bottom:var(--s3)}.ayat-list{display:flex;flex-direction:column;gap:var(--s3)}.ayat-row{display:grid;grid-template-columns:34px 1fr;grid-gap:var(--s3);gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}.ayat-row:active{transform:scale(.99)}.ayat-badge{width:30px;height:30px;border-radius:50%;background:var(--primary-tint);color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:.78rem}.ayat-body{min-width:0}.ayat-ar{font-family:var(--font-ayah);font-size:1.5rem;line-height:2;text-align:right;color:var(--ayah-ink)}.ayat-ms{color:var(--ink-2);font-weight:500;line-height:1.6;margin-top:var(--s3);font-size:.95rem}.tafsir-tabs{display:flex;gap:6px;overflow-x:auto;margin-top:var(--s3);padding-bottom:4px}.tafsir-tab{flex:0 0 auto;font-family:inherit;font-weight:800;font-size:.8rem;color:var(--ink-2);background:var(--surface-2);border:none;border-radius:var(--r-pill);padding:7px 14px;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tafsir-tab.on{background:var(--cat-teal-tint);color:var(--cat-teal-ink)}.tafsir-text{font-family:var(--font-arab-ui);font-size:1.15rem;line-height:2;color:var(--ayah-ink);margin-top:var(--s4);white-space:pre-wrap}.tafsir-btn{width:100%;margin-top:var(--s3)}.tafsir-ms{color:var(--ink);line-height:1.75;font-weight:500;margin-top:var(--s4);white-space:pre-wrap}.tafsir-src-note{color:var(--ink-2);font-weight:700;font-size:.76rem;margin-top:var(--s2)}.tafsir-arab-wrap{margin-top:var(--s4)}.tafsir-arab-toggle{color:var(--ink-2);font-weight:700;font-size:.8rem;cursor:pointer;list-style:none}.tafsir-arab-toggle::-webkit-details-marker{display:none}.cari-ayat{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--s3) var(--s4)}.cari-ref{font-weight:800;color:var(--primary);font-size:.78rem}.cari-snippet{color:var(--ink);line-height:1.55;font-weight:500;font-size:.95rem}.cari-snippet mark{background:var(--cat-oren-tint);color:var(--cat-oren-ink);border-radius:4px;padding:0 2px}.peta-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm)}.peta-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--ink);padding:0}.peta-body{margin-top:var(--s3)}.peta-h{font-weight:800;font-size:1rem}.peta-h small{color:var(--ink-2);font-weight:600;font-size:.8rem;margin-left:4px}.peta-sub{color:var(--ink-2);font-weight:500;font-size:.85rem;margin-top:4px}.peta-tema{margin-top:var(--s3);line-height:1.6;font-weight:500}.peta-ring{margin-top:var(--s2);color:var(--ink-2);line-height:1.65;font-weight:500;font-size:.95rem}.peta-seg-wrap{margin-top:var(--s4)}.peta-seg-toggle{font-weight:800;color:var(--primary);cursor:pointer;list-style:none;font-size:.9rem}.peta-seg-toggle::-webkit-details-marker{display:none}.peta-seg-list{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}.peta-seg{display:grid;grid-template-columns:60px 1fr;grid-gap:var(--s3);gap:var(--s3);align-items:center;background:var(--surface-2);border-radius:var(--r-tile);padding:var(--s3)}.peta-seg-ayat{font-weight:800;color:var(--primary);font-size:.8rem;text-align:center}.peta-seg-info{display:flex;flex-direction:column;min-width:0}.peta-seg-info b{font-weight:700;font-size:.95rem}.peta-seg-info small{color:var(--ink-2);font-weight:500;font-size:.82rem;margin-top:2px}.peta-kisah{background:var(--cat-oren-tint);border-color:transparent}.kisah-seg{background:var(--surface)}.kisah-no{width:28px;height:28px;border-radius:50%;background:var(--cat-oren);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem}.kisah-seg{grid-template-columns:28px 1fr}.share-row{justify-content:center}.admin-acts,.share-row{display:flex;gap:var(--s2)}.admin-acts{margin-top:var(--s3)}.admin-acts .btn{width:auto;padding:var(--s2) var(--s4)}.admin-tag{display:inline-block;margin-top:var(--s3);font-weight:800;font-size:.85rem;padding:6px 12px;border-radius:var(--r-pill)}.admin-tag.ok{background:var(--cat-sage-tint);color:var(--cat-sage-ink)}.admin-tag.no{background:var(--cat-rose-tint);color:var(--cat-rose-ink)}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s8) var(--s6);box-shadow:var(--shadow-md);text-align:center;margin-top:var(--s6)}.auth-mark{font-size:2.4rem}.auth-h{font-weight:900;margin-top:var(--s3)}.auth-sub{color:var(--ink-2);font-weight:500;margin-top:var(--s2)}.auth-form{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s6);text-align:left}.auth-msg{color:var(--cat-rose-ink);font-weight:700;font-size:.85rem}.auth-switch{background:none;border:none;color:var(--primary);font-weight:800;font-family:inherit;cursor:pointer;margin-top:var(--s4)}.draf-badge{background:var(--cat-oren-tint);color:var(--cat-oren-ink);border-radius:var(--r-tile);padding:var(--s3) var(--s4);font-weight:700;font-size:.85rem;line-height:1.5}.rujukan{padding:0}.rujukan-summary{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);cursor:pointer;list-style:none}.rujukan-summary::-webkit-details-marker{display:none}.rujukan-summary .step-ttl small{color:var(--ink-2);font-weight:600}.rujukan-chev{margin-left:auto;color:var(--ink-2);transition:transform var(--dur) var(--ease)}.rujukan[open] .rujukan-chev{transform:rotate(180deg)}.rujukan-body{padding:0 var(--s4) var(--s4)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal{animation:rise var(--dur) var(--ease) both}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}.manhaj-list{margin:var(--s3) 0 0 var(--s4);display:flex;flex-direction:column;gap:6px;color:var(--ink);font-weight:500;line-height:1.5}.sambung{display:flex;align-items:center;justify-content:space-between;background:var(--cat-sage-tint);color:var(--cat-sage-ink);border-radius:var(--r-tile);padding:var(--s3) var(--s4);font-weight:700}.nota-area{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-btn);padding:var(--s3);margin-top:var(--s3);resize:vertical;outline:none}.nota-area:focus{border-color:var(--primary)}.lapor-btn{width:100%;background:none;border:1px dashed var(--line);color:var(--ink-2);font-family:inherit;font-weight:700;font-size:.85rem;padding:var(--s3);border-radius:var(--r-btn);cursor:pointer}.lp-pct{font-weight:800;color:var(--primary);font-size:.85rem;white-space:nowrap}.lp-hero{border-radius:var(--r-card);padding:var(--s6) var(--s4);text-align:center;border:1px solid var(--line)}.lp-hero.c-sage{background:var(--cat-sage-tint)}.lp-hero.c-biru{background:var(--cat-biru-tint)}.lp-hero.c-oren{background:var(--cat-oren-tint)}.lp-hero.c-ungu{background:var(--cat-ungu-tint)}.lp-hero.c-rose{background:var(--cat-rose-tint)}.lp-hero.c-teal{background:var(--cat-teal-tint)}.lp-emoji{font-size:2.6rem}.lp-tajuk{font-weight:900;margin-top:var(--s2)}.lp-desk{color:var(--ink-2);font-weight:500;margin-top:4px}.lp-progress{height:8px;background:color-mix(in oklch,var(--ink) 10%,transparent);border-radius:99px;margin-top:var(--s4);overflow:hidden}.lp-progress-bar{height:100%;background:var(--primary);border-radius:99px;transition:width var(--dur) var(--ease)}.lp-progress-lbl{font-weight:800;color:var(--ink);margin-top:var(--s2);font-size:.85rem}.lp-path{display:flex;flex-direction:column}.lp-step{display:grid;grid-template-columns:44px 1fr;grid-gap:var(--s3);gap:var(--s3)}.lp-rail{display:flex;flex-direction:column;align-items:center}.lp-node{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--surface-2);color:var(--ink-2);border:2px solid var(--line);z-index:1}.lp-rail:after{content:"";flex:1 1;width:3px;background:var(--line);margin:2px 0}.lp-step:last-child .lp-rail:after{display:none}.lp-done .lp-node{background:var(--cat-sage);color:#fff;border-color:var(--cat-sage)}.lp-now .lp-node{background:var(--primary);color:var(--primary-ink);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}.lp-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);margin-bottom:var(--s3);box-shadow:var(--shadow-sm)}.lp-locked .lp-body{background:transparent;border-style:dashed;box-shadow:none}.lp-locked .lp-locked,.lp-locked-text{color:var(--ink-2);font-weight:600;font-size:.9rem}.lp-ar{font-family:var(--font-ayah);font-size:1.4rem;line-height:1.9;text-align:right;color:var(--ayah-ink)}.lp-ms{color:var(--ink-2);font-weight:500;line-height:1.6;margin-top:var(--s2);font-size:.92rem}.lp-acts{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-top:var(--s3)}.lp-done-btn{width:auto;margin:0;padding:var(--s2) var(--s4)}.dengar-btn{width:100%;background:var(--cat-teal-tint);color:var(--cat-teal-ink);border:none;font-family:inherit;font-weight:800;padding:var(--s3);border-radius:var(--r-btn);cursor:pointer;transition:transform var(--dur) var(--ease)}.dengar-btn:active{transform:scale(.98)}.surah-audio{display:flex;align-items:center;gap:var(--s3);background:var(--primary-tint);border-radius:var(--r-tile);padding:var(--s3) var(--s4)}.sa-play{width:46px;height:46px;border-radius:50%;background:var(--primary);color:var(--primary-ink);border:none;font-size:1rem;cursor:pointer;flex:0 0 auto;display:grid;place-items:center;transition:transform var(--dur) var(--ease)}.sa-play:active{transform:scale(.92)}.sa-info{display:flex;flex-direction:column}.sa-info b{font-weight:800;color:var(--primary)}.sa-info small{color:var(--ink-2);font-weight:600;font-size:.8rem}.lihat-semua{display:block;text-align:center;font-weight:800;color:var(--primary);padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn)}.petak-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}.petak{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm);min-height:116px;transition:transform var(--dur) var(--ease)}.petak:active{transform:scale(.97)}.petak-emoji{font-size:1.7rem}.petak-tajuk{font-weight:800;font-size:.98rem}.petak-desc{color:var(--ink-2);font-weight:500;font-size:.78rem;line-height:1.4}.petak.c-teal{background:var(--cat-teal-tint)}.petak.c-teal .petak-tajuk{color:var(--cat-teal-ink)}.petak.c-oren{background:var(--cat-oren-tint)}.petak.c-oren .petak-tajuk{color:var(--cat-oren-ink)}.petak.c-ungu{background:var(--cat-ungu-tint)}.petak.c-ungu .petak-tajuk{color:var(--cat-ungu-ink)}.petak.c-biru{background:var(--cat-biru-tint)}.petak.c-biru .petak-tajuk{color:var(--cat-biru-ink)}.petak.c-sage{background:var(--cat-sage-tint)}.petak.c-sage .petak-tajuk{color:var(--cat-sage-ink)}.petak.c-rose{background:var(--cat-rose-tint)}.petak.c-rose .petak-tajuk{color:var(--cat-rose-ink)}.kisah-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}.kisah-cover{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-sm);min-height:140px;transition:transform var(--dur) var(--ease)}.kisah-cover:active{transform:scale(.97)}.kisah-emoji{font-size:2rem}.kisah-tajuk{font-weight:800;font-size:.95rem;line-height:1.2}.kisah-desk{color:var(--ink-2);font-weight:500;font-size:.76rem;line-height:1.35;flex:1 1}.kisah-ref{color:var(--primary);font-weight:800;font-size:.72rem}.kisah-hero{text-align:center;background:var(--ayah-bg);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s8) var(--s4)}.kisah-hero-emoji{font-size:3.4rem}.kisah-hero-tajuk{font-weight:900;font-size:1.5rem;margin-top:var(--s2)}.kisah-hero-tokoh{color:var(--ink-2);font-weight:700;margin-top:4px}.kisah-hero-ref{color:var(--primary);font-weight:700;font-size:.82rem;margin-top:var(--s2)}.kisah-loading{text-align:center;color:var(--ink-2);padding:var(--s8);font-weight:600}.kisah-spin{font-size:2.4rem;animation:kpulse 1.4s ease-in-out infinite}@keyframes kpulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.kisah-spin{animation:none}}.kisah-buku{display:flex;flex-direction:column;gap:var(--s6)}.kisah-ringkas{font-weight:600;color:var(--ink-2);font-size:1.02rem;line-height:1.7;font-style:italic;text-align:center;padding:0 var(--s2)}.kisah-babak{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s6) var(--s4);box-shadow:var(--shadow-sm)}.kisah-bab-no{font-weight:800;color:var(--cat-oren-ink);font-size:.78rem;letter-spacing:.05em}.kisah-bab-tajuk{font-weight:900;font-size:1.2rem;margin-top:4px}.kisah-prosa{line-height:1.85;margin-top:var(--s4);color:var(--ink);font-size:1.04rem}.kisah-prosa:first-letter{font-size:1.6em;font-weight:800;color:var(--primary)}.kisah-rujukan{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:var(--s4);padding-top:var(--s3);border-top:1px dashed var(--line)}.kisah-rujukan-lbl{font-weight:700;color:var(--ink-2);font-size:.8rem}.hukum-head{display:flex;align-items:center;gap:var(--s3)}.hukum-kira{color:var(--ink-2);font-weight:600;font-size:.8rem}.hukum-dalil{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}.sujud-box{background:var(--cat-biru-tint);border-color:transparent}.sujud-ar{font-family:var(--font-arab-ui);direction:rtl;text-align:center;font-size:1.5rem;line-height:2.1;color:var(--ayah-ink);margin-top:var(--s4)}.sujud-ms{color:var(--ink);line-height:1.7;font-weight:500;margin-top:var(--s3)}.asma-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}.asma-kad{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--s4) var(--s3);box-shadow:var(--shadow-sm);text-align:center}.asma-no{position:absolute;top:8px;left:10px;font-size:.7rem;font-weight:800;color:var(--ink-2);opacity:.6}.asma-arab{font-family:var(--font-ayah);font-size:1.7rem;color:var(--ayah-ink);direction:rtl}.asma-rumi{font-weight:800;color:var(--primary);font-size:.95rem}.asma-makna{color:var(--ink-2);font-weight:600;font-size:.8rem}.adm-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}.adm-stat{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--s4);box-shadow:var(--shadow-sm)}.adm-stat-emoji{font-size:1.4rem}.adm-stat-val{font-weight:900;font-size:1.5rem;color:var(--ink)}.adm-stat-lbl{color:var(--ink-2);font-weight:700;font-size:.8rem}.adm-stat-sub{font-size:.72rem}.adm-preview,.adm-stat-sub{color:var(--ink-2);font-weight:500}.adm-preview{font-size:.85rem;margin-top:var(--s2)}.adm-field-lbl{font-weight:800;color:var(--ink-2);font-size:.78rem}.nav-admin{border-top:2px solid var(--primary);background:color-mix(in oklch,var(--primary-tint) 60%,var(--surface))}.nav-admin a.active{color:var(--primary)}