.doa{--doa-drill:#0f1a14;--doa-kelapa-r:#fdfbf4;--doa-garis:#e2dcce;--doa-kosong:#ede7d6;--doa-ink:var(--ie-malam);--doa-body:#3d4a46;--doa-meta:#4e6a64;--doa-second:#514c66;background:var(--ie-cangkang);min-height:100%;font-family:var(--ie-font);color:var(--doa-ink);padding:30px 26px 40px}.doa-wrap{flex-direction:column;gap:24px;max-width:1140px;margin:0 auto;display:flex}.doa-back{min-height:44px;color:var(--doa-second);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.doa-back:hover{color:var(--ie-ube-700)}.doa-h1{letter-spacing:-.04em;max-width:15em;margin:0;font-size:34px;font-weight:700;line-height:1.08}.doa-sub{color:var(--doa-meta);margin:6px 0 0;font-size:13.5px}.doa-label{letter-spacing:.16em;text-transform:uppercase;color:var(--doa-meta);font-size:11px;font-weight:600}.doa-rows{flex-direction:column;gap:8px;display:flex}.doa-row{background:var(--ie-kelapa);cursor:pointer;text-align:left;width:100%;color:inherit;transition:border-color var(--ie-dur-click) var(--ie-ease-standard);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;display:flex}.doa-row:hover{border-color:var(--ie-ube-400)}.doa-row-main{flex:1;min-width:0}.doa-row-name{letter-spacing:-.01em;font-size:15.5px;font-weight:600}.doa-row-meta{color:var(--doa-second);margin-top:3px;font-size:12.5px}.doa-bars{flex-shrink:0;gap:3px;display:flex}.doa-bar{background:var(--doa-kosong);border-radius:2px;width:9px;height:16px}.doa-bar.hafal{background:var(--ie-matcha)}.doa-bar.goyah{background:var(--ie-telur)}.doa-strip{color:var(--doa-body);background:#f7f3e89e;border-radius:12px;padding:13px 15px;font-size:12.5px;line-height:1.55}.doa-card{background:var(--ie-kelapa);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.doa-card-top{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:13px;padding:0;font-family:inherit;display:flex}.doa-num{background:var(--doa-kosong);width:30px;height:30px;color:var(--doa-second);border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.doa-num.hafal{background:var(--ie-matcha-100);color:#2f3a18}.doa-card-body{flex:1;min-width:0}.doa-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.doa-line{color:var(--doa-second);margin-top:3px;font-size:12.5px}.doa-line.hafal{color:var(--ie-matcha-900)}.doa-line.goyah{color:var(--ie-telur-700)}.doa-prov{color:#8a5a14;font-size:11px;font-weight:600}.doa-pill{background:var(--ie-telur-100);color:var(--ie-telur-700);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11.5px;font-weight:700}.doa-dot{background:#d9d2c0;border-radius:999px;flex-shrink:0;width:9px;height:9px;margin-top:10px}.doa-dot.hafal{background:var(--ie-matcha-900)}.doa-dot.goyah{background:var(--ie-telur)}.doa-chips{flex-wrap:wrap;gap:6px;padding-left:43px;display:flex}.doa-chip{background:var(--doa-kelapa-r);border:1px solid var(--doa-garis);min-height:34px;color:var(--doa-ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;text-decoration:none;display:inline-flex}.doa-chip:hover{border-color:var(--ie-ube-400)}.doa-chip-n{color:#9a9182;font-size:10.5px;font-weight:700}.doa-chip-nm{font-size:12px;font-weight:600}.doa-chip.done{background:var(--ie-matcha-100);border-color:var(--ie-matcha);color:#2f3a18}.doa-chip.done .doa-chip-n{color:var(--ie-matcha-900)}.doa-jalur{background:var(--ie-matcha-100);border-color:var(--ie-matcha);color:#2f3a18;align-self:flex-start;min-height:44px;padding:0 16px}.doa-jalur .doa-chip-nm{font-size:13.5px;font-weight:700}.doa-panel{background:var(--ie-kelapa);border-radius:16px;padding:22px 24px}.doa-ar{color:var(--doa-ink);font-family:Scheherazade New,Amiri,Traditional Arabic,serif;font-size:31px;font-weight:400;line-height:1.95}.doa-ar.panjang{font-size:24px;line-height:1.85}.doa-ar-inline{unicode-bidi:isolate;font-family:Scheherazade New,Amiri,Traditional Arabic,serif}.doa-lat{color:var(--doa-second);font-size:15px;font-style:italic;line-height:1.7}.doa-arti{color:var(--doa-body);font-size:15px;line-height:1.7}.doa-lane{background:var(--doa-kosong);border-radius:9px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.doa-lane button{min-height:32px;color:var(--doa-second);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 11px;font-family:inherit;font-size:12px;font-weight:600}.doa-lane button.on{background:var(--doa-kelapa-r);color:var(--doa-ink);box-shadow:0 1px 3px #241c3314}.doa-count{align-items:center;gap:12px;display:flex}.doa-count button{border:1px solid var(--doa-garis);background:var(--doa-kelapa-r);width:44px;height:44px;color:var(--doa-ink);cursor:pointer;border-radius:12px;font-size:20px;font-weight:600}.doa-count button:disabled{opacity:.4;cursor:default}.doa-count-n{font-variant-numeric:tabular-nums;text-align:center;min-width:5em;font-size:20px;font-weight:700}.doa-count-n.genap{color:var(--ie-matcha-900)}.doa-note{color:var(--doa-body);border-left:3px solid #8faaa4;padding:10px 0 10px 13px;font-size:13px;line-height:1.6}.doa-empty{color:var(--doa-second);background:#f7f3e880;border-radius:12px;padding:20px;font-size:13.5px;line-height:1.6}.doa-ref{color:var(--doa-meta);font-size:12.5px;line-height:1.6}.doa-ref a{color:var(--ie-ube-700);align-items:center;min-height:44px;display:inline-flex}.doa-grid2{flex-wrap:wrap;gap:12px;display:flex}.doa-grid2>*{flex:1;min-width:230px}details.doa-more>summary{cursor:pointer;color:var(--ie-ube-700);align-items:center;min-height:40px;font-size:13px;font-weight:600;display:flex}details.doa-more[open]>summary{margin-bottom:8px}@media (max-width:720px){.doa{padding:18px 16px 26px}.doa-h1,.doa-ar{font-size:26px}.doa-chips{padding-left:0}}.doa-dr{background:var(--doa-drill,#0f1a14);min-height:100%;font-family:var(--ie-font);color:var(--ie-kelapa);--dr-second:#9fafa4;--dr-muted:#6e8a84;padding:30px 26px 40px}.doa-dr-wrap{flex-direction:column;gap:22px;max-width:760px;margin:0 auto;display:flex}.doa-dr .doa-back{color:var(--dr-second)}.doa-dr .doa-back:hover{color:var(--ie-ube-200)}.doa-dr-h{letter-spacing:-.025em;margin:0;font-size:20.5px;font-weight:700;line-height:1.3}.doa-dr-sub{color:var(--dr-second);margin:4px 0 0;font-size:13px}.doa-dr-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dr-muted);font-size:11px;font-weight:600}.doa-dr-ar{color:var(--ie-kelapa);font-family:Scheherazade New,Amiri,Traditional Arabic,serif;font-size:38px;font-weight:400;line-height:1.9}.doa-dr-ar.fade{font-size:42px;line-height:2}.doa-dr-lat{color:var(--ie-cangkang);font-size:15px;font-style:italic;line-height:1.7}.doa-dr-lewat{opacity:.28}.doa-dr-btn{background:var(--ie-ube-400);color:#150f22;cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:0 20px;font-family:inherit;font-size:14.5px;font-weight:700}.doa-dr-btn:hover{background:var(--ie-ube-200)}.doa-dr-btn.ghost{color:var(--ie-kelapa);background:0 0;border:1px solid #f7f3e81f;font-weight:600}.doa-dr-btn.ghost:hover{border-color:var(--ie-ube-400);background:0 0}.doa-dr-opts{flex-direction:column;gap:10px;display:flex}.doa-dr-opt{min-height:56px;color:var(--ie-kelapa);cursor:pointer;text-align:center;background:#f7f3e80a;border:1px solid #f7f3e81f;border-radius:12px;padding:0 18px;font-family:Scheherazade New,Amiri,serif;font-size:26px}.doa-dr-opt:hover{border-color:var(--ie-ube-400)}.doa-dr-opt.benar{border-color:var(--ie-matcha);background:#a9c46c24}.doa-dr-opt.salah{border-color:var(--ie-telur);background:#e8a33d1f}.doa-dr-blank{border-bottom:2px solid var(--dr-muted);min-width:2.4em;display:inline-block}.doa-dr-blank.salah{border-bottom-color:var(--ie-telur)}.doa-dr-grades{flex-direction:column;gap:10px;display:flex}.doa-dr-grade{min-height:60px;color:var(--ie-kelapa);cursor:pointer;text-align:left;background:#f7f3e80a;border:1px solid #f7f3e81f;border-radius:13px;align-items:center;gap:12px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.doa-dr-grade:hover{border-color:var(--ie-ube-400)}.doa-dr-grade small{color:var(--dr-second);font-size:12.5px;font-weight:400;display:block}.doa-dr-meta{color:var(--dr-muted);font-size:12.5px}.doa-dr-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:720px){.doa-dr{padding:18px 16px 26px}.doa-dr-ar{font-size:30px}.doa-dr-ar.fade{font-size:32px}}.doa-card-rapat{padding:12px 16px}.doa-card-rapat .doa-card-top{align-items:center}.doa-title,.doa-line{display:block}.doa-pembuka{font-style:italic}.doa-entry{background:var(--ie-kelapa);border-radius:16px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.doa-entry-h{align-items:flex-start;gap:13px;display:flex}.doa-entry-t{flex:1;min-width:0}.doa-entry-ref{border-top:1px solid var(--doa-garis);margin:0;padding-top:12px}.doa-entry .doa-count{gap:10px}.doa-entry .doa-empty{padding:14px 16px}.doa-audio{flex-direction:column;gap:8px;display:flex}.doa-audio audio{width:100%;max-width:420px}@media (max-width:720px){.doa-entry{gap:12px;padding:16px}}.doa-cari{flex-direction:column;gap:10px;display:flex}.doa-cari-in{border:1px solid var(--doa-garis);background:var(--doa-kelapa-r);width:100%;min-height:48px;color:var(--doa-ink);border-radius:12px;padding:0 14px;font-family:inherit;font-size:16px}.doa-cari-in:focus-visible{outline:2px solid var(--ie-ube-400);outline-offset:1px}.doa-cari-n,.doa-cari-none{margin:0}.doa-cari-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.doa-cari-hit{background:var(--ie-kelapa);min-height:52px;color:inherit;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;padding:8px 14px;text-decoration:none;display:flex}.doa-cari-hit:hover{border-color:var(--ie-ube-400)}.doa-cari-t{letter-spacing:-.01em;font-size:15px;font-weight:600}.doa-cari-m{color:var(--doa-meta);font-size:12px}