html,body{margin:0}.tartil{--paper:#fffaf0;--ink:#1a1612;--bar:#fffaf1;--line:#e2d3b6;--muted:#6d5c45;--fresh:#f3e2b3;--chip:#fffaf1;background:var(--paper);height:100dvh;color:var(--ink);direction:rtl;flex-direction:column;font-family:"Source Sans 3",Segoe UI,sans-serif;display:flex;overflow:hidden}.tartil.theme-white{--paper:#fff;--ink:#161616;--bar:#fff;--line:#e4e4e4;--muted:#5c5c5c;--fresh:#ececec;--chip:#fff}.tartil.theme-black{--paper:#111;--ink:#f4efe4;--bar:#1a1a1a;--line:#3a342c;--muted:#cbbfa8;--fresh:#3a3424;--chip:#1c1c1c}.tartil *{box-sizing:border-box}.tartil button,.tartil input,.tartil select{font:inherit;color:inherit}.t-top{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);direction:rtl;flex:none;align-items:center;gap:6px;padding:6px 8px;display:flex;position:sticky;top:0}.t-more,.t-theme,.t-missbtn,.t-ico{border:1px solid var(--line);background:var(--chip);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.t-more svg,.t-ico svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.t-more.on,.t-ico.on,.t-hifz.on{background:var(--ink);color:var(--paper)}.t-missbtn{font-size:12px;font-weight:700}.t-tools[hidden],.t-tools{background:var(--paper);border-bottom:1px solid var(--line);direction:rtl;flex:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.t-micbtn .t-micpick{opacity:0;cursor:pointer;border:0;width:100%;min-width:0;height:100%;position:absolute;inset:0}.t-from,.t-to{border:1px solid var(--line);background:var(--chip);height:28px;color:var(--ink);border-radius:999px;padding:0 8px}.t-page{background:var(--paper);width:min(920px,100%);min-height:0;color:var(--ink);padding:0 4px calc(var(--t-bar-h,calc(88px + env(safe-area-inset-bottom))) + var(--t-pn-h,18px));touch-action:pan-y;-webkit-user-select:none;user-select:none;border:0;flex-direction:column;flex:1;margin:0 auto;display:flex;overflow:hidden}.t-page.mid{justify-content:center}.t-page.mid .line{flex:0 0 6.66667%}.t-page .line{--g:.09em;white-space:nowrap;direction:rtl;flex:1 1 0;justify-content:center;align-items:center;min-height:0;line-height:1;display:flex}.t-page .line.basmala{font-family:QCF1,serif}.t-page .line.stack{flex-direction:column;flex:1.7 1 0}.t-page .line.stack .shead{width:90%;height:58%}.t-page .line.stack .basmala{font-family:QCF1,serif;font-size:.72em}.t-page .w{margin-inline-start:var(--g)}.t-page .w.w0{margin-inline-start:0}.t-page .ay{border-radius:0}.shead{justify-content:center;align-items:center;width:94%;height:92%;display:flex;position:relative;overflow:hidden}.shead img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.snames{z-index:1;color:var(--ink);direction:rtl;justify-content:center;align-items:center;gap:.28em;display:flex;position:relative}.sname{font-family:surahnames,serif;line-height:1}.basmala{color:var(--ink);font-family:QCF1,serif;line-height:1}.t-theme{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;flex:none;width:36px;height:36px}.tartil.theme-black .t-theme{box-shadow:inset 0 0 0 2px #f4efe4}.t-theme svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:16px;height:16px}.t-missbtn{background:var(--chip);color:#7a3b2e;cursor:pointer;border:1px solid #e2c2b4}.tartil.theme-black .t-missbtn{color:#f0b4a8;border-color:#6a3a32}.t-miss,.t-sum{left:10px;right:10px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:8;background:var(--paper);max-height:46vh;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:8px;position:fixed;overflow:auto;box-shadow:0 12px 32px #28180829}.t-miss-h,.t-sum-h{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.t-miss-clear,.t-miss-go,.t-sum-ok{color:#7a3b2e;cursor:pointer;background:0 0;border:0;font-weight:700}.t-miss-go{margin-inline-end:10px}.tartil.theme-black .t-miss-clear,.tartil.theme-black .t-sum-ok{color:#f0b4a8}.t-miss-row,.t-miss-empty,.t-sum p,.t-sum li{text-align:right;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;padding:8px 6px;display:block}.t-sum ul{margin:0;padding:0;list-style:none}.t-miss-row{cursor:pointer}.t-miss-row:hover{background:var(--fresh)}.t-miss-empty,.t-sum p{color:var(--muted);margin:0}.tartil.mic .w.cue{box-shadow:inset 0 -.12em 0 var(--ink)}.w.err-miss,.tartil.mic .w.err-miss{box-shadow:inset 0 -.1em #9c2f24}.w.err-vowel,.tartil.mic .w.err-vowel{box-shadow:inset 0 -.1em #c4a017}.w.err-skip,.tartil.mic .w.err-skip{box-shadow:inset 0 -.1em #2a5db0}.w.err-repeat,.tartil.mic .w.err-repeat{box-shadow:inset 0 -.1em #8a5a12}.tartil.mic .w,.tartil.mic .basmala{color:#0000;background:0 0}.tartil.mic .w.num{color:var(--ink)}.w.warn{box-shadow:inset 0 -.08em 0 var(--muted)}.tartil.hifz.mic .w,.tartil.hifz.mic .w.on,.tartil.hifz.mic .w.fresh,.tartil.hifz.mic .basmala,.tartil.hifz.mic .basmala.on,.tartil.hifz.mic .snames{color:#0000;background:0 0}.tartil.hifz.mic .shead img{visibility:hidden}.tartil.hifz.mic .w.num,.tartil.hifz.mic .w.on,.tartil.hifz.mic .basmala.on,.tartil.hifz.mic .w.fresh{color:var(--ink)}.tartil.hifz.mic .w.fresh{background:var(--fresh)}.tartil.hifz.mic .w.cue{box-shadow:inset 0 -.28em 0 var(--ink)}.tartil.mic .w.err-miss,.tartil.mic .w.err-vowel,.tartil.mic .w.err-skip,.tartil.mic .w.err-repeat,.tartil.hifz.mic .w.err-miss,.tartil.hifz.mic .w.err-vowel,.tartil.hifz.mic .w.err-skip,.tartil.hifz.mic .w.err-repeat,.tartil.mic .w.on,.tartil.mic .basmala.on{color:var(--ink)}.tartil.mic .w.fresh{background:var(--fresh);color:var(--ink)}.tartil.retry .w,.tartil.retry .basmala{color:var(--ink)}.tartil.retry .w.retry{color:#0000;box-shadow:inset 0 -.12em #9c2f24}.tartil.retry .w.retry.on{color:var(--ink);background:var(--fresh)}.t-bar{z-index:6;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:var(--bar);border-top:1px solid var(--line);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.t-mic{color:#fffaf0;cursor:pointer;background:#1c3d32;border:0;border-radius:999px;flex:none;place-items:center;width:64px;height:64px;display:grid}.tartil.mic .t-mic,.tartil.retry .t-mic{box-shadow:0 0 0 6px #e7d3a4}.t-mic:disabled{opacity:.55;cursor:progress}.t-mic svg{fill:currentColor;width:28px;height:28px}.t-status{flex:1;min-width:0}.t-status b{font-size:15px;display:block}.t-status span{color:var(--muted);font-size:13px;line-height:1.35;display:block}.t-status b,.t-status span{text-align:right;unicode-bidi:plaintext}.t-foot{display:none}.t-foot a{color:#6e5424}.t-load,.t-level{background:var(--line);border-radius:99px;height:4px;margin-top:6px;display:none;overflow:hidden}.t-load.on,.t-level.on{display:block}.t-load i,.t-level i{background:#1c3d32;width:0;height:100%;display:block}.t-level i{background:#1c7a4a}.tartil.land{height:auto;min-height:100dvh;overflow:visible}.tartil.land .t-page{flex:none;justify-content:flex-start;overflow:visible}.tartil.land .t-page .line,.tartil.land .t-page.mid .line{height:var(--t-row,3em);flex:none}.tartil.land .t-page .line.stack{height:calc(var(--t-row,3em) * 1.7)}.tartil.land .t-bar{padding:4px 12px calc(4px + env(safe-area-inset-bottom));gap:10px}.tartil.land .t-mic{width:40px;height:40px}.tartil.land .t-mic svg{width:20px;height:20px}.tartil.land .t-status{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.tartil.land .t-status b{flex:none;font-size:14px}.tartil.land .t-status .t-sub{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:12px;overflow:hidden}.tartil.land .t-load,.tartil.land .t-level{flex:1 0 100%;margin-top:3px}.t-sense.hard{position:relative}.t-sense.hard:after{content:"T";color:#fff;text-align:center;background:#7a4cc8;border-radius:50%;width:15px;height:15px;font:700 9px/15px system-ui,sans-serif;position:absolute;top:-3px;left:-3px}.tartil .w.tj{box-shadow:inset 0 -.09em 0 var(--tjc);position:relative}.tartil .w.tj:before{content:attr(data-tjn);background:var(--tjc);color:#fff;text-align:center;z-index:3;visibility:visible;border-radius:50%;width:17px;height:17px;font:700 10px/17px system-ui,sans-serif;position:absolute;top:-.5em;right:-.15em}.tartil.mic .w.tj{color:var(--ink)}.tj-card{left:0;right:0;bottom:var(--t-bar-h,80px);z-index:30;text-align:left;background:var(--bar);max-height:52dvh;color:var(--ink);direction:ltr;border-radius:18px 18px 0 0;padding:10px 14px 12px;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 -10px 30px #281e0a38}.tj-card[hidden],.tj-chip[hidden]{display:none}.tj-grab{background:var(--line);border-radius:4px;width:38px;height:4px;margin:0 auto 8px}.tj-ch{justify-content:space-between;align-items:baseline;display:flex}.tj-ch b{font-size:16px}.tj-ch span{color:var(--muted);font-size:12px}.tj-it{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.tj-it:first-of-type{border-top:0}.tj-num{background:var(--tjc);color:#fff;text-align:center;border-radius:50%;flex:none;width:22px;height:22px;font:700 12px/22px system-ui,sans-serif}.tj-ar{direction:rtl;flex:none;max-width:34%;font:22px/1.3 Amiri,Noto Naskh Arabic,Scheherazade New,serif}.tj-mid{flex:1;min-width:0}.tj-mid b{color:var(--tjc);font-size:14px}.tj-mid div{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.35}.tj-act{gap:8px;margin-top:10px;display:flex}.tj-act button{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:12px;flex:1;padding:10px;font:700 13px system-ui,sans-serif}.tj-act button.pri{color:#fff;background:#1f4a3e;border-color:#1f4a3e}.tj-dis{color:var(--muted);margin-top:8px;font-size:11px}.tj-chip{right:12px;bottom:calc(var(--t-bar-h,80px) + 10px);z-index:30;background:var(--bar);color:#7a4cc8;direction:ltr;border:1px solid #7a4cc8;border-radius:999px;padding:6px 12px;font:700 12.5px system-ui,sans-serif;position:fixed;box-shadow:0 4px 14px #281e0a29}.tj-chip.muted{border-color:var(--line);color:var(--muted);font-weight:500}.t-sheet[hidden]{display:none}.t-sheet{z-index:40;direction:ltr;background:#00000052;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.t-sheet-box{background:var(--paper);width:min(100%,520px);max-height:88dvh;color:var(--ink);border:1px solid var(--line);padding:10px 16px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow-y:auto;box-shadow:0 -8px 30px #0000002e}@media (min-width:600px){.t-sheet{align-items:center}.t-sheet-box{border-radius:16px}}.t-sheet-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 0 8px;display:flex}.t-sheet-h b{font-size:17px}.t-sheet-x{border:1px solid var(--line);background:var(--chip);border-radius:999px;padding:5px 14px;font-size:14px}.t-set{justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:15px;display:flex}.t-set>span{flex:auto;min-width:0}.t-set small{color:var(--muted);font-size:12px}.t-seg{border:1px solid var(--line);background:var(--chip);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.t-seg button{white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:6px 11px;font-size:13.5px}.t-seg button+button{border-inline-start:1px solid var(--line)}.t-seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600}.t-hint{color:var(--muted);margin:-4px 0 4px;font-size:12.5px}.t-microw select{border:1px solid var(--line);background:var(--chip);border-radius:999px;flex:none;max-width:60%;height:32px;padding:0 10px}.t-sheet-sub{border-top:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px;padding-top:10px;font-size:12px;font-weight:700}.t-acts{gap:8px;display:grid}.t-act{text-align:start;border:1px solid var(--line);background:var(--chip);cursor:pointer;border-radius:12px;padding:10px 12px;font-size:14.5px}.t-act[hidden]{display:none}.t-act.on{background:var(--ink);color:var(--paper)}.t-today{color:var(--muted);margin:12px 0 0;font-size:12.5px}.t-more.hard:after{content:"T";color:#fff;text-align:center;background:#7a4cc8;border-radius:50%;width:15px;height:15px;font:700 9px/15px system-ui,sans-serif;position:absolute;top:-3px;left:-3px}@media (max-width:380px){.t-seg button{padding:6px 8px;font-size:12.5px}}.tartil.ui-rtl .t-sheet,.tartil.ui-rtl .tj-card,.tartil.ui-rtl .tj-chip{direction:rtl}.tartil.ui-rtl .tj-card{text-align:right}.tartil.ui-rtl .t-sheet-box{font-family:Noto Sans Arabic,Segoe UI,system-ui,sans-serif}.tartil.ui-rtl .t-sheet-sub{letter-spacing:0}.t-lang{border:1px solid var(--line);background:var(--chip);border-radius:999px;flex:none;height:32px;padding:0 10px}.t-seg button{text-overflow:ellipsis;max-width:9.5em;overflow:hidden}.t-top .t-more{margin-inline-start:auto}.t-pnum{left:0;right:0;bottom:var(--t-bar-h,80px);z-index:4;text-align:center;height:18px;color:var(--muted);background:var(--paper);pointer-events:none;direction:ltr;font:12.5px/18px "Source Sans 3",Segoe UI,system-ui,sans-serif;position:fixed}.t-goform{margin:0}.t-go{align-items:center;gap:6px;display:inline-flex}.t-go input{border:1px solid var(--line);background:var(--chip);text-align:center;border-radius:999px;width:5.5em;height:32px;padding:0 10px}.t-go button{background:var(--ink);height:32px;color:var(--paper);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-weight:600}.t-nav select.t-surah{border:1px solid var(--line);background:var(--chip);border-radius:999px;flex:0 auto;max-width:62%;height:32px;padding:0 10px}.t-about{color:var(--muted);margin:8px 0 0;font-size:11.5px}.t-about b{color:var(--ink);font-weight:700}.t-mine-p{color:var(--muted);font-size:12px}.tj-act{flex-wrap:wrap}.tj-act .tj-mine{flex-basis:100%}