:root{--bg: #f5edda;--card: #fdf9f0;--card-2: #fbf5e9;--tile: #f4e7ce;--tile-active-a: #e6cf9c;--tile-active-b: #d6b87e;--tile-active-ink: #4a3620;--pill: #f3ebdb;--page: #fffdf6;--gold: #857040;--leaf: var(--accent);--accent: #c9a961;--accent-deep: #8a6d33;--accent-soft: #dcc9a8;--accent-line: #ebdec4;--on-accent: #fffdf8;--ink: #5b4227;--ink-strong: #43301a;--ink-soft: #7a5f3d;--muted: #846d51;--divider: #efe5d2;--play-a: #ead5a8;--play-b: #d2b172;--on-play: #6b5019;--ready: #4f8a6b;--warn: #b3703c;--shadow-rgb: 150 120 60;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--radius-card: var(--radius-xl);--radius-tile: var(--radius-md);--shadow-sm: 0 1px 8px rgb(var(--shadow-rgb) / .05);--shadow-md: 0 4px 20px rgb(var(--shadow-rgb) / .08);--shadow-lg: 0 12px 36px rgb(var(--shadow-rgb) / .24);--ring: 0 0 0 2px var(--accent-soft);--control: var(--ink-soft);--control-quiet: var(--muted);--face-zoom: 160%;--face-x: 63%;--face-y: 13%;--text-xs: .8rem;--text-sm: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--font-name: var(--font-ar);--font-ar: "Amiri", "Traditional Arabic", serif;--font-quran: "Amiri Quran", "Amiri", "Traditional Arabic", serif;--font-ui: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;color-scheme:light}:root[dir=ltr]{--font-name: var(--font-ui)}:root[lang=ur]{--font-ui: "Noto Nastaliq Urdu", "IBM Plex Sans Arabic", system-ui, sans-serif}:root[lang=ur] body{line-height:1.7}:root[lang=ur] .panel h2,:root[lang=ur] .dialog h3,:root[lang=ur] .hifz-h,:root[lang=ur] .sheet-head h1,:root[lang=ur] .imams-intro,:root[lang=ur] .imam-section{font-family:var(--font-ui)}:root[lang=ur] p,:root[lang=ur] h1,:root[lang=ur] h2,:root[lang=ur] h3{line-height:1.85}:root[lang=ur] .panel h2,:root[lang=ur] .dialog h3,:root[lang=ur] .hifz-h,:root[lang=ur] .imam-head h2,:root[lang=ur] .sheet-head h1,:root[lang=ur] .now-who{font-weight:400}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overscroll-behavior-y:none}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased}.app{isolation:isolate;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top);padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));display:flex;flex-direction:column;max-width:30rem;margin:0 auto;position:relative}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:var(--accent);opacity:var(--pattern-opacity, .05);-webkit-mask-image:var(--pattern);mask-image:var(--pattern);-webkit-mask-size:var(--pattern-size, 96px 96px);mask-size:var(--pattern-size, 96px 96px)}:root{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M48 6 56 30 80 22 66 44 90 48 66 52 80 74 56 66 48 90 40 66 16 74 30 52 6 48 30 44 16 22 40 30Z'/%3E%3C/g%3E%3C/svg%3E")}.sheet{background:var(--card);border-radius:var(--radius-card);margin:.85rem .75rem 0;box-shadow:var(--shadow-md);overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.2rem .75rem;gap:.6rem}.sheet-head h1{font-family:var(--font-name);font-size:var(--text-lg);font-weight:700;margin:0;color:var(--ink-strong);line-height:1.4}.round{width:2.75rem;height:2.75rem;border-radius:50%;border:1.5px solid var(--divider);background:var(--card);color:var(--control);display:grid;place-items:center;cursor:pointer;flex:none;padding:0}.round[aria-pressed=true]{background:var(--tile);color:var(--gold);border-color:var(--accent-soft)}.round:focus-visible,.tab:focus-visible,.row-main:focus-visible,.ctrl:focus-visible,.track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.head-actions{display:flex;gap:.55rem}.search{margin:0 1.2rem .85rem;display:flex;align-items:center;gap:.7rem;background:var(--pill);border-radius:999px;padding:0 1.05rem;height:3.2rem;border:1px solid transparent}.search:focus-within{border-color:var(--accent-soft)}.search svg{color:var(--muted);flex:none}.search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:var(--text-sm);color:var(--ink-strong);outline:none;text-align:start}.search input::placeholder{color:var(--muted)}.scroll{overflow-y:auto;flex:1;min-height:0;padding-bottom:calc(var(--dock-h, 6.5rem) + var(--space-4) + var(--native-bottom, 0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.surah-list{list-style:none;margin:0;padding:0 .75rem}.row{display:flex;align-items:center;gap:.5rem;padding:.7rem .6rem;border-radius:18px;position:relative}.row-main{flex:1;min-width:0;display:grid;grid-template-columns:2.1rem 1fr;align-items:center;gap:.7rem;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.row.is-off{opacity:.42}.row.is-off .row-main{cursor:default}.row-end.small{font-size:var(--text-xs);color:var(--muted)}.row.active .name-ar{font-weight:700;color:var(--ink-strong)}.row.active:after{display:none}.numeral{width:2.1rem;color:var(--ink-2, var(--muted));display:grid;place-items:center;font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none}.row.active .numeral{color:var(--leaf, var(--accent))}.names{min-width:0;text-align:start;display:grid}.name-ar{display:block;font-family:var(--font-ar);font-size:var(--text-lg);line-height:1.5;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.36em;margin-block:-.36em}.name-plain{display:block;font-size:var(--text-xs);color:var(--muted);margin-top:-.1rem;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-voice{display:block;font-size:var(--text-xs);color:var(--muted);opacity:.85;unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-end{display:flex;align-items:center;gap:.45rem;color:var(--control-quiet);flex:none}.play-dot{width:3.1rem;height:3.1rem;border-radius:50%;background:linear-gradient(160deg,var(--play-a),var(--play-b));color:var(--on-accent);display:grid;place-items:center;box-shadow:0 2px 9px rgb(var(--shadow-rgb) / .28)}.mini{width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:none;color:var(--control-quiet);display:grid;place-items:center;cursor:pointer;padding:0}.mini:hover:not(:disabled){color:var(--gold)}.mini:disabled{cursor:default}.mini:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini.is-saved{color:var(--ready)}.mini.needs-check{color:var(--warn)}.mini.is-partial{color:var(--gold);position:relative}.mini-pct{position:absolute;bottom:-.15rem;inset-inline-start:50%;margin-inline-start:-1.1rem;width:2.2rem;text-align:center;font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;padding:.05rem .2rem;border-radius:.4rem;background:var(--card-2);color:var(--gold)}.ring{width:2.2rem;display:grid;place-items:center;font-size:var(--text-xs);color:var(--ink-soft)}.frontier{text-align:center;padding:1.6rem 1.5rem .6rem}.frontier .fade{height:1px;background:linear-gradient(to left,var(--accent-soft),transparent);margin-bottom:.8rem}.frontier p{margin:0;font-size:var(--text-xs);line-height:1.75;color:var(--muted)}.player{background:var(--card);border-radius:var(--radius-card) var(--radius-card) 0 0;margin:-1.5rem .3rem 0;padding:1.15rem 1.25rem .5rem;box-shadow:0 -4px 26px rgb(var(--shadow-rgb) / .08);position:relative;z-index:5;flex:none}.player-top{padding-block-start:.4rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem}.player-top.no-face{grid-template-columns:1fr auto}.medallion{width:5.4rem;height:5.4rem;border-radius:50%;flex:none;background-color:var(--tile);background-image:var(--face-src, none);background-size:var(--face-zoom) auto;background-position:var(--face-x) var(--face-y);background-repeat:no-repeat;border:2.5px solid var(--card);box-shadow:0 0 0 2px var(--accent-soft),0 2px 10px rgb(var(--shadow-rgb) / .18);display:grid;place-items:center;overflow:hidden;color:var(--gold)}.now{text-align:start;min-width:0;display:grid;gap:.15rem}.now .surah-name{font-family:var(--font-ar);font-size:var(--text-lg);color:var(--ink);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.36em;margin-block:-.36em}.now .label{font-size:var(--text-xs);color:var(--muted);margin-top:.05rem}.now .reciter-ar{font-family:var(--font-ar);font-size:var(--text-md);color:var(--ink);line-height:1.5}.now .reciter-en{font-size:var(--text-sm);color:var(--ink-strong);direction:ltr}.controls{display:flex;align-items:center;justify-content:center;gap:clamp(.35rem,3.2vw,1.1rem);padding:.85rem .15rem .3rem;direction:ltr}.controls-aux{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,8vw,2.6rem);padding:.1rem .15rem .2rem;direction:ltr}.ctrl.small{color:var(--muted);min-width:2.2rem;padding:.3rem}.ctrl.small:hover{color:var(--ink)}.ctrl{border:0;background:none;color:var(--control);cursor:pointer;display:grid;place-items:center;padding:.4rem;border-radius:50%;font:inherit;font-size:var(--text-sm);font-weight:500;min-width:2.7rem;flex:none}.ctrl:hover{color:var(--gold)}.ctrl.big{width:4.2rem;height:4.2rem;aspect-ratio:1;flex:none;border-radius:50%;background:linear-gradient(160deg,var(--play-a),var(--play-b));color:var(--on-accent);border:3px solid var(--card);box-shadow:0 0 0 2.5px var(--accent-soft),0 4px 14px rgb(var(--shadow-rgb) / .22)}.ctrl[aria-pressed=true]{color:var(--gold)}.progress{padding:.35rem .1rem .45rem;direction:ltr}.track{height:4px;border-radius:2px;background:var(--accent-line);position:relative;cursor:pointer;touch-action:none;margin:.55rem .3rem}.track:before{content:"";position:absolute;inset-inline:0;inset-block:-18px}.player.is-min .track:before{inset-block:0}.track .fill{position:absolute;left:0;top:0;bottom:0;inline-size:100%;transform:scaleX(var(--pct, 0));transform-origin:left center;background:var(--accent);border-radius:2px}.track .knob{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%) scale(var(--knob-scale, 1));box-shadow:0 1px 4px rgb(var(--shadow-rgb) / .35)}.times{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--muted);padding:0 .3rem}.times .badge{font-size:var(--text-xs);color:var(--ink-soft)}.tabbar{display:none;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--divider);padding:.55rem 0 calc(.4rem + env(safe-area-inset-bottom));flex:none;z-index:6}.tab{border:0;background:none;display:grid;justify-items:center;gap:.25rem;padding:.3rem 0;color:var(--muted);font:inherit;font-size:var(--text-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;position:relative}.tab[aria-selected=true]{color:var(--ink-strong)}.tab[aria-selected=true]:after{content:"";position:absolute;bottom:-.3rem;width:1.6rem;height:2.5px;border-radius:2px;background:var(--accent)}.panel{padding:1rem 1.35rem 2rem}.panel h2{font-family:var(--font-name);font-size:var(--text-md);font-weight:700;color:var(--ink-strong);margin:0 0 .5rem}.panel p{font-size:var(--text-sm);line-height:1.8;color:var(--ink);margin:0 0 .9rem}.meter{height:8px;border-radius:4px;background:var(--accent-line);overflow:hidden;margin:.6rem 0;direction:ltr}.meter span{display:block;height:100%;background:var(--accent);margin-inline-end:auto}.btn{font:inherit;font-size:var(--text-sm);padding:.7rem 1.2rem;border-radius:999px;border:1px solid var(--accent-soft);background:none;color:var(--ink);cursor:pointer;margin:0 0 .5rem;margin-inline-end:.5rem}.btn.solid{background:linear-gradient(160deg,var(--play-a),var(--play-b));color:var(--on-play);border-color:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.ayah{font-family:var(--font-ar);font-size:1.65rem;line-height:2.6;text-align:start;color:var(--ink-strong)}.ayah-num{font-size:.8rem;color:var(--gold);padding:0 .3rem}.empty{text-align:center;color:var(--muted);font-size:var(--text-sm);padding:2.5rem 1rem}.err{text-align:center;color:var(--warn);font-size:var(--text-xs);padding:0 0 .6rem;margin:0}.toast{position:fixed;inset-inline:0;bottom:calc(var(--dock-h, 6.5rem) + .6rem + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:.5rem;width:min(26rem,calc(100% - 2.4rem));margin:0 auto;padding:.6rem .5rem .1rem .9rem;border-radius:.9rem;border:1px solid var(--accent-line);background:var(--card);box-shadow:0 6px 22px rgb(var(--shadow-rgb) / .22);unicode-bidi:plaintext}.toast .err{flex:1;min-width:0;text-align:start;padding-bottom:.5rem}.toast-x{flex:none;align-self:flex-start;width:1.9rem;height:1.9rem;border:0;border-radius:50%;background:none;color:var(--muted);font-size:var(--text-md);line-height:1;cursor:pointer}.toast-x:hover{background:var(--card-2);color:var(--ink)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.reciters{display:flex;gap:.5rem;padding:0 1.2rem .85rem;overflow-x:auto;scrollbar-width:none}.reciters::-webkit-scrollbar{display:none}.chip-group .chip-meta{display:inline-flex;align-items:center;gap:.22rem}.chip-group .chip-meta svg{transition:transform .22s cubic-bezier(.22,.61,.36,1)}.chip-group.is-open .chip-meta svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.chip-group .chip-meta svg{transition-duration:0s}}.years{display:grid;grid-template-rows:0fr;padding:0 1.2rem;visibility:hidden;opacity:0;transition:grid-template-rows .26s cubic-bezier(.22,.61,.36,1),opacity .18s ease,padding-bottom .26s cubic-bezier(.22,.61,.36,1),visibility 0s linear .26s}.years.is-open{grid-template-rows:1fr;padding-bottom:.85rem;visibility:visible;opacity:1;transition:grid-template-rows .3s cubic-bezier(.22,.61,.36,1),opacity .2s ease 60ms,padding-bottom .3s cubic-bezier(.22,.61,.36,1),visibility 0s}.years-inner{overflow:hidden;min-height:0}@media(prefers-reduced-motion:reduce){.years,.years.is-open{transition-duration:0s;transition-delay:0s}}.years-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.45rem}.years-head h3{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.years-count{font-size:var(--text-xs);color:var(--muted)}.years-scroll{max-height:min(58vh,27rem);overflow-y:auto;overscroll-behavior:contain;border-radius:.9rem;background:var(--card-2);scroll-snap-type:y proximity;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2rem),transparent)}.year{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.6rem .85rem;border:0;background:none;color:var(--ink-soft);font:inherit;text-align:start;cursor:pointer;scroll-snap-align:start}.year:last-child{border-bottom:0}.year.is-on{background:var(--accent-soft);color:var(--ink)}.year-num{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums}.year-body{display:grid;gap:.05rem;min-width:0}.year-ce{font-size:var(--text-xs);color:var(--muted)}.year-imams{font-size:var(--text-xs);color:var(--muted);unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year-led{opacity:.7}.year-size{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}.chip{flex:none;display:grid;gap:.1rem;justify-items:center;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--accent-line);background:var(--card-2);color:var(--ink-soft);font:inherit;cursor:pointer}.chip[aria-selected=true]{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));border-color:transparent;color:var(--tile-active-ink)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-name{font-family:var(--font-name);font-size:var(--text-sm);line-height:1.3}.chip-meta{font-size:var(--text-xs);opacity:.75;direction:ltr}.medallion{--face-zoom: 100%;--face-x: 50%;--face-y: 50%}.medallion[data-reciter=dosari]{--face-zoom: 160%;--face-x: 63%;--face-y: 13%}.panel .count{font-size:var(--text-xs);color:var(--muted);margin-bottom:.6rem}.all-clear{display:flex;align-items:center;gap:.5rem;color:var(--ready)}.verify-list,.import-list{list-style:none;margin:0 0 1rem;padding:0}.verify-row,.import-row{display:grid;align-items:center;gap:.6rem;padding:.7rem 0;border-bottom:1px solid var(--divider)}.verify-row{grid-template-columns:2.2rem 1fr auto}.import-row{grid-template-columns:1fr auto 2rem}.mini.preview{border:1px solid var(--accent-line);color:var(--gold);background:var(--card-2)}.verify-names{min-width:0;display:grid}.verify-actions{display:flex;gap:.35rem}.btn.tiny{font-size:var(--text-xs);padding:.4rem .7rem;margin:0}.btn.tiny.ok{border-color:var(--ready);color:var(--ready)}.btn.tiny.no{border-color:var(--warn);color:var(--warn)}.verify-err{display:block;font-size:var(--text-xs);color:var(--warn);margin-top:.2rem}.file-input{display:block;width:100%;font:inherit;font-size:var(--text-xs);color:var(--ink-soft);padding:.9rem;margin-bottom:.9rem;border:1px dashed var(--accent-soft);border-radius:14px;background:var(--card-2)}.file-input::file-selector-button{font:inherit;font-size:var(--text-xs);margin-inline-end:.7rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--accent-soft);background:var(--tile);color:var(--ink);cursor:pointer}.import-file{min-width:0;font-size:var(--text-xs);direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-size{display:block;font-size:var(--text-xs);color:var(--muted)}.import-ok{grid-column:1 / -1;font-size:var(--text-xs);color:var(--ready);direction:ltr;text-align:end}.surah-select{font:inherit;font-size:var(--text-xs);padding:.4rem .5rem;border-radius:10px;border:1px solid var(--accent-line);background:var(--card);color:var(--ink);max-width:10rem}.saved-note{color:var(--ready);font-size:var(--text-xs)}.panel code{font-size:var(--text-xs);background:var(--tile);padding:.1rem .35rem;border-radius:4px;direction:ltr;unicode-bidi:isolate;display:inline-block}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--shadow-rgb) / .42);display:grid;place-items:center;padding:1.5rem;z-index:40}.dialog{background:var(--card);border-radius:22px;padding:1.4rem 1.3rem 1rem;max-width:22rem;width:100%;box-shadow:0 12px 40px rgb(var(--shadow-rgb) / .28)}.dialog h3{font-family:var(--font-name);font-size:var(--text-md);font-weight:700;color:var(--ink-strong);margin:0 0 .5rem}.dialog p{font-size:var(--text-sm);line-height:1.7;color:var(--ink);margin:0 0 1.1rem}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.dialog-actions .btn{margin:0}.seg{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:999px;background:var(--pill);border:1px solid var(--accent-line)}.seg button{font:inherit;font-size:var(--text-xs);display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding-block:0;padding-inline:var(--space-3);border-radius:var(--radius-pill);border:0;background:none;color:var(--ink-soft);cursor:pointer}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));color:var(--tile-active-ink)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mushaf{padding:.5rem 0 1rem}.mslot{background:var(--page)}.mslot.is-zoomed .mpage-lines .mushaf-line{flex-wrap:wrap;justify-content:center;white-space:normal;row-gap:0}.mpage-lines .mushaf-line{display:flex;justify-content:space-between;align-items:baseline;gap:.12em;margin:0;padding:.1rem 0;font-family:var(--font-page, var(--font-quran));font-size:1em;line-height:2.5;color:var(--ink-strong);white-space:nowrap}.mpage-lines .mushaf-line.is-short{justify-content:center;gap:.5em}.mushaf-line{transform-origin:100% 50%}.mw{border-radius:5px;padding:0;transition:background-color .12s linear,color .12s linear}.mw.tap{cursor:pointer}.mw.in-ayah,.ayah-mark.in-ayah{background:var(--tile)}.mw.is-now{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));color:var(--tile-active-ink)}.ayah-mark{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .22em;box-sizing:border-box;flex:none;margin:0 .12em;font-family:var(--font-ar);font-size:.6em;line-height:1;white-space:nowrap;color:var(--gold);border:1px solid var(--accent);border-radius:999px;background:radial-gradient(circle at 50% 50%,var(--page) 58%,var(--tile) 100%);box-shadow:0 0 0 1.5px var(--page),0 0 0 2.5px var(--accent-line)}.mushaf-row{display:flex;flex-direction:column}.surah-band{display:block;margin:.5rem 0 .35rem;padding:.32rem .6rem;text-align:center;border:1px solid var(--accent);border-radius:6px;background:linear-gradient(180deg,var(--tile),var(--card-2));box-shadow:inset 0 0 0 2px var(--page)}.surah-band-name{font-family:var(--font-ar);font-size:var(--text-sm);font-weight:700;color:var(--ink-strong)}.mpage-lines .mushaf-line.is-drill{background:var(--tile);border-radius:10px;box-shadow:0 0 0 1px var(--accent-line)}.mushaf.your-turn .mushaf-line.is-drill .mw{color:transparent;background:var(--accent-line);border-radius:4px;-webkit-user-select:none;user-select:none}.mushaf.your-turn .mushaf-line.is-drill:active .mw{color:var(--ink-strong);background:none}.mushaf.your-turn .mushaf-line.is-drill .mw.is-now{background:var(--accent-soft)}.talqeen-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:0 1.1rem .5rem;padding:.5rem .75rem;border-radius:12px;background:var(--pill);border:1px solid transparent}.talqeen-bar.is-yours{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));border-color:var(--accent-soft)}.talqeen-who{font-size:var(--text-sm);font-weight:600;color:var(--ink-strong)}.talqeen-bar.is-yours .talqeen-who{color:var(--tile-active-ink)}.talqeen-acts{display:flex;gap:.4rem}.talqeen-acts .btn{font-size:var(--text-xs);padding:.3rem .6rem}.talqeen-acts .btn:disabled{opacity:.45;cursor:default}.mushaf-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding-top:.9rem}.mushaf-bar .btn{margin:0;min-width:3rem;font-size:var(--text-sm);padding:.35rem .9rem}.mslot.veil-faded .mw{color:color-mix(in srgb,var(--ink-strong) 22%,transparent)}.mslot.veil-firsts .mw:not(.is-lead){color:transparent}.mslot.veil-blank .mw{color:transparent}.mslot.veil-blank .ayah-mark{color:transparent;border-color:var(--accent-line);background:none;box-shadow:none}.mslot.is-peeking .mw,.mslot.is-peeking .ayah-mark{color:var(--ink-strong)}.mslot.is-peeking .ayah-mark{color:var(--gold);border-color:var(--accent);background:radial-gradient(circle at 50% 50%,var(--page) 58%,var(--tile) 100%)}.mslot.veil-faded,.mslot.veil-firsts,.mslot.veil-blank{user-select:none;-webkit-user-select:none;cursor:pointer}.btn.veil-btn{min-height:2.5rem;padding:.2rem .7rem;font-size:var(--text-xs)}.btn.veil-btn.on{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));border-color:transparent;color:var(--tile-active-ink)}.text-size{display:flex;align-items:baseline;gap:.25rem;margin-inline-start:.5rem}.btn.size{font-family:var(--font-quran);min-width:2.7rem;min-height:2.5rem;padding:.2rem .55rem;font-size:var(--text-sm);line-height:1}.btn.size.big{font-size:var(--text-lg)}.btn.size:disabled{opacity:.35}.mushaf-num{font-family:var(--font-ar);font-size:var(--text-sm);color:var(--gold);min-width:5rem;text-align:center;direction:rtl}.mushaf-note{font-size:var(--text-xs);color:var(--muted);text-align:center;padding:.7rem 1rem 0;margin:0}@media(prefers-reduced-motion:reduce){.mw{transition:none}}.tview{padding:.5rem 0 2rem}.tview-where{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:.1rem;padding:.6rem .9rem;margin-bottom:.75rem;border-radius:var(--radius-card);background:var(--card-2);box-shadow:0 1px 8px rgb(var(--shadow-rgb) / .06)}.tview-surah{font-family:var(--font-name);font-size:var(--text-sm);font-weight:700;color:var(--ink-strong)}.tview-place{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}.tview-pick{position:relative;margin-bottom:.75rem}.tview-pick-list{position:absolute;inset-inline-start:0;top:calc(100% + .35rem);z-index:6;min-width:16rem;max-width:min(24rem,90vw);list-style:none;margin:0;padding:.3rem;border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-md)}.tview-pick-list button{display:flex;flex-direction:column;gap:.1rem;width:100%;text-align:start;padding:.5rem .7rem;border:0;border-radius:8px;background:none;font:inherit;color:var(--ink);cursor:pointer}.tview-pick-list button.on{background:var(--tile)}.tview-pick-name{font-size:var(--text-sm);color:var(--ink-strong)}.tview-pick-by{font-size:var(--text-xs);color:var(--muted)}.tview-list{list-style:none;margin:0;padding:0}.tayah{padding:.9rem .25rem;border-radius:10px;transition:background-color .2s ease}.tayah+.tayah{border-top:1px solid var(--accent-line)}.tayah.is-now{background:var(--tile)}.tayah-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tayah-key{padding:.15rem .5rem;border:1px solid var(--accent);border-radius:6px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted)}.tayah-play{border:0;background:none;padding:.15rem .35rem;color:var(--gold);cursor:pointer;font-size:var(--text-sm);line-height:1}.tview-list .tayah-ar{font-family:var(--font-quran);font-size:1.6rem;line-height:2.3;text-align:justify;color:var(--ink-strong);margin:0 0 .6rem}.tview-list .tayah-tr{font-size:var(--text-sm);line-height:1.65;color:var(--ink);margin:0}.tview-list .tayah-tr[lang=ur]{font-family:"Noto Nastaliq Urdu",var(--font-ar);line-height:2.4}.tview-list .tayah-tr[lang=ar]{font-family:var(--font-ar);line-height:2}@media(prefers-reduced-motion:reduce){.tayah{transition:none}}.mindex{padding:.9rem 0 1.5rem}.mindex>.seg{display:flex;margin:0 auto 1rem}.mindex>.seg button{flex:1}.mindex-juz{margin-bottom:.9rem}.mindex-h{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .35rem;border:0;background:none;font:inherit;font-family:var(--font-name);font-size:var(--text-sm);font-weight:700;color:var(--ink-soft);cursor:pointer}.mindex-chev{display:inline-flex;color:var(--muted);transition:transform .16s ease}.mindex-chev.is-shut{transform:rotate(-90deg)}:root[dir=rtl] .mindex-chev.is-shut{transform:rotate(90deg)}.mindex-list{list-style:none;margin:0;padding:0;border-radius:var(--radius-card);background:var(--tile);overflow:hidden}.mindex-row+.mindex-row{border-top:1px solid var(--accent-line)}.mindex-row .row-main{display:flex;align-items:center;gap:.75rem;width:100%}.mindex-page{margin-inline-start:auto;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--muted);flex:none}.mindex-row.is-cont .name-plain{font-style:italic}.name-plain.strong{color:var(--ink-strong);font-weight:600}.mindex-unit{list-style:none}.mindex-unit+.mindex-unit{border-top:1px solid var(--accent-line)}.mindex-unit-head{display:flex;align-items:center;gap:.75rem;width:100%}.mindex-hizbs,.mindex-rubs{list-style:none;margin:0;padding:0}.mindex-hizbs{padding-inline-start:1.4rem;padding-bottom:.5rem}.mindex-rubs{padding-inline-start:1.4rem}.mindex-hizb,.mindex-rub{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .9rem .5rem 0;border:0;background:none;font:inherit;font-size:var(--text-sm);color:var(--ink);cursor:pointer}.mindex-rub{color:var(--muted)}.mpages{display:flex;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;font-size:calc(var(--fit, 1) * var(--zoom, 1) * 1rem)}.mpages::-webkit-scrollbar{display:none}.mslot{flex:0 0 100%;width:100%;min-width:0;height:100%;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}.mslot:nth-child(odd){border-inline-end:1px solid var(--accent-line)}.mslot:nth-child(2n){border-inline-end:3px double var(--accent-line)}.mpage{display:flex;flex-direction:column;height:100%;padding:0 .7rem;direction:rtl}.mpage-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex:none;direction:ltr;padding:calc(.5rem + env(safe-area-inset-top)) .3rem .2rem;font-family:var(--font-name);font-size:var(--text-sm);color:var(--muted)}.mpage-surah{display:flex;align-items:baseline;gap:.4rem}.mpage-surah-ar{font-family:var(--font-ar);color:var(--ink)}.mpage-body{flex:1;min-height:0;display:flex;align-items:center;overflow:hidden}.mpage-lines{width:100%;transform:scale(var(--squeeze, 1));transform-origin:center center}.mpage-foot{flex:none;direction:ltr;text-align:center;padding:.2rem 0 calc(.5rem + env(safe-area-inset-bottom));font-family:var(--font-ar);font-size:var(--text-sm);color:var(--muted)}.app.is-immersive .scroll{overflow:hidden;padding-bottom:0}.app.is-immersive .sheet{margin:0;border-radius:0;box-shadow:none;background:var(--page)}.app.is-immersive .sheet-head,.app.is-immersive .dock{display:none}.app.is-immersive .panel{padding:0}.mushaf.is-immersive{display:flex;flex-direction:column;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0}.mushaf:not(.is-immersive) .mpages{height:min(64dvh,34rem)}.mchrome{position:fixed;inset-inline:0;z-index:45;display:flex;align-items:center;gap:.5rem;width:fit-content;max-width:calc(100% - 1.5rem);margin:0 auto;padding:.4rem .5rem;border-radius:999px;background:var(--card);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.mchrome.top{top:calc(.6rem + env(safe-area-inset-top))}.mchrome.bottom{top:auto;bottom:calc(.9rem + env(safe-area-inset-bottom));transform:translateY(.5rem);min-width:min(22rem,calc(100% - 1.5rem))}.mushaf.show-chrome .mchrome{opacity:1;transform:none;pointer-events:auto}.mchrome-btn,.mchrome-play{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border:0;border-radius:50%;background:var(--tile);color:var(--ink);cursor:pointer}.mchrome-btn.on{color:var(--gold)}.mchrome-play{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));color:var(--tile-active-ink)}.mchrome-title{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:0 .4rem;min-width:0;flex:1}.mchrome-surah{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;min-inline-size:0;gap:.4rem;font-family:var(--font-name);font-size:var(--text-sm);font-weight:700;color:var(--ink-strong)}.mchrome-place{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.mchrome-reciter{flex:1;text-align:center;font-size:var(--text-sm);color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.mchrome{transition:none}}@media(prefers-reduced-motion:reduce){.mushaf.is-immersive .mushaf-bar{transition:none}}.player-actions{display:flex;flex-direction:column;gap:.4rem}.hifz{padding:.25rem 0 1rem}.hifz-h{font-family:var(--font-name);font-size:var(--text-md);color:var(--ink-strong);margin:1.4rem 0 .5rem}.hifz-note{font-size:var(--text-xs);color:var(--muted);margin:0 0 .6rem;line-height:1.6}.hifz-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.tier{display:grid;justify-items:center;gap:.15rem;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--card-2);border:1px solid transparent}.tier-n{font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--ink-strong)}.tier-name{font-family:var(--font-name);font-size:var(--text-sm);color:var(--muted)}.due-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.due-list li{display:flex;align-items:center;gap:.4rem}.due-row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--card-2);font:inherit;color:var(--ink-strong);cursor:pointer}.due-page{font-variant-numeric:tabular-nums}.due-tier{font-family:var(--font-name);font-size:var(--text-xs);color:var(--muted)}.due-act{font-size:var(--text-xs);color:var(--gold)}.btn.tiny{font-size:var(--text-xs);padding:.45rem .6rem;margin:0}.heat{display:grid;grid-template-columns:repeat(28,1fr);gap:2px;direction:rtl}.heat-cell{aspect-ratio:1;border:0;padding:0;border-radius:2px;background:var(--tile);cursor:pointer}.heat-cell.seen{background:var(--warn)}.heat-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wird-plans{display:flex;flex-wrap:wrap;gap:.4rem}.wird-plans .btn.on,.btn.on{background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));border-color:transparent;color:var(--tile-active-ink)}.wird-state{margin-top:.7rem;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--card-2);border:1px solid transparent}.wird-day{margin:0 0 .3rem;font-size:var(--text-sm);color:var(--ink-strong)}.wird-owed{margin:0 0 .6rem;font-size:var(--text-sm);color:var(--warn)}.wird-clear{margin:0 0 .6rem;font-size:var(--text-sm);color:var(--ready)}.wird-acts{display:flex;flex-wrap:wrap;gap:.4rem}.empty.small{font-size:var(--text-xs);padding:.6rem 0}.fork{display:grid;gap:.7rem}.fork-shared{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--page);border:1px solid var(--accent);box-shadow:inset 0 0 0 3px var(--accent-line)}.fork-count{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:.35rem}.fork-text{margin:0;font-family:var(--font-quran);font-size:1.15rem;line-height:2.2;color:var(--ink-strong);direction:rtl}.fork-cue{margin:0;text-align:center;font-family:var(--font-ar);font-size:1.05rem;color:var(--muted);padding:.6rem 0}.fork-cue.is-yours{color:var(--tile-active-ink);background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));border-radius:12px;font-size:1.2rem}.fork-branches{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.fork-branches li{display:flex;align-items:center;gap:.6rem;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--card-2)}.fork-branches li.was-asked{border-color:var(--accent);background:var(--tile)}.fork-next{flex:1;font-family:var(--font-quran);font-size:var(--text-md);color:var(--ink-strong);direction:rtl}.fork-where{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr}.fork-acts{display:flex;flex-wrap:wrap;gap:.4rem}.btn.wide{width:100%;margin:0}.wordmark{display:flex;flex-direction:column;gap:.05rem;margin:0;line-height:1.25}.wordmark-main{font-family:var(--font-ar);font-size:var(--text-xl);font-weight:700;color:var(--ink-strong)}.wordmark-alt{font-size:var(--text-xs);text-transform:uppercase;color:var(--gold)}.lang-label{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:.4rem}.lang-strip{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.lang-strip::-webkit-scrollbar{display:none}.chip.lang-chip{padding:.5rem .9rem;font-size:var(--text-sm);white-space:nowrap}.chip-riwayah{font-size:var(--text-xs);color:var(--gold);white-space:normal;line-height:1.25;max-width:8.5rem;text-align:center}.reciter-riwayah{font-size:var(--text-xs);color:var(--gold);margin-top:.1rem}.now-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem;min-width:0;padding:0;border:0;background:none;font:inherit;font-size:var(--text-xs);color:var(--muted);text-align:start;cursor:pointer;unicode-bidi:plaintext}.now-line:disabled{cursor:default}.now-who{color:var(--ink);font-weight:600;font-size:var(--text-sm)}.now-dot{color:var(--muted)}.now-coll,.now-riwayah{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis}.now-next{display:inline-flex;align-items:center;color:var(--gold)}.reciter-voice:disabled{border-color:transparent;cursor:default}.rv-name{color:var(--ink);font-weight:600}.rv-next{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--text-xs);color:var(--gold);border-inline-start:1px solid var(--accent-line);padding-inline-start:.45rem;margin-inline-start:.15rem}.reciter-voice:disabled .rv-next{display:none}.paged-mushaf{background:var(--page);border:1px solid var(--accent);border-radius:10px;padding:.5rem;box-shadow:inset 0 0 0 3px var(--accent-line),0 1px 10px rgb(var(--shadow-rgb) / .07);min-height:12rem;display:grid;place-items:center}.paged-mushaf img{width:100%;height:auto;display:block;border-radius:4px;opacity:0;transition:opacity .16s linear}.paged-mushaf img.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.paged-mushaf img{transition:none}}.theming{margin-top:.9rem}.theme-label{margin-top:1.2rem}.seg.mode-seg{display:flex;gap:.4rem}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.theme-card{display:flex;align-items:center;gap:.6rem;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--sw-line);background:var(--sw-ground);color:var(--sw-ink);font:inherit;cursor:pointer;text-align:start;position:relative;overflow:hidden;flex-wrap:wrap}.theme-card.is-on{border-color:var(--sw-accent);box-shadow:0 0 0 2px var(--sw-accent)}.theme-swatch{display:grid;gap:3px;flex:none}.sw-accent,.sw-ink{display:block;width:1.5rem;height:.5rem;border-radius:3px}.sw-accent{background:var(--sw-accent)}.sw-ink{background:var(--sw-ink);opacity:.55}.theme-names{display:grid;min-width:0}.theme-name{font-family:var(--font-name);font-size:var(--text-sm);line-height:1.3;color:var(--sw-ink)}.theme-of{font-size:var(--text-xs);line-height:1.3;color:var(--sw-ink);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.3em;margin-block:-.3em;font-family:var(--font-name)}.theme-hint{position:static;order:3;width:100%;font-size:var(--text-xs);color:var(--sw-ink);opacity:.75;text-align:start}.theme-card:focus-visible{outline:2px solid var(--sw-accent);outline-offset:2px}.faces-intro{font-size:var(--text-xs);color:var(--muted);margin:0 0 .9rem}.faces-group h3{font-size:var(--text-xs);font-weight:600;color:var(--ink-soft);margin:1rem 0 .4rem}.faces-list{list-style:none;margin:0;padding:0;border:1px solid var(--accent-line);border-radius:.9rem;overflow:hidden}.face-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.5rem .75rem;border-bottom:1px solid var(--accent-line);background:var(--card-2)}.face-row:last-child{border-bottom:0}.face-thumb{width:2.4rem;height:2.4rem;border-radius:50%;flex:none;background-color:var(--tile);background-size:cover;background-position:center;border:1px solid var(--accent-line)}.face-thumb.is-empty{border-style:dashed;opacity:.6}.face-name{min-width:0;font-size:var(--text-sm);unicode-bidi:plaintext;overflow:hidden;text-overflow:ellipsis}.face-err{display:block;font-size:var(--text-xs);color:var(--warn)}.face-actions{display:flex;align-items:center;gap:.4rem}.face-has{color:var(--ready);display:grid;place-items:center}.face-add{font-size:var(--text-xs);padding:.3rem .6rem;border-radius:999px;border:1px solid var(--accent-line);color:var(--ink-soft);cursor:pointer;white-space:nowrap}.face-add input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.face-add:focus-within{outline:2px solid var(--accent);outline-offset:2px}.face-remove{font:inherit;font-size:var(--text-xs);border:0;background:none;color:var(--muted);cursor:pointer;padding:.3rem .2rem}.face-remove:hover{color:var(--warn)}.face-row.is-editing{grid-template-areas:"thumb name actions" "editor editor editor"}.face-editor{grid-area:editor;display:flex;align-items:center;gap:.9rem;padding:.7rem 0 .3rem}.face-stage{width:7rem;height:7rem;flex:none;border-radius:50%;background-color:var(--tile);background-repeat:no-repeat;border:2px solid var(--accent-soft);box-shadow:0 0 0 1px var(--accent-line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.face-stage:active{cursor:grabbing}.face-controls{display:grid;gap:.35rem;min-width:0;flex:1}.face-zoom{display:grid;gap:.2rem;font-size:var(--text-xs);color:var(--muted)}.face-zoom input{width:100%;accent-color:var(--accent)}.face-hint{margin:0;font-size:var(--text-xs);color:var(--muted)}.face-frame-btn,.face-reset{font:inherit;font-size:var(--text-xs);border:1px solid var(--accent-line);border-radius:999px;background:none;color:var(--ink-soft);cursor:pointer;padding:.25rem .6rem;white-space:nowrap}.face-reset{justify-self:start}.crash{max-width:30rem;margin:0 auto;padding:2.5rem 1.4rem;font-family:system-ui,sans-serif;color:#e8e2d4;background:#14110c;min-height:100dvh;text-align:center}.crash h1{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.crash-msg{font-size:.85rem;color:#d9b46a;background:#ffffff0d;border-radius:.6rem;padding:.7rem .9rem;word-break:break-word;unicode-bidi:plaintext}.crash-actions{display:flex;gap:.6rem;justify-content:center;margin:1.2rem 0;flex-wrap:wrap}.crash-actions button{font:inherit;font-size:.85rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid rgb(255 255 255 / .25);background:none;color:inherit;cursor:pointer}.crash-note{font-size:.78rem;opacity:.7;line-height:1.7}.face-surfaces{display:flex;gap:.3rem}.face-surface{font:inherit;font-size:var(--text-xs);padding:.22rem .55rem;border-radius:999px;border:1px solid var(--accent-line);background:none;color:var(--muted);cursor:pointer}.face-surface.is-on{background:var(--accent-soft);color:var(--ink)}.face-stage.is-card{border-radius:.7rem;background-size:cover}.build-stamp{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:1.6rem 0 0;font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.build-update{font:inherit;font-size:var(--text-xs);padding:.3rem .7rem;border-radius:999px;border:1px solid var(--accent-line);background:none;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.faces-transfer{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.faces-transfer .face-add:disabled{opacity:.45;cursor:default}.faces-moved{font-size:var(--text-xs);color:var(--ready);unicode-bidi:plaintext}.face-source{display:block;font-size:var(--text-xs);color:var(--muted)}.favs-empty,.favs-count{font-size:var(--text-xs);color:var(--muted);margin:0 0 .9rem}.favs-group h3{font-size:var(--text-xs);font-weight:600;color:var(--ink-soft);margin:1rem 0 .4rem;unicode-bidi:plaintext}.favs-list{list-style:none;margin:0;padding:0;border:1px solid var(--accent-line);border-radius:.9rem;overflow:hidden}.fav-row{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--accent-line);background:var(--card-2)}.fav-row:last-child{border-bottom:0}.fav-main{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.7rem;padding:.6rem .5rem .6rem .85rem;border:0;background:none;color:var(--ink-soft);font:inherit;text-align:start;cursor:pointer;min-width:0}.fav-num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--text-xs)}.fav-names{display:grid;gap:.05rem;min-width:0}.fav-ar{font-family:var(--font-ar);font-size:var(--text-sm);color:var(--ink);unicode-bidi:plaintext}.fav-en{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-unstar{border:0;background:none;color:var(--gold);cursor:pointer;padding:.6rem .85rem}.imams{margin-top:1.6rem}.imams-intro{font-size:var(--text-xs);color:var(--muted);margin:0 0 .9rem}.imam-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.imam-row{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:.55rem .85rem .55rem .55rem;border:1px solid var(--accent-line);border-radius:.9rem;background:var(--card-2);color:inherit;font:inherit;text-align:start;cursor:pointer;min-width:0}.imam-face,.imam-face-lg{--face-zoom: 100%;--face-x: 50%;--face-y: 50%}.imam-face{width:3rem;height:3rem;border-width:2px}.imam-face-lg{width:4.4rem;height:4.4rem}.imam-names{display:grid;gap:.1rem;min-width:0}.imam-ar{font-family:var(--font-name);font-size:var(--text-sm);color:var(--ink);unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imam-meta{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;margin:.15rem 0 0}.imam-back{border:0;background:none;padding:0;font:inherit;font-size:var(--text-xs);color:var(--gold);cursor:pointer}.imam-head{display:flex;align-items:center;gap:.9rem;margin:.7rem 0 1.1rem;min-width:0}.imam-head h2{margin:0;font-family:var(--font-name);font-size:var(--text-md);unicode-bidi:plaintext}.imam-year{border:1px solid var(--accent-line);border-radius:.9rem;background:var(--card-2);overflow:hidden;margin-bottom:.5rem}.imam-year-head{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:baseline;gap:.7rem;padding:.65rem .9rem;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer}.imam-year-n{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.imam-year-c{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--text-xs)}.imam-readings{list-style:none;margin:0;padding:0;border-top:1px solid var(--accent-line)}.imam-reading{width:100%;display:grid;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.7rem;padding:.5rem .9rem;border:0;border-bottom:1px solid var(--accent-line);background:none;color:var(--ink-soft);font:inherit;text-align:start;cursor:pointer;min-width:0}.imam-readings li:last-child .imam-reading{border-bottom:0}.imam-r-num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--text-xs)}.imam-r-name{display:grid;gap:.05rem;min-width:0}.imam-r-ar{font-family:var(--font-ar);font-size:var(--text-sm);color:var(--ink);unicode-bidi:plaintext}.imam-r-en{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imam-r-at{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}@media(hover:hover){.imam-row:hover,.imam-reading:hover,.imam-year-head:hover{background:var(--tile)}}.imam-section{font-size:var(--text-xs);font-weight:600;color:var(--muted);margin:1.3rem 0 .5rem}.imam-seasons{list-style:none;margin:0;padding:0;border:1px solid var(--accent-line);border-radius:.9rem;overflow:hidden}.imam-season{width:100%;display:grid;grid-template-columns:1fr auto auto auto;align-items:baseline;gap:.7rem;padding:.6rem .9rem;border:0;border-bottom:1px solid var(--accent-line);background:var(--card-2);color:var(--ink-soft);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer}.imam-seasons li:last-child .imam-season{border-bottom:0}.imam-s-year{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.imam-s-ce{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--text-xs)}.imam-s-go{color:var(--gold);font-size:var(--text-xs)}@media(hover:hover){.imam-season:hover{background:var(--tile)}}.imam-bit{unicode-bidi:isolate}.imam-bit+.imam-bit:before{content:"·";margin:0 .4em;color:var(--accent-line)}.imam-caret{color:var(--muted);font-size:var(--text-sm);line-height:1;width:.8rem;text-align:center}.imam-year-head>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diag{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--accent-line)}.diag-intro,.diag-empty{font-size:var(--text-xs);color:var(--muted);margin:0 0 .9rem}.diag-h{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:1.2rem 0 .5rem}.diag-grid{margin:0;display:grid;gap:.1rem;font-size:var(--text-xs)}.diag-grid>div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.6rem;padding:.25rem 0;border-bottom:1px solid var(--accent-line)}.diag-grid dt{color:var(--muted)}.diag-grid dd,.diag-log{margin:0;direction:ltr;text-align:left;font-variant-numeric:tabular-nums;color:var(--ink-soft);overflow-wrap:anywhere}.diag-log{list-style:none;padding:0;font-size:var(--text-xs);display:grid;gap:.2rem}.diag-log li{display:flex;gap:.5rem;align-items:baseline}.diag-at{color:var(--muted);min-width:3.4rem}.diag-act{color:var(--ink)}.diag-to{color:var(--gold)}.diag-flag{font-size:var(--text-xs);color:var(--muted)}.diag-copy{margin-top:1rem;padding:.5rem 1rem;border:1px solid var(--accent-line);border-radius:.7rem;background:var(--card-2);color:var(--ink-soft);font:inherit;font-size:var(--text-xs);cursor:pointer}.eq{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:.85rem}.eq i{width:2px;border-radius:1px;background:var(--leaf, var(--accent));height:100%;transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(1){animation-delay:-.3s}.eq i:nth-child(2){animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.eq.is-still i{animation:none;transform:scaleY(.34)}@media(prefers-reduced-motion:reduce){.eq i{animation:none;transform:scaleY(.34)}}.year-faces{display:flex;align-items:center;gap:.2rem;margin-top:.15rem}.year-face{width:1.35rem;height:1.35rem;border-radius:50%;flex:none;background-color:var(--tile);background-image:var(--face-src, none);background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--accent-line)}.year-more{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:.15rem}.mpage-lines .mushaf-basmala{margin:.15rem 0 .35rem;font-family:var(--font-page, var(--font-quran));font-size:.92em;line-height:1.9;text-align:center;color:var(--ink);unicode-bidi:plaintext}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.diag-verdict{margin:1.2rem 0 0;padding:.6rem .8rem;border-radius:.7rem;font-size:var(--text-xs);border:1px solid var(--accent-line);background:var(--card-2);color:var(--ink)}.diag-verdict.is-no{color:var(--warn)}:root[lang=ur] .dock-tab{gap:0;line-height:1.5}:root[lang=ur] .dock-tab span{font-size:var(--text-xs)}:root[lang=ur] .seg button{line-height:1.8}:root[dir=ltr] .imam-section{letter-spacing:.04em;text-transform:uppercase}.wordmark-alt .trk{letter-spacing:.06em;text-transform:uppercase}[dir=rtl] .frontier .fade{background:linear-gradient(to right,var(--accent-soft),transparent)}.sheet-mark{flex:none;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-xs);background:var(--card);border:1px solid var(--accent-line);box-shadow:var(--shadow-sm);overflow:hidden}.sheet-mark img{inline-size:100%;block-size:100%;object-fit:cover}.sheet-head .wordmark{min-inline-size:0;margin-inline-end:auto}.sheet-back{flex:none;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;border:1px solid var(--accent-line);background:var(--card);color:var(--control);cursor:pointer;padding:0}:root[dir=rtl] .sheet-back svg{transform:scaleX(-1)}@media(hover:hover){.sheet-back:hover{background:var(--tile)}}.now-title{margin:.15rem 0 0;font-size:var(--text-xs);color:var(--muted);unicode-bidi:plaintext}.face-cell-title{color:var(--muted)}.controls .ctrl{inline-size:3rem;block-size:3rem;min-width:0;padding:0}.controls .ctrl.big{inline-size:4.2rem;block-size:4.2rem}.player-top{padding-inline:.35rem}.head-save{display:inline-flex;align-items:center;gap:.35rem;flex:none;padding:.4rem .7rem;border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--card-2);color:var(--ink-soft);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}.head-save:disabled{opacity:.5;cursor:default}@media(hover:hover){.head-save:not(:disabled):hover{background:var(--tile)}}.dl-empty,.dl-note{color:var(--muted);font-size:var(--text-xs);line-height:1.5}.dl-note{margin-block-start:.9rem}.dl-list{display:flex;flex-direction:column;gap:.5rem}.dl-group{border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--card);overflow:hidden}.dl-head{display:flex;align-items:stretch;gap:.4rem}.dl-title{flex:1;min-inline-size:0;display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.7rem .8rem;min-block-size:44px;border:0;background:none;font-family:inherit;color:inherit;text-align:start;touch-action:manipulation}.dl-title:active{background:var(--card-2)}.dl-caret{display:inline-flex;color:var(--muted);transition:transform .18s ease}.dl-caret.is-open{transform:rotate(90deg)}.dl-name{flex:1 1 4rem;min-inline-size:0;font-family:var(--font-name);font-size:var(--text-sm);color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-meta,.dl-size{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dl-meta{flex:1 1 100%}.dl-del{align-self:center;margin-inline-end:.6rem;padding:.45rem .7rem;min-block-size:44px;border:1px solid var(--accent-line);border-radius:var(--radius-xs);background:none;font-family:inherit;font-size:var(--text-xs);color:var(--danger, #b3261e);touch-action:manipulation}.dl-del:active{background:var(--card-2)}.dl-del:disabled{opacity:.45}.dl-tools{display:flex;align-items:center;gap:.6rem;padding:0 .8rem .4rem}.dl-link{padding:.5rem 0;min-block-size:44px;border:0;background:none;font-family:inherit;font-size:var(--text-xs);color:var(--gold);touch-action:manipulation}.dl-link:active{opacity:.6}.dl-surahs{list-style:none;margin:0;padding:0 .8rem .6rem;display:flex;flex-direction:column}.dl-row{display:flex;align-items:center;gap:.6rem;min-block-size:44px;border-block-start:1px solid var(--accent-line)}.dl-pick{flex:1;min-inline-size:0;display:flex;align-items:center;gap:.55rem;min-block-size:44px;touch-action:manipulation}.dl-pick input{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--accent-deep);flex:none}.dl-surah{flex:1;min-inline-size:0;font-size:var(--text-xs);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-x{flex:none;display:grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:var(--radius-pill);background:none;font-size:var(--text-md);line-height:1;color:var(--muted);touch-action:manipulation}.dl-x:active{background:var(--card-2);color:var(--danger, #b3261e)}.dl-x:disabled{opacity:.4}:root{--tj-qalqalah: #c8102e;--tj-ghunnah: #0f8a4a;--tj-madd: #1f5fd0;--tj-madd-long: #7b2ea8;--tj-idgham: #b8541c;--tj-ikhfa: #8a6d00;--tj-silent: #9a9a9a}:root[data-mode=dark]{--tj-qalqalah: #ff6b7f;--tj-ghunnah: #4fd18b;--tj-madd: #7aa7ff;--tj-madd-long: #c58bf0;--tj-idgham: #ff9d63;--tj-ikhfa: #e0c14a;--tj-silent: #7d7d7d}.tj{color:inherit}.tj-q{color:var(--tj-qalqalah)}.tj-g{color:var(--tj-ghunnah)}.tj-m2{color:var(--tj-madd)}.tj-m4,.tj-mo{color:var(--tj-madd-long)}.tj-m6{color:var(--tj-qalqalah)}.tj-ig,.tj-iw,.tj-is,.tj-im,.tj-iq{color:var(--tj-idgham)}.tj-n,.tj-ns,.tj-b{color:var(--tj-ikhfa)}.tj-h,.tj-l,.tj-s{color:var(--tj-silent)}.mw.is-now .tj{color:inherit}.picker{padding:.5rem 0 2rem}.picker-hint{font-size:var(--text-xs);color:var(--muted);text-align:center;margin:0 0 .75rem}.picker-h{font-family:var(--font-name);font-size:var(--text-xl);font-weight:700;color:var(--ink-strong);margin:0 0 1rem}.picker-seg{display:flex;width:100%;margin-bottom:1.25rem}.picker-seg button{flex:1;min-inline-size:0;padding-inline:var(--space-2)}.picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.picker-card{position:relative;display:flex;align-items:flex-start;gap:.9rem;width:100%;text-align:start;padding:1.1rem;border:2px solid transparent;border-radius:var(--radius-card);background:var(--tile);font:inherit;color:var(--ink);cursor:pointer}.picker-card.is-chosen{border-color:var(--accent)}.picker-tick{position:absolute;top:-.7rem;inset-inline-end:-.4rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));color:var(--tile-active-ink);box-shadow:var(--shadow-md)}.picker-body{display:flex;flex-direction:column;gap:.45rem;flex:1;min-width:0}.picker-badge{align-self:flex-start;padding:.2rem .6rem;border-radius:999px;background:var(--card-2);font-size:var(--text-xs);color:var(--gold)}.picker-name{font-family:var(--font-name);font-size:var(--text-md);font-weight:700;color:var(--ink-strong)}.picker-desc{font-size:var(--text-sm);line-height:1.5;color:var(--ink-soft)}.picker-can{font-size:var(--text-xs);color:var(--muted)}.picker-preview{display:flex;flex-direction:column;gap:.35rem;flex:none;width:8rem;padding:.5rem;border-radius:8px;background:var(--page);direction:rtl;overflow:hidden}.pp-band{height:.5rem;border-radius:2px;border:1px solid var(--accent-line);background:var(--tile)}.pp-line{font-family:var(--font-quran);font-size:.6rem;line-height:2;color:var(--ink-strong);white-space:nowrap}.pp-line em{font-style:normal}.picker-preview.is-tajweed .tj-h{color:var(--tj-silent)}.picker-preview.is-tajweed .tj-m2{color:var(--tj-madd)}.picker-preview.is-tajweed .tj-g{color:var(--tj-ghunnah)}.picker-missing{margin-top:1.75rem;padding:1rem 1.1rem;border-radius:var(--radius-card);background:var(--card-2)}.picker-missing h3{font-family:var(--font-name);font-size:var(--text-sm);font-weight:700;color:var(--ink-soft);margin:0 0 .6rem}.picker-missing ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.picker-missing li{font-size:var(--text-xs);line-height:1.6;color:var(--muted)}.picker-missing strong{color:var(--ink)}.mindex-edition{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .35rem;margin-bottom:.5rem;border:0;background:none;font:inherit;font-size:var(--text-sm);color:var(--gold);cursor:pointer}[data-theme=mushaf][data-mode=dark]{color-scheme:dark;--bg: #17120c;--card: #1f1810;--card-2: #251d13;--tile: #2d2216;--tile-active-a: #b8974f;--tile-active-b: #8d6e37;--tile-active-ink: #000000;--pill: #241c13;--page: #1a140d;--gold: #d8b871;--leaf: var(--accent);--accent: #d8b871;--accent-deep: #ecd299;--accent-soft: #6b5730;--accent-line: #33291a;--on-accent: #17120c;--ink: #e9ddc5;--ink-strong: #f8f1e1;--ink-soft: #c3b294;--muted: #9b8c70;--divider: #2c2318;--play-a: #d8b871;--play-b: #a8873f;--on-play: #1a1408;--ready: #6cbb90;--warn: #e0975c;--shadow-rgb: 0 0 0;--pattern-opacity: .07}[data-theme=isha]{--pattern-size: 64px 64px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23000' stroke-width='0.7'%3E%3Cpath d='M0 32H64'/%3E%3Cpath d='M0 0V32M32 0V32'/%3E%3Cpath d='M16 32V64M48 32V64'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;--bg: #eceef2;--card: #ffffff;--card-2: #f5f7fa;--tile: #e0e4ea;--tile-active-a: #2b3444;--tile-active-b: #1b2230;--tile-active-ink: #eef1f6;--pill: #f1f3f7;--page: #ffffff;--gold: #3d4b63;--leaf: var(--accent);--accent: #4a5b76;--accent-deep: #2b3648;--accent-soft: #b9c2d1;--accent-line: #dde2ea;--on-accent: #f7f9fc;--ink: #232b39;--ink-strong: #11161f;--ink-soft: #3f4a5c;--muted: #5c6879;--divider: #e4e8ee;--play-a: #4a5b76;--play-b: #2b3648;--on-play: #f4f7fb;--ready: #2f7d5b;--warn: #9a5a22;--shadow-rgb: 30 44 70;--pattern-opacity: .035}[data-theme=isha][data-mode=dark]{color-scheme:dark;--bg: #07080b;--card: #0d0f14;--card-2: #12151b;--tile: #191d25;--tile-active-a: #c9d2e0;--tile-active-b: #97a3b6;--tile-active-ink: #05070a;--pill: #12151b;--page: #090b0f;--gold: #c3cddd;--leaf: var(--accent);--accent: #c3cddd;--accent-deep: #e6ecf6;--accent-soft: #4a5568;--accent-line: #1b2029;--on-accent: #07080b;--ink: #dfe5ef;--ink-strong: #f6f8fc;--ink-soft: #b3bccb;--muted: #8a93a4;--divider: #191d25;--play-a: #c3cddd;--play-b: #8e9aae;--on-play: #06080b;--ready: #7fc7a4;--warn: #e0a35c;--shadow-rgb: 0 2 8;--pattern-opacity: .075}[data-theme=kiswah]{--pattern-size: 48px 48px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='%23000' stroke-width='0.8'%3E%3Cpath d='M0 24 24 0 48 24 24 48Z'/%3E%3Cpath d='M24 12 36 24 24 36 12 24Z'/%3E%3C/g%3E%3Ccircle cx='24' cy='24' r='1.4' fill='%23000'/%3E%3C/svg%3E");color-scheme:light;--bg: #f2f0ea;--card: #fbfaf7;--card-2: #f5f3ed;--tile: #e7e2d3;--tile-active-a: #2e2b25;--tile-active-b: #141310;--tile-active-ink: #d9bb66;--pill: #eeece3;--page: #fdfcf8;--gold: #8a6c18;--leaf: var(--accent);--accent: #8a6c18;--accent-deep: #5c4710;--accent-soft: #cbb87e;--accent-line: #e2dcc4;--on-accent: #ffffff;--ink: #201e19;--ink-strong: #100f0c;--ink-soft: #4a4740;--muted: #6b675b;--divider: #e4e0d2;--play-a: #2c2925;--play-b: #141310;--on-play: #d9bb66;--ready: #3f7a58;--warn: #a1622c;--shadow-rgb: 40 36 24;--pattern-opacity: .032}[data-theme=kiswah][data-mode=dark]{color-scheme:dark;--bg: #000000;--card: #0b0b0a;--card-2: #121210;--tile: #1a1813;--tile-active-a: #c9a227;--tile-active-b: #8e6f14;--tile-active-ink: #000000;--pill: #121210;--page: #080807;--gold: #c9a227;--leaf: var(--accent);--accent: #c9a227;--accent-deep: #eac75a;--accent-soft: #6a5619;--accent-line: #241f0e;--on-accent: #0a0903;--ink: #eee7d4;--ink-strong: #fffaef;--ink-soft: #c3b998;--muted: #8e8770;--divider: #1d1b14;--play-a: #c9a227;--play-b: #8f7016;--on-play: #000000;--ready: #62b98a;--warn: #dd9a4f;--shadow-rgb: 0 0 0;--pattern-opacity: .1}[data-theme=lapis]{--pattern-size: 64px 64px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23000' stroke-width='0.8'%3E%3Ccircle cx='0' cy='0' r='32'/%3E%3Ccircle cx='64' cy='0' r='32'/%3E%3Ccircle cx='0' cy='64' r='32'/%3E%3Ccircle cx='64' cy='64' r='32'/%3E%3Ccircle cx='32' cy='32' r='32'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;--bg: #e7edf9;--card: #ffffff;--card-2: #f0f4fb;--tile: #dbe6f7;--tile-active-a: #23508f;--tile-active-b: #143462;--tile-active-ink: #f6ecd2;--pill: #eaf0fa;--page: #ffffff;--gold: #24568f;--leaf: var(--accent);--accent: #24568f;--accent-deep: #163a68;--accent-soft: #a9c3e8;--accent-line: #d3e1f5;--on-accent: #ffffff;--ink: #17223a;--ink-strong: #0b1526;--ink-soft: #3c507a;--muted: #4f6690;--divider: #dee7f6;--play-a: #e6cd92;--play-b: #c6a253;--on-play: #2a2008;--ready: #2e7d5b;--warn: #b06a2a;--shadow-rgb: 20 40 80;--pattern-opacity: .032}[data-theme=lapis][data-mode=dark]{color-scheme:dark;--bg: #0a1324;--card: #101d33;--card-2: #14243d;--tile: #1b2f4d;--tile-active-a: #d8b871;--tile-active-b: #a8873f;--tile-active-ink: #0d1526;--pill: #14243d;--page: #0c1729;--gold: #86b0e6;--leaf: var(--accent);--accent: #86b0e6;--accent-deep: #b4d0f5;--accent-soft: #3c5b8b;--accent-line: #1d3253;--on-accent: #0a1324;--ink: #dae6f8;--ink-strong: #f1f6ff;--ink-soft: #a9bcd8;--muted: #8296b5;--divider: #1a2c48;--play-a: #d8b871;--play-b: #a8873f;--on-play: #10182a;--ready: #6cbb90;--warn: #dd9a4f;--shadow-rgb: 0 4 16;--pattern-opacity: .09}[data-theme=zellij]{--pattern-size: 32px 32px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cpath id='c' d='M-2.5-7H2.5V-2.5H7V2.5H2.5V7H-2.5V2.5H-7V-2.5H-2.5Z'/%3E%3C/defs%3E%3Cg fill='%23000'%3E%3Crect x='9' y='9' width='14' height='14'/%3E%3Crect x='9' y='9' width='14' height='14' transform='rotate(45 16 16)'/%3E%3Cuse href='%23c'/%3E%3Cuse href='%23c' x='32'/%3E%3Cuse href='%23c' y='32'/%3E%3Cuse href='%23c' x='32' y='32'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;--bg: #eaf3f1;--card: #ffffff;--card-2: #f1f8f6;--tile: #d7ece8;--tile-active-a: #0f8a86;--tile-active-b: #095f5c;--tile-active-ink: #ffffff;--pill: #eaf4f2;--page: #fdfefd;--gold: #0d7d79;--leaf: var(--accent);--accent: #0d7d79;--accent-deep: #075350;--accent-soft: #9fd4cf;--accent-line: #cdeae5;--on-accent: #ffffff;--ink: #16302d;--ink-strong: #0a1a18;--ink-soft: #3c5a57;--muted: #567270;--divider: #dcece8;--play-a: #e79f68;--play-b: #c86f3c;--on-play: #2b1509;--ready: #0d7d79;--warn: #c05f28;--shadow-rgb: 10 45 43;--pattern-opacity: .032}[data-theme=zellij][data-mode=dark]{color-scheme:dark;--bg: #061513;--card: #0b201e;--card-2: #0f2926;--tile: #143430;--tile-active-a: #38b7b0;--tile-active-b: #1d7a75;--tile-active-ink: #000000;--pill: #0f2926;--page: #081917;--gold: #3ec0b8;--leaf: var(--accent);--accent: #3ec0b8;--accent-deep: #75dbd4;--accent-soft: #1c5551;--accent-line: #123330;--on-accent: #04120f;--ink: #d5ecea;--ink-strong: #eefaf9;--ink-soft: #a2c4c1;--muted: #7a9c99;--divider: #12302d;--play-a: #e79f68;--play-b: #b9642f;--on-play: #190c04;--ready: #3ec0b8;--warn: #e0904f;--shadow-rgb: 0 10 9;--pattern-opacity: .09}[data-theme=rawdah]{--pattern-size: 40px 58px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='58'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M6 50A28 28 0 0 1 20 25.75A28 28 0 0 1 34 50'/%3E%3Cpath d='M6 50V56M34 50V56'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;--bg: #eef5f0;--card: #ffffff;--card-2: #f2f8f4;--tile: #e2f0e8;--tile-active-a: #17472c;--tile-active-b: #0d2e1c;--tile-active-ink: #b9f0d1;--pill: #eef6f1;--page: #fefffd;--gold: #1f5c3b;--leaf: var(--accent);--accent: #1f5c3b;--accent-deep: #123c26;--accent-soft: #bfe4cf;--accent-line: #d8ebe0;--on-accent: #f5fff9;--ink: #16261d;--ink-strong: #0c1712;--ink-soft: #3f5a4a;--muted: #54705f;--divider: #e2ede6;--play-a: #1d5236;--play-b: #123c26;--on-play: #c9f4dc;--ready: #1f5c3b;--warn: #b3592a;--shadow-rgb: 20 55 38;--pattern-opacity: .032}[data-theme=rawdah][data-mode=dark]{color-scheme:dark;--bg: #08150e;--card: #0d2015;--card-2: #11291b;--tile: #173322;--tile-active-a: #d8b871;--tile-active-b: #a8873f;--tile-active-ink: #0b1a11;--pill: #11291b;--page: #0a1a11;--gold: #63b183;--leaf: var(--accent);--accent: #63b183;--accent-deep: #93d2ab;--accent-soft: #2c5a3e;--accent-line: #14301f;--on-accent: #08150e;--ink: #d7ecdd;--ink-strong: #eefaf1;--ink-soft: #a5c5b0;--muted: #7d9c88;--divider: #142d1d;--play-a: #d8b871;--play-b: #a8873f;--on-play: #0d1a10;--ready: #63b183;--warn: #dd9a4f;--shadow-rgb: 0 10 5;--pattern-opacity: .09}[data-theme=vellum]{--pattern-size: 96px 6px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='6'%3E%3Cg stroke='%23000' fill='none'%3E%3Cpath d='M0 3H96' stroke-width='0.5'/%3E%3Cpath d='M3 0V6' stroke-width='0.9'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;--bg: #e9dfc7;--card: #f6efdc;--card-2: #f1e8d1;--tile: #e2d5b6;--tile-active-a: #a33b2a;--tile-active-b: #7d2a1d;--tile-active-ink: #fbf4e6;--pill: #eee5cd;--page: #f9f3e3;--gold: #9c3826;--leaf: var(--accent);--accent: #9c3826;--accent-deep: #74271a;--accent-soft: #d3a396;--accent-line: #e0cdae;--on-accent: #fbf4e6;--ink: #3c3125;--ink-strong: #261e15;--ink-soft: #5f5140;--muted: #766650;--divider: #ddd0b2;--play-a: #c9a961;--play-b: #a8863c;--on-play: #241a07;--ready: #4b7a52;--warn: #9c3826;--shadow-rgb: 90 70 40;--pattern-opacity: .032}[data-theme=vellum][data-mode=dark]{color-scheme:dark;--bg: #141009;--card: #1d180f;--card-2: #231d13;--tile: #2b2317;--tile-active-a: #b84a34;--tile-active-b: #85301f;--tile-active-ink: #f8eee3;--pill: #231d13;--page: #171209;--gold: #d97a5e;--leaf: var(--accent);--accent: #d97a5e;--accent-deep: #f0a48b;--accent-soft: #6d3325;--accent-line: #30251a;--on-accent: #1a0f0a;--ink: #e7dbc3;--ink-strong: #f7eeda;--ink-soft: #bfae90;--muted: #96866b;--divider: #2a2216;--play-a: #c9a961;--play-b: #987a35;--on-play: #1a1206;--ready: #6cbb90;--warn: #e08a6c;--shadow-rgb: 0 0 0;--pattern-opacity: .07}[data-theme=tahajjud]{--pattern-size: 160px 160px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23000'%3E%3Ccircle cx='20' cy='30' r='1'/%3E%3Ccircle cx='90' cy='15' r='0.8'/%3E%3Ccircle cx='130' cy='60' r='1.2'/%3E%3Ccircle cx='50' cy='100' r='0.8'/%3E%3Ccircle cx='110' cy='130' r='1'/%3E%3Ccircle cx='145' cy='110' r='0.7'/%3E%3Ccircle cx='70' cy='60' r='0.6'/%3E%3C/g%3E%3Cg stroke='%23000' stroke-width='0.6'%3E%3Cpath d='M20 24V36M14 30H26'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;--bg: #f3ece8;--card: #fffbf8;--card-2: #f8f1ec;--tile: #f0e2d8;--tile-active-a: #bd6c3a;--tile-active-b: #93502a;--tile-active-ink: #fff3e6;--pill: #f5ede6;--page: #fffdfa;--gold: #a8552a;--leaf: var(--accent);--accent: #a8552a;--accent-deep: #7c3d1a;--accent-soft: #e3bfa0;--accent-line: #ecdccb;--on-accent: #fff8f2;--ink: #3a2a22;--ink-strong: #241811;--ink-soft: #5e483c;--muted: #7a6255;--divider: #ecdfd3;--play-a: #d68a52;--play-b: #9c5a2a;--on-play: #2c1608;--ready: #4b7a52;--warn: #b0722c;--shadow-rgb: 90 55 35;--pattern-opacity: .032}[data-theme=tahajjud][data-mode=dark]{color-scheme:dark;--bg: #0a0806;--card: #100d09;--card-2: #15110b;--tile: #1c1710;--tile-active-a: #a87536;--tile-active-b: #7a5222;--tile-active-ink: #000000;--pill: #15110b;--page: #0c0906;--gold: #d99a4e;--leaf: var(--accent);--accent: #d99a4e;--accent-deep: #f0b878;--accent-soft: #6a4a25;--accent-line: #241c12;--on-accent: #0a0806;--ink: #e8d5b8;--ink-strong: #f7e9cf;--ink-soft: #c0aa8b;--muted: #8d7a5f;--divider: #221b12;--play-a: #d99a4e;--play-b: #a06f2c;--on-play: #0e0a04;--ready: #93b877;--warn: #e0904f;--shadow-rgb: 0 0 0;--pattern-opacity: .06}body,.app,.sheet,.player,.tabbar,.row,.numeral,.chip,.mslot{transition:background-color .32s var(--ease-out, ease),color .32s var(--ease-out, ease),border-color .32s var(--ease-out, ease)}@media(prefers-reduced-motion:reduce){body,.app,.sheet,.player,.tabbar,.row,.numeral,.chip,.mslot{transition:none}}:root{--glass-tint: 255 255 255;--glass-alpha: .62;--glass-blur: 20px;--glass-sat: 180%;--glass-edge-top: rgb(255 255 255 / .55);--glass-edge-bottom: rgb(var(--shadow-rgb) / .08);--glass-ring: rgb(var(--shadow-rgb) / .1)}[data-mode=dark]{--glass-tint: 26 26 28;--glass-alpha: .58;--glass-edge-top: rgb(255 255 255 / .14);--glass-edge-bottom: rgb(0 0 0 / .4);--glass-ring: rgb(255 255 255 / .08)}[data-theme=kiswah][data-mode=dark],[data-theme=tahajjud][data-mode=dark]{--glass-tint: 32 30 26;--glass-alpha: .66}.glass{position:relative;background:rgb(var(--glass-tint) / var(--glass-alpha));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-edge-top),inset 0 -1px 0 var(--glass-edge-bottom),0 0 0 .5px var(--glass-ring),0 10px 30px rgb(var(--shadow-rgb) / .18)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:rgb(var(--glass-tint) / .94)}}.dock{--tabs-h-rest: 3.6rem;--cap-h-rest: 3.4rem;--label-rest: .7rem;--tighten: 1;--tabs-h: var(--tabs-h-rest);--cap-h: var(--cap-h-rest);--label: var(--label-rest);position:fixed;inset-inline:0;bottom:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding-block:0 calc(var(--space-3) + env(safe-area-inset-bottom));padding-inline:max(var(--space-3),env(safe-area-inset-left)) max(var(--space-3),env(safe-area-inset-right));max-width:30rem;margin:0 auto;pointer-events:none}.dock>*{pointer-events:auto}.now-capsule{order:2;flex:1 1 100%;min-width:0;display:flex;align-items:center;gap:var(--space-2);height:var(--cap-h);padding-block:0;padding-inline:var(--space-3) var(--space-2);border:0;border-radius:var(--radius-pill);font:inherit;color:var(--ink-strong);cursor:pointer;overflow:hidden;transition:height var(--t-base) var(--ease-out)}.cap-art{width:2.4rem;height:2.4rem;border-radius:50%;flex:none;background-color:var(--tile);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--glass-ring)}.cap-text{flex:1;min-width:0;display:grid;text-align:start;line-height:1.25}.cap-title{font-family:var(--font-ar);font-size:1rem;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.32rem;margin-block:-.32rem}.cap-sub{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.14rem;margin-block:-.14rem}.cap-btn{width:2.75rem;height:2.75rem;flex:none;border:0;background:none;border-radius:50%;color:var(--ink-strong);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.cap-btn:active{transform:scale(.9)}.dock-tabs{order:3;flex:1 1 auto;min-width:0;display:flex;align-items:center;height:var(--tabs-h);padding:0 var(--space-1);border-radius:var(--radius-pill);overflow:hidden;transition:height var(--t-base) var(--ease-out)}.dock.is-tight{--tabs-h: calc(var(--tabs-h-rest) - .55rem * var(--tighten));--cap-h: calc(var(--cap-h-rest) - .45rem * var(--tighten));--label: calc(var(--label-rest) * (1 - var(--tighten)))}.dock-tab{display:grid;justify-items:center;gap:.1rem;flex:1 1 auto;min-width:0;max-width:6rem;padding:.4rem .5rem;border:0;background:none;border-radius:var(--radius-pill);color:var(--control-quiet);font:inherit;font-size:var(--label-rest);cursor:pointer;white-space:nowrap;overflow:hidden;touch-action:manipulation;transition:padding var(--t-slow) var(--ease-out),opacity var(--t-base) var(--ease-out),background-color var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out)}.dock-tab[aria-selected=true]{color:var(--ink-strong);background:rgb(var(--glass-tint) / .5)}.dock-tab span{font-size:var(--label);transition:font-size var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out)}.dock.is-tight .dock-tab span{opacity:calc(1 - var(--tighten))}.dock-circle{order:4;flex:none;width:3.6rem;height:3.6rem;border:0;border-radius:50%;color:var(--ink-strong);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.dock-circle:active,.dock-tab:active{transform:scale(.94)}.dock-circle-label{display:none}@media(prefers-reduced-motion:reduce){.dock{--tighten: 0}.now-capsule,.dock-tabs,.dock-tab,.dock-tab span{transition:none}.dock-circle:active,.dock-tab:active,.cap-btn:active{transform:none}}.cap-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:start;touch-action:manipulation}.cap-open:active{transform:scale(.98)}.is-native .tabbar,.is-native .dock{display:none}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:rgb(var(--shadow-rgb) / .28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in var(--t-base) var(--ease-out)}@keyframes scrim-in{0%{opacity:0}}.player{position:fixed;inset-inline:0;bottom:0;z-index:50;max-width:30rem;margin-inline:auto;animation:sheet-up var(--t-slow) var(--ease-out);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))}@keyframes sheet-up{0%{transform:translateY(18%);opacity:0}}@media(prefers-reduced-motion:reduce){.sheet-scrim,.player{animation:none}}.dock button,.now-capsule,.cap-title,.cap-sub,.dock-tab span,.dock-circle-label{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dock.is-scrolling .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgb(var(--glass-tint) / .88);transition:none}.dock .glass{will-change:transform;transition:background-color var(--t-base) var(--ease-out)}.cap-art[data-reciter=dosari]{background-position:50% 20%}.dock-tabs{flex:0 1 auto;margin-inline:auto}:root{--t-fast: .14s;--t-base: .22s;--t-slow: .32s;--ease-out: cubic-bezier(.22, .72, .24, 1);--ease-in: cubic-bezier(.55, 0, .85, .35);--ease-spring: cubic-bezier(.34, 1.4, .5, 1)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1.1rem;background:var(--bg);background-image:radial-gradient(circle at 50% 44%,var(--card),var(--bg) 66%)}.splash.is-leaving{animation:splash-out .4s var(--ease-in) forwards;pointer-events:none}@keyframes splash-out{to{opacity:0;transform:scale(1.05)}}.splash-mark{position:relative;border-radius:26%;overflow:hidden;animation:mark-in .9s var(--ease-spring) both;box-shadow:0 10px 34px #96783c29}.splash-mark img{display:block;width:168px;height:168px}@keyframes mark-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.splash-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.62) 50%,transparent 62%);transform:translate(-120%);animation:sheen 1s var(--ease-out) .62s both}@keyframes sheen{to{transform:translate(120%)}}.splash-alt{font-size:.72rem;color:var(--accent-deep);padding-inline-start:.3em;animation:alt-in .62s var(--ease-out) .76s both}@keyframes alt-in{0%{opacity:0;transform:translateY(8px)}}.row-main,.mini,.ctrl,.chip,.btn,.tab,.round,.due-row,.heat-cell,.mw.tap{transition:transform var(--t-fast) var(--ease-out),background-color var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out);touch-action:manipulation}.row-main:active,.due-row:active,.chip:active,.btn:active,.round:active{transform:scale(.975)}.ctrl:active,.mini:active{transform:scale(.9)}.ctrl.big:active{transform:scale(.93)}.heat-cell:active{transform:scale(.8)}.row{transition:background-color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.surah-list .row{content-visibility:auto;contain-intrinsic-size:auto var(--row-h, 2.6rem)}.heat-cell{content-visibility:auto}.scroll,.years-scroll,.player{scrollbar-width:none;-ms-overflow-style:none}.years-scroll,.player{scroll-behavior:smooth}.scroll::-webkit-scrollbar,.years-scroll::-webkit-scrollbar,.player::-webkit-scrollbar{width:0;height:0;display:none}.home,.panel,.surah-list,.mushaf,.hifz,.fork{animation:panel-in var(--t-slow) var(--ease-out)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.tab{position:relative}.tab[aria-selected=true]:after{content:"";position:absolute;bottom:-.3rem;left:50%;width:1.4rem;height:2px;border-radius:2px;background:var(--accent-deep);transform:translate(-50%) scaleX(0);animation:tab-underline var(--t-base) var(--ease-out) forwards}@keyframes tab-underline{to{transform:translate(-50%) scaleX(1)}}@media(prefers-reduced-motion:reduce){.splash-mark,.splash-alt,.splash-sheen,.home,.panel,.surah-list,.mushaf,.hifz,.fork,.eq,.ring,.dialog,.scrim,.toast,.player,.row.active:before,.row.active .numeral,.tab[aria-selected=true]:after{animation:none}.splash-sheen{display:none}.splash-mark,.splash-alt{opacity:1;transform:none}.tab[aria-selected=true]:after{transform:translate(-50%) scaleX(1)}.row-main:active,.due-row:active,.chip:active,.btn:active,.round:active,.ctrl:active,.mini:active,.heat-cell:active{transform:none}.years-scroll,.player{scroll-behavior:auto}}.player-handle{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.55rem 1.1rem .15rem;border:0;background:none;color:var(--accent-deep);font:inherit;cursor:pointer}.handle-bar{position:absolute;top:.35rem;left:50%;transform:translate(-50%);width:2.2rem;height:3px;border-radius:3px;background:var(--accent-line)}.player-handle svg{transition:transform var(--t-slow) var(--ease-out)}.player.is-min .player-handle svg{transform:rotate(180deg)}.mini-now{min-width:0;text-align:start;font-family:var(--font-ar);font-size:1.05rem;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;opacity:0;transition:max-width var(--t-slow) var(--ease-out),opacity var(--t-base) var(--ease-out)}.player.is-min .mini-now{flex:1 1 auto;max-width:100%;opacity:1}.player-fold{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--t-slow) var(--ease-out)}.player.is-min .player-fold{grid-template-rows:0fr}.player-fold-inner{overflow:hidden;min-height:0;transition:opacity var(--t-base) var(--ease-out)}.player.is-min .player-fold-inner{opacity:0;visibility:hidden}.player.is-min .controls{gap:.4rem;padding-top:.1rem}.player.is-min .controls-aux{max-height:0;padding:0;opacity:0;pointer-events:none;overflow:hidden}.player.is-min .controls .ctrl:not(.big):not(.keep-min){max-width:0;margin:0;padding:0;opacity:0;pointer-events:none;overflow:hidden}.controls .ctrl{max-width:4rem;transition:max-width var(--t-slow) var(--ease-out),opacity var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.ctrl.big{transition:width var(--t-slow) var(--ease-out),height var(--t-slow) var(--ease-out),transform var(--t-fast) var(--ease-out)}.player.is-min .ctrl.big{width:3rem;height:3rem}.player.is-min{display:flex;flex-wrap:wrap;align-items:center}.player.is-min .progress{order:0;width:100%;padding:0}.player.is-min .player-fold{order:1;width:100%}.player.is-min .player-handle{order:2;flex:1;min-width:0;justify-content:flex-start;padding-block:.35rem}.player.is-min .controls{order:3;flex:none;width:auto;padding-block:.25rem .35rem;padding-inline:0 .9rem}.player.is-min .track{height:3px;border-radius:0}.player.is-min .knob{opacity:0}.player.is-min .times{display:none}.player.is-min .handle-bar{opacity:0}.player.is-min .progress .mushaf-note,.player.is-min .times .badge{display:none}@media(prefers-reduced-motion:reduce){.player-fold,.player-fold-inner,.player-handle svg,.mini-now,.controls .ctrl,.ctrl.big{transition:none}}@keyframes mark-appear{0%{opacity:0;transform:scale(.7)}}.eq,.ring{animation:mark-appear var(--t-fast) var(--ease-out)}.numeral{transition:color var(--t-base) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}}.dialog{animation:dialog-in var(--t-base) var(--ease-out)}.scrim{animation:scrim-in var(--t-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast{animation:toast-in var(--t-base) var(--ease-out)}.cap-btn,.cap-open,.dock-circle,.dock-tab,.home-round,.face-cell,.seg button,.year,.theme-card,.toast-x,.see-all,.place{transition:transform var(--t-fast) var(--ease-out),opacity var(--t-fast) var(--ease-out),background-color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.home-round:active,.toast-x:active{transform:scale(.94)}.face-cell:active,.seg button:active{transform:scale(.96)}.year:active,.theme-card:active,.place:active{transform:scale(.985)}.see-all:active{opacity:.6}@media(prefers-reduced-motion:reduce){.home-round:active,.toast-x:active,.face-cell:active,.seg button:active,.year:active,.theme-card:active,.place:active{transform:none}.see-all:active{opacity:1}}@keyframes sheet-down{to{opacity:0;transform:translateY(14%)}}.player.is-leaving{animation:sheet-down var(--t-base) var(--ease-in) forwards;pointer-events:none}@keyframes scrim-out{to{opacity:0}}.sheet-scrim.is-leaving{animation:scrim-out var(--t-fast) var(--ease-in) forwards;pointer-events:none}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}.player-top,.controls{animation:rise-in var(--t-base) var(--ease-out) 60ms both}@media(prefers-reduced-motion:reduce){.player.is-leaving,.sheet-scrim.is-leaving,.player-top,.controls{animation:none}}.splash-alt.trk{letter-spacing:.3em;text-transform:uppercase}::view-transition-old(root){animation:screen-out .18s var(--ease-out) both}::view-transition-new(root){animation:screen-in var(--t-base) var(--ease-out) both}@keyframes screen-out{to{opacity:0}}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.home .face-grid li{animation:face-in var(--t-slow) var(--ease-out) both}.home .face-grid li:nth-child(2){animation-delay:40ms}.home .face-grid li:nth-child(3){animation-delay:80ms}.home .face-grid li:nth-child(4){animation-delay:.12s}.home .face-grid li:nth-child(5){animation-delay:.16s}.home .face-grid li:nth-child(n+6){animation-delay:.2s}@keyframes face-in{0%{opacity:0;transform:translateY(8px) scale(.96)}20%{opacity:1}}.resume{animation:face-in var(--t-slow) var(--ease-out) both}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.home .face-grid li,.resume{animation:none}}@media(max-width:23.5rem){.dock.is-tight .cap-text{display:none}.cap-art{width:2rem;height:2rem}.dock-circle{width:3.1rem;height:3.1rem}.heat{grid-template-columns:repeat(14,1fr)}}@media(max-height:30rem){.mpage-head,.mpage-foot{display:none}.mushaf:not(.is-immersive) .mpages{height:88dvh}.player{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}.medallion{width:3.2rem;height:3.2rem}.player-top{gap:var(--space-2)}.label,.reciter-en,.reciter-riwayah{display:none}.ctrl.big{width:3.2rem;height:3.2rem}.reciters{padding-bottom:var(--space-1)}.chip-meta{display:none}}@media(hover:hover)and (pointer:fine){.row:hover{background:var(--card-2)}.row-main:hover .name-ar{color:var(--ink-strong)}.mini:hover,.ctrl:hover,.round:hover,.cap-btn:hover,.dock-circle:hover{color:var(--ink-strong);background:rgb(var(--shadow-rgb) / .06)}.dock-tab:hover:not([aria-selected=true]){color:var(--ink-strong)}.chip:hover,.theme-card:hover,.due-row:hover{box-shadow:var(--shadow-sm)}.heat-cell:hover{outline:1.5px solid var(--accent);outline-offset:1px}.mw.tap:hover{background:var(--tile)}.track:hover .knob{--knob-scale: 1.25}}@media(min-width:30rem){.app{max-width:36rem}}@media(min-width:40rem){.app{max-width:34rem}.name-plain{font-size:.86rem}}@media(min-width:48rem){.app{max-width:42rem}.dock-tab{font-size:.72rem}}@media(min-width:64rem){.app{max-width:68rem;display:grid;grid-template-columns:15rem minmax(0,1fr);grid-template-areas:"rail main";align-items:stretch;gap:var(--space-4);padding-inline:var(--space-4)}.sheet{grid-area:main;margin:var(--space-4) 0;max-width:46rem;margin-inline:auto;width:100%}.dock{grid-area:rail;position:static;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--space-3);padding:var(--space-4) 0;max-width:none;margin:0}.dock-tabs{order:1;flex:none;flex-direction:column;align-items:stretch;height:auto;padding:var(--space-2);border-radius:var(--radius-lg)}.dock-tab{grid-auto-flow:column;grid-template-columns:1.6rem 1fr;justify-items:start;align-items:center;gap:var(--space-2);max-width:none;padding:.7rem var(--space-3);font-size:.9rem;border-radius:var(--radius-sm)}.dock.is-tight .dock-tab:not([aria-selected=true]){max-width:none;padding-inline:var(--space-3);opacity:1}.dock.is-tight .dock-tab span{display:block}.dock.is-tight .dock-tabs{flex-grow:0}.now-capsule,.dock.is-tight .now-capsule{order:2;flex:none;--cap-basis: auto;height:auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg)}.cap-open{grid-column:1 / -1}.cap-open{flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);margin-bottom:var(--space-1)}.cap-art{width:8rem;height:8rem;border-radius:var(--radius-md)}.cap-text{text-align:center;width:100%}.cap-title{font-size:1.15rem;white-space:normal}.now-capsule .cap-btn{width:100%;height:2.8rem;border-radius:var(--radius-sm);background:rgb(var(--shadow-rgb) / .05)}.dock-circle{order:3;width:100%;height:3.2rem;border-radius:var(--radius-sm);grid-auto-flow:column;grid-template-columns:1.6rem 1fr;justify-items:start;align-items:center;gap:var(--space-2);padding-inline:var(--space-3)}.dock-circle-label{display:block;font-size:.9rem}.player{inset-inline-start:auto;inset-inline-end:auto;max-width:40rem}.scroll{padding-bottom:var(--space-4)}.mpage,.paged-mushaf{max-width:34rem;margin-inline:auto}.theme-grid{grid-template-columns:repeat(3,1fr)}.heat{grid-template-columns:repeat(44,1fr)}}@media(min-width:90rem){.app{max-width:76rem}}.dock-tab:focus-visible,.dock-circle:focus-visible,.cap-open:focus-visible,.cap-btn:focus-visible,.theme-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home{display:flex;flex-direction:column;gap:1.65rem;padding:.25rem 0 1rem;min-inline-size:0;overflow-x:clip}.home-head,.home-section,.resume{min-inline-size:0}.home-head{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:.5rem;padding-inline:.15rem}.home-mark{justify-self:start;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--accent-line);box-shadow:var(--shadow-sm);overflow:hidden}.home-mark img{inline-size:100%;block-size:100%;object-fit:cover}.home-brand{margin:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;line-height:1.15;text-align:center}.home-brand-main{font-family:var(--font-ar);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;color:var(--ink-strong)}.home-brand-alt{font-size:var(--text-xs);font-weight:600;color:var(--gold)}.home-brand-alt .trk{letter-spacing:.1em;text-transform:uppercase}.trk-sep{margin-inline:.4em}.home-round{justify-self:end;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--card);color:var(--ink-soft);box-shadow:var(--shadow-sm)}.home-round:active{background:var(--card-2)}:root{--hero-photo-blend: multiply;--hero-photo-opacity: .3;--hero-photo-filter: contrast(1.05) saturate(.92);--hero-photo-reach: 56%}[data-mode=dark]{--hero-photo-blend: screen;--hero-photo-opacity: .19;--hero-photo-filter: brightness(.9) contrast(1.15) saturate(.85)}[data-theme=kiswah][data-mode=dark],[data-theme=tahajjud][data-mode=dark]{--hero-photo-opacity: .13;--hero-photo-filter: brightness(.74) contrast(1.2) saturate(.8);--hero-photo-reach: 52%}[data-theme=vellum]{--hero-photo-opacity: .25}[data-theme=lapis],[data-theme=zellij],[data-theme=rawdah]{--hero-photo-filter: contrast(1.06) saturate(.62)}.resume{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-card);background:linear-gradient(155deg,var(--card),var(--card-2));border:1px solid var(--accent-line);box-shadow:var(--shadow-md)}.resume-art{position:absolute;inset-block:0;inset-inline-end:0;inline-size:62%;z-index:0;pointer-events:none;background-size:cover;background-position:center;mix-blend-mode:var(--hero-photo-blend);opacity:var(--hero-photo-opacity);filter:var(--hero-photo-filter);-webkit-mask-image:linear-gradient(to left,#000 0%,#000 22%,transparent var(--hero-photo-reach));mask-image:linear-gradient(to left,#000 0%,#000 22%,transparent var(--hero-photo-reach))}[dir=rtl] .resume-art{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 22%,transparent var(--hero-photo-reach));mask-image:linear-gradient(to right,#000 0%,#000 22%,transparent var(--hero-photo-reach))}@supports not (mix-blend-mode: multiply){.resume-art{display:none}}@media(forced-colors:active){.resume-art{display:none}}.resume-body{position:relative;z-index:1;padding:1.4rem 1.35rem 1.5rem;max-inline-size:62%}.resume:has(.resume-empty) .resume-body{max-inline-size:100%}.resume:has(.resume-empty) .resume-art{opacity:calc(var(--hero-photo-opacity) * .5)}.resume-label{margin:0 0 .5rem;font-size:var(--text-sm);color:var(--ink-soft)}.resume-surah{margin:0;font-family:var(--font-quran);font-size:var(--text-lg);line-height:1.35;color:var(--ink-strong)}.resume-where{margin:.35rem 0 0;font-size:var(--text-sm);color:var(--ink-soft)}.resume-empty{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--ink-soft)}.resume-go{margin-block-start:1.15rem;padding:.72rem 1.9rem;border:0;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--play-a),var(--play-b));color:var(--on-play);font-family:inherit;font-size:var(--text-sm);font-weight:700;box-shadow:0 2px 10px rgb(var(--shadow-rgb) / .18);transition:transform .12s ease}.resume-go:active{transform:scale(.97)}.home-section{display:flex;flex-direction:column;gap:1.1rem}.home-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.home-section-head h2{margin:0;font-family:var(--font-ar);font-size:var(--text-lg);font-weight:700;color:var(--ink-strong)}.see-all{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem .1rem;border:0;background:none;font-family:inherit;font-size:var(--text-sm);font-weight:650;color:var(--gold)}.see-all svg{transform:rotate(-90deg)}[dir=rtl] .see-all svg{transform:rotate(90deg)}.face-grid{--face-gap: .8rem;list-style:none;margin:0;padding:0 .4rem;display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem var(--face-gap);justify-items:center}.face-grid li{grid-column:span 2;inline-size:100%;max-inline-size:6rem}.face-cell{display:flex;flex-direction:column;align-items:center;gap:.55rem;inline-size:100%;padding:0;border:0;background:none;font-family:inherit;color:inherit;text-align:center}.face-round{inline-size:100%;aspect-ratio:1;border-radius:var(--radius-pill);border:2.5px solid var(--card);box-shadow:0 0 0 1.5px var(--accent),var(--shadow-sm);background-color:var(--tile);background-size:cover;background-position:center;background-repeat:no-repeat}.face-round.is-empty{display:grid;place-items:center;background-image:none}.face-cell-name{font-family:var(--font-name);font-size:var(--text-xs);line-height:1.35;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-block:.3em;margin-block:-.3em}.face-cell-tag{margin-block-start:-.3rem;font-size:var(--text-xs);line-height:1.3;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-round:focus-visible,.resume-go:focus-visible,.see-all:focus-visible,.face-cell:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-xs)}@media(prefers-reduced-motion:reduce){.resume-go{transition:none}.resume-go:active{transform:none}}@media(max-width:360px){.resume-body{max-inline-size:70%;padding:1.2rem 1.1rem 1.3rem}.resume-art{inline-size:54%}.face-grid li{max-inline-size:4.9rem}}@media(min-width:560px){.resume-body{padding:1.7rem 1.6rem 1.8rem}.face-grid{gap:1.5rem 1.4rem}}.credit{margin:.9rem 0 0;font-size:var(--text-xs);line-height:1.5;color:var(--ink-soft)}.credit a{color:var(--gold)}.everyone{display:flex;flex-direction:column;gap:1rem}.everyone-head{margin:.4rem 0 0;font-family:var(--font-ar);font-size:var(--text-md);font-weight:700;color:var(--ink-strong)}.everyone .search{margin:0 .4rem}.face-cell.is-on .face-round{box-shadow:0 0 0 2px var(--accent-deep),var(--shadow-sm)}.face-cell.is-on .face-cell-name{color:var(--ink-strong);font-weight:650}.face-cell-part{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--gold)}.places{display:flex;flex-direction:column;gap:.6rem}.place{display:flex;align-items:center;gap:.85rem;padding:.8rem .9rem;border:1px solid var(--accent-line);border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--card),var(--card-2));box-shadow:var(--shadow-sm);font-family:inherit;color:inherit;text-align:start;inline-size:100%}.place.is-on{border-color:var(--accent-soft)}.place-faces{display:flex;flex:0 0 auto}.place-face{inline-size:2.1rem;block-size:2.1rem;border-radius:var(--radius-pill);border:2px solid var(--card);background-color:var(--tile);background-size:cover;background-position:center}.place-face+.place-face{margin-inline-start:-.75rem}.place-text{display:flex;flex-direction:column;gap:.1rem;min-inline-size:0;flex:1 1 auto}.place-name{font-family:var(--font-name);font-size:var(--text-sm);font-weight:600;color:var(--ink-strong)}.place-meta{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.place-go{display:grid;place-items:center;flex:0 0 auto;color:var(--gold);transform:rotate(-90deg)}[dir=rtl] .place-go{transform:rotate(90deg)}.place.is-open .place-go,[dir=rtl] .place.is-open .place-go{transform:rotate(0)}.place:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ob{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:var(--bg);overflow-y:auto}.ob-sheet{inline-size:100%;max-inline-size:26rem;display:flex;flex-direction:column;gap:1.25rem}.ob-kicker{margin:0 0 .35rem;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.ob[dir=rtl] .ob-kicker{letter-spacing:normal;text-transform:none}.ob-title{margin:0 0 .3rem;font-family:var(--font-name);font-size:var(--text-xl);line-height:1.3;color:var(--ink-strong)}.ob-sub{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--muted)}.ob-body{min-block-size:17rem}.ob-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ob-option{inline-size:100%;min-block-size:52px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--card);font-family:var(--font-name);font-size:var(--text-sm);color:var(--ink-soft);text-align:start;touch-action:manipulation}.ob-option:active{background:var(--card-2)}.ob-option.is-on{border-color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent-deep) inset;color:var(--ink-strong)}.ob-tall{min-block-size:62px}.ob-option-name{font-size:var(--text-sm)}.ob-option-note{font-size:.72rem;color:var(--muted);line-height:1.4}.ob-modes{list-style:none;margin:0 0 1.1rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.ob-mode{inline-size:100%;min-block-size:48px;padding:.5rem .3rem;border:1px solid var(--accent-line);border-radius:var(--radius-xs);background:var(--card);font-family:inherit;font-size:.78rem;color:var(--ink-soft);touch-action:manipulation}.ob-mode:active{background:var(--card-2)}.ob-mode.is-on{border-color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent-deep) inset;color:var(--ink-strong)}.ob-label{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.ob-swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.45rem}.ob-swatch{inline-size:100%;min-block-size:60px;padding:.45rem;display:flex;align-items:center;gap:.5rem;border:1px solid var(--accent-line);border-radius:var(--radius-xs);background:var(--card);font-family:var(--font-name);font-size:.75rem;color:var(--ink-soft);text-align:start;touch-action:manipulation}.ob-swatch:active{background:var(--card-2)}.ob-swatch.is-on{border-color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent-deep) inset;color:var(--ink-strong)}.ob-chip{flex:none;inline-size:1.7rem;block-size:1.7rem;border-radius:var(--radius-xs);border:1px solid;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 3px;overflow:hidden}.ob-chip span{display:block;block-size:3px;border-radius:2px}.ob-swatch-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ob-dots{display:inline-flex;gap:.3rem}.ob-dots span{inline-size:6px;block-size:6px;border-radius:var(--radius-pill);background:var(--accent-line)}.ob-dots span.is-on{background:var(--gold)}.ob-actions{display:inline-flex;align-items:center;gap:.5rem}.ob-back{min-block-size:48px;padding:.5rem .7rem;border:0;background:none;font-family:inherit;font-size:.8rem;color:var(--muted);touch-action:manipulation}.ob-back:active{opacity:.6}.ob-next{min-block-size:48px;padding:.6rem 1.3rem;border:0;border-radius:var(--radius-pill);background:linear-gradient(160deg,var(--tile-active-a),var(--tile-active-b));font-family:var(--font-name);font-size:.9rem;color:var(--tile-active-ink);box-shadow:var(--shadow-sm);touch-action:manipulation}.ob-next:active{transform:translateY(1px)}.ob-back:focus-visible,.ob-next:focus-visible,.ob-option:focus-visible,.ob-mode:focus-visible,.ob-swatch:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){.ob-next:active{transform:none}}