:root{--fs-ar:30px;--fs-lt:15px;--font-ar:var(--font-tanda-ar), var(--font-lpmq);--font-lt:var(--font-inter);--bg:#f3f4f3;--bar:#fff;--bar-text:#151515;--surface:#fff;--surface-2:#fff;--line:#e3e5e4;--line-strong:#cfd3d1;--text:#151515;--text-2:#2d2f2e;--muted:#646a67;--accent:#0a7a56;--block:#dcf1e8;--on-block:#076a4b;--gold:#8f6326;--hit:#0a7a5629;--on:#16a34a;--sw-off:#c3c9c6;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1f1f1f;--bar:#000;--bar-text:#fff;--surface:#2c2c2c;--surface-2:#3c3c3c;--line:#363636;--line-strong:#4a4a4a;--text:#f4f4f4;--text-2:#e3e3e3;--muted:#a8a8a8;--accent:#55d6a8;--block:#0f3b2f;--on-block:#55d6a8;--gold:#e9c79f;--hit:#55d6a838;--on:#22c55e;--sw-off:#4a4a4a;color-scheme:dark}}:root[data-theme=dark]{--bg:#1f1f1f;--bar:#000;--bar-text:#fff;--surface:#2c2c2c;--surface-2:#3c3c3c;--line:#363636;--line-strong:#4a4a4a;--text:#f4f4f4;--text-2:#e3e3e3;--muted:#a8a8a8;--accent:#55d6a8;--block:#0f3b2f;--on-block:#55d6a8;--gold:#e9c79f;--hit:#55d6a838;--on:#22c55e;--sw-off:#4a4a4a;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);scroll-padding-top:calc(env(safe-area-inset-top,0px) + 120px);-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-lt);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bar);position:fixed;inset:0 0 auto}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[lang=ar]{font-family:var(--font-ar)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:20;background:var(--surface);min-height:44px;color:var(--text);transform:translateY(calc(-100% - 16px - env(safe-area-inset-top,0px)));border-radius:8px;align-items:center;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;left:8px}.skip-link:focus-visible{transform:none}.top{top:env(safe-area-inset-top,0px);z-index:6;background:var(--bar);border-bottom:1px solid var(--line);position:sticky}.bar{align-items:center;gap:2px;max-width:760px;height:56px;margin:0 auto;padding:0 6px;display:flex}.bar-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--bar-text);flex:1;margin:0 0 0 10px;font-size:20px;font-weight:500;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--bar-text);cursor:pointer;background:0 0;border:0;border-radius:22px;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-btn svg{width:24px;height:24px}.icon-btn--txt{letter-spacing:-.02em;font-size:19px;font-weight:500}.sub{background:var(--bg);border-top:1px solid var(--line)}.sub-in{justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;padding:6px 6px 8px;display:flex}.sub-c{text-align:center;min-width:0;padding:0 8px}.sub-n{color:var(--muted);font-size:12.5px}.sub-t{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.nav-btn{width:44px;height:44px;color:var(--accent);border-radius:22px;flex:none;place-items:center;text-decoration:none;display:grid}.nav-btn svg{width:22px;height:22px}.nav-btn.is-off{color:var(--line-strong)}.page{max-width:760px;margin:0 auto;padding:14px 16px 48px}.empty{color:var(--muted);text-align:center;padding:44px 20px;line-height:1.6}.search{background:var(--surface);border-radius:10px;align-items:center;gap:10px;height:46px;margin:0 0 16px;padding:0 14px;display:flex}.search[hidden]{display:none}@media (scripting:none){.search{display:none}}.search svg{width:20px;height:20px;color:var(--muted);flex:none}.search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.search input::placeholder{color:var(--muted)}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.res-block{margin-bottom:22px}.res-h{color:var(--muted);margin:4px 2px;font-size:14px;font-weight:600}.hit-item{border-bottom:1px solid var(--line);padding:14px 2px;text-decoration:none;display:block}.hit-meta{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.hit-t{font-size:16px;display:block}.hit-judul-ar{color:var(--muted);text-align:right;font-size:19px;display:block}.hit-ar{font-size:calc(var(--fs-ar) * .78);text-align:right;margin:0;line-height:1.95}.hit-ar mark{background:var(--hit);color:inherit;border-radius:5px;padding:0 3px}.resume{background:var(--block);border-radius:10px;grid-template-columns:1fr auto;align-items:center;column-gap:14px;margin-bottom:26px;padding:14px 16px;text-decoration:none;display:grid}.resume[hidden]{display:none}.resume-l{color:var(--on-block);font-size:13px;font-weight:500}.resume-t{margin-top:2px;font-size:16px;font-weight:500}.resume-ar{grid-area:1/2/span 2;font-size:22px;line-height:1.6}.group{margin-bottom:26px}.group-title{color:var(--muted);margin:0 2px 10px;font-size:14px;font-weight:600}.cards{gap:14px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border-radius:8px;align-items:stretch;min-height:78px;text-decoration:none;display:flex;overflow:hidden}.card-n{background:var(--block);width:46px;color:var(--accent);flex:none;place-items:center;font-size:20px;font-weight:600;display:grid}.card-b{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;padding:14px 16px;display:flex}.card-t{font-size:17px;font-weight:500}.card-s{color:var(--muted);font-size:14px}.card-ar{color:var(--muted);white-space:nowrap;align-items:center;padding:0 16px 0 4px;font-size:21px;display:flex}.info-kitab{text-align:center;padding:10px 4px 22px}.info-kitab-ar{color:var(--gold);margin:0;font-size:28px;font-weight:400;line-height:1.7}.info-kitab-nama{margin:2px 0 0;font-size:18px;font-weight:600}.rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:64px;padding:6px 2px;text-decoration:none;display:flex}.row-n{text-align:center;width:30px;color:var(--accent);flex:none;font-size:17px;font-weight:600}.row-t{flex:1;min-width:0;font-size:16px}.row-ar{max-width:42%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:19px;overflow:hidden}.row svg{width:20px;height:20px;color:var(--muted);flex:none}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:86vh;color:var(--text);border:0;border-radius:16px 16px 0 0;margin:auto auto 0;padding:0;overflow:auto}.sheet-in{padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px))}.sheet::backdrop{background:#00000080}.sheet[open]{animation:.22s ease-out sheet-up}@keyframes sheet-up{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-grip{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.sheet-head{text-align:center;margin-bottom:18px;position:relative}.sheet-ar{color:var(--gold);margin:0;font-size:32px;line-height:1.7}.sheet-title{margin:0;font-size:19px;font-weight:600}.sheet-close{color:var(--muted);position:absolute;top:-6px;right:-10px}.sheet h3{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:600}.sheet p{margin:0 0 20px;line-height:1.6}.sheet-list{margin:0 0 22px;padding:0;list-style:none}.sheet-list li{border-bottom:1px solid var(--line);padding:10px 0}.sheet-list a{color:var(--accent);font-weight:500}.sheet a{text-decoration:none}.sheet .sheet-tautan-baris{margin:-12px 0 8px}.sheet-tautan{min-height:44px;color:var(--accent);align-items:center;font-weight:500;display:inline-flex}.prose{background:var(--surface);border-radius:12px;padding:4px 20px 8px;line-height:1.6}.prose h2{margin:24px 0 8px;font-size:16px;font-weight:600}.prose p,.prose ul{margin:0 0 12px}.prose ul{padding-left:20px}.prose li+li{margin-top:6px}.prose a{color:var(--accent);text-underline-offset:2px}.prose .note{margin:16px 0 12px}.sheet-list span{color:var(--muted);font-size:13px;display:block}.sheet .lembar-kitab-meta{margin-bottom:6px;font-weight:500}.sheet-list--nomor{padding-left:22px;list-style:decimal}.sheet-list--nomor li::marker,.sheet .lembar-kosong{color:var(--muted)}.sheet .lipat{margin:0 0 20px}.sheet .lipat summary{cursor:pointer;border-radius:var(--radius-sm,8px);align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.sheet .lipat summary::-webkit-details-marker{display:none}.sheet .lipat summary:before{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:none;width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.sheet .lipat[open] summary:before{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.sheet .lipat summary:before{transition:none}}.sheet .lipat summary h3{margin:0}.sheet .lipat[open] summary{margin-bottom:10px}.irab-tabel{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:14px}.irab-tabel th{border-bottom:1px solid var(--line-strong);color:var(--muted);text-align:start;padding:6px 4px;font-weight:600}.irab-tabel td{border-bottom:1px solid var(--line);vertical-align:middle;padding:6px 4px}.irab-tabel .irab-kode{width:4.5em;color:var(--accent);text-align:center;font-size:22px;line-height:1.5}.irab-tanpa{font-family:var(--font-lt);color:var(--muted);font-size:12px}.sheet .kb{text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:var(--accent)}.set{background:var(--surface);border:0;border-radius:10px;margin:0 0 14px;padding:16px}.set h2,.set legend{margin:0 0 10px;padding:0;font-size:16px;font-weight:600}.set legend{float:left;width:100%}.set legend+*{clear:both}.slider{align-items:center;gap:6px;display:flex}.step{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:22px;flex:none;font-size:24px;line-height:1}input[type=range]{min-width:0;accent-color:var(--accent);flex:1;height:30px;margin:0}.slider-val{text-align:end;min-width:3.2em;color:var(--muted);font-size:14px}.tg{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex;position:relative}.tg:last-of-type{border-bottom:0}.tg input{opacity:0;width:1px;height:1px;position:absolute}.sw{background:var(--sw-off);border-radius:15px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.tg input:checked+.sw{background:var(--on)}.tg input:checked+.sw:after{transform:translate(20px)}.tg input:focus-visible+.sw{outline:2px solid var(--accent);outline-offset:2px}.seg{background:var(--bg);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.seg label{position:relative}.seg input{opacity:0;width:1px;height:1px;position:absolute}.seg span{text-align:center;min-height:44px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;padding:0 4px;font-size:14px;display:grid}.seg input:checked+span{background:var(--surface-2);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000001f}.seg input:focus-visible+span{outline:2px solid var(--accent)}.prev-ar{font-family:var(--font-ar);font-size:var(--fs-ar);text-align:center;margin:12px 0 0;line-height:1.8}.prev-lt{font-size:var(--fs-lt);color:var(--text-2);text-align:center;margin:12px 0 2px}.sample{border-top:1px solid var(--line);margin:12px -16px -16px}.sample .kalimat{border-bottom:0}.sample-l{color:var(--muted);margin:0;padding:12px 16px 0;font-size:13px}.note{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.btn{background:var(--block);width:100%;min-height:46px;color:var(--on-block);text-align:center;cursor:pointer;border:0;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;display:block}a.btn{place-items:center;display:grid}.btn.ghost{color:var(--muted);background:0 0;font-weight:500}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--text);max-width:calc(100% - 32px);color:var(--bg);border-radius:10px;padding:11px 16px;font-size:14px;animation:.22s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}