@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2)format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-arabic-600-normal-CPKvAnd1.woff2)format("woff2"),url(/assets/vazirmatn-arabic-600-normal-CWYTfCgi.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/vazirmatn-arabic-800-normal-Bwnt96zj.woff2)format("woff2"),url(/assets/vazirmatn-arabic-800-normal-BH12s3-y.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2)format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff)format("woff")}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}@font-face{font-family:Neirizi;src:url(/fonts/neirizi.woff2)format("woff2");font-display:swap}:root{--bg:#f6f1e7;--surface:#fffcf6;--surface-2:#efe8da;--ink:#1c2723;--muted:#5b6863;--line:#e2d9c7;--jade:#1d5a4b;--jade-ink:#174a3e;--on-jade:#f6f1e7;--on-jade-muted:#cfe0d8;--gold:#c9a55a;--gold-line:#b08a3e8c;--selected:#e3ece6;--danger:#9b2c2c;--shadow:0 1px 2px #1c27230f, 0 8px 24px #1c27230f;--radius:18px;--ar-font:"Neirizi", "Amiri Quran", serif;--ui-font:"Vazirmatn", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ar-thin:0px}:root[data-ar-weight=light]{--ar-thin:calc(var(--ar-size,28px) * .0055)}:root[data-ar-weight=lighter]{--ar-thin:calc(var(--ar-size,28px) * .009)}.mushaf .ayah,.ayah-card .ar,.basmala,.hero-ayah{-webkit-text-stroke:var(--ar-thin) var(--ar-bg,var(--bg))}:root[data-theme=dark]{--bg:#101714;--surface:#17211d;--surface-2:#1e2a25;--ink:#ece5d6;--muted:#a6b0a9;--line:#2a3732;--jade:#276b58;--jade-ink:#86c9b2;--on-jade:#f6f1e7;--on-jade-muted:#cfe0d8;--gold:#d2ae63;--gold-line:#d2ae6366;--selected:#1f3a31;--danger:#f0a3a3;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--gold-line) transparent}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:6px}::-webkit-scrollbar-button{display:none}html,body{background:var(--bg);color:var(--ink);font-family:var(--ui-font);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.7}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--jade-ink);outline-offset:2px}a{color:var(--jade-ink)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}#root{max-width:560px;min-height:100dvh;margin:0 auto}.muted{color:var(--muted)}.small{font-size:13px}.screen{padding:0 16px calc(104px + env(safe-area-inset-bottom))}.tab-header,.screen-header{min-height:64px;padding-top:env(safe-area-inset-top);align-items:center;gap:8px;display:flex}.tab-header h1,.screen-header h1{flex:1;margin:0;font-size:22px;font-weight:700}.header-actions{gap:4px;display:flex}.icon-btn{width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;font-size:22px;display:inline-grid}.icon-btn:active{background:var(--surface-2)}.btn{background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--jade);color:var(--on-jade)}.btn.quiet{color:var(--jade-ink);background:0 0;padding:0 10px}.link-btn{color:var(--jade-ink);text-align:start;min-height:44px;font-weight:600}.link-btn.strong{font-size:15px}.home-top{padding:calc(40px + env(safe-area-inset-top)) 8px 26px;margin-bottom:8px;position:relative}.mihrab{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brand{justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.brand-name{color:var(--jade-ink);margin:0;font-size:24px;font-weight:800;line-height:1.3}.brand-tagline{color:var(--muted);margin:0;font-size:13px}.hero{--ar-bg:var(--jade);background:var(--jade);color:var(--on-jade);box-shadow:var(--shadow);border-radius:24px;padding:22px 20px 20px}.hero-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hero-clock{color:var(--on-jade-muted);white-space:nowrap;font-size:12px}.hero-eyebrow{color:var(--on-jade-muted);margin:0;font-size:13px}.hero-title{margin:2px 0 0;font-size:19px;font-weight:600;line-height:1.5}.hero-meta{color:var(--on-jade-muted);margin:2px 0 0;font-size:14px}.hero-ayah{font-family:var(--ar-font);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 4px;font-size:22px;line-height:2;display:-webkit-box;overflow:hidden}.hero-ahead{width:100%;color:var(--on-jade);text-align:start;background:#ffffff1a;border-radius:12px;margin-top:8px;padding:8px 12px;font-size:13px;display:block}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.hero-btn{background:var(--on-jade);width:100%;min-height:52px;color:var(--jade-ink);margin-top:14px;font-size:17px}:root[data-theme=dark] .hero-btn{color:#174a3e}.hero-actions .hero-btn{white-space:nowrap;flex:140px;margin-top:0}.hero-btn-quiet{min-height:52px;color:var(--on-jade);background:#ffffff1f;flex:120px}.hero-today{margin-top:16px}.hero-today+.hero-progress{margin-top:12px}.bar.today span{background:var(--on-jade)}.plan-prompt{border-radius:var(--radius);background:var(--surface);border:1px dashed var(--gold-line);text-align:start;width:100%;color:var(--ink);align-items:center;gap:10px;margin-top:14px;padding:12px 16px;display:flex}.plan-prompt>svg{color:var(--muted)}.chip-btn{background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:40px;padding:0 14px;font-size:14px}.chip-btn.on{background:var(--selected);border-color:var(--jade-ink);color:var(--jade-ink);font-weight:600}.stepper .clock{min-width:56px;font-weight:600}.notice{background:var(--surface-2);border-radius:14px;margin:0;padding:10px 14px;font-size:14px}.done{flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.done-lead{color:var(--jade-ink);margin:0;font-size:18px;font-weight:700}.week-card{gap:6px;margin-top:4px}.week-dots{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.week-dot{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);border-radius:50%;place-items:center;font-size:13px;display:grid}.week-dot.on{background:var(--jade);border-color:var(--jade);color:var(--on-jade)}.week-dot.future{opacity:.6;border-style:dashed}.month-grid{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:12px;display:grid}.month-head{text-align:center;color:var(--muted);font-size:12px}.month-day{aspect-ratio:1;border-radius:10px;place-items:center;font-size:13px;display:grid}.month-day.on{background:var(--selected);color:var(--jade-ink);font-weight:700}.month-day.today{outline:1.5px solid var(--gold);outline-offset:-1.5px}.hero-progress{border-top:1px solid #f6f1e729;margin-top:18px;padding-top:14px}.hero-progress-row{color:var(--on-jade-muted);justify-content:space-between;font-size:12px;display:flex}.bar{background:var(--surface-2);border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.bar.on-jade{background:#f6f1e72e}.bar span{background:var(--gold);border-radius:inherit;height:100%;display:block}.stat-row{gap:10px;display:flex}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;flex:1;gap:2px;padding:14px 16px;display:flex}.stat-num{color:var(--jade-ink);font-size:26px;font-weight:800;line-height:1.2}.stat-label{color:var(--muted);font-size:13px}.khatm-card{margin-top:0}.home-section{margin-top:26px}.section-label{color:var(--muted);margin:0 4px 8px;font-size:13px;font-weight:600}.note-card{background:var(--surface);border:1px solid var(--line);text-align:start;border-radius:22px;flex-direction:column;gap:8px;width:100%;padding:16px 18px;display:flex}.small-ayah{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding-bottom:10px;display:flex}.small-ayah .note-ar{font-family:var(--ar-font);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:1.9;display:-webkit-box;overflow:hidden}.small-ayah .note-fa{color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.note-card .note-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-meta{color:var(--muted);font-size:12px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.note-ayah{background:var(--surface-2);border-radius:14px;margin:6px 0 4px;padding:8px 12px}.note-ar{font-family:var(--ar-font);text-align:justify;text-align-last:center;margin:0;font-size:22px;line-height:2}.note-fa{color:var(--muted);text-align:justify;text-align-last:center;margin:2px 0 0;font-size:14px}.card{text-align:start;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:4px;width:100%;margin-top:14px;padding:14px 16px;display:flex}.card-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.search-launch{margin-top:calc(16px + env(safe-area-inset-top));background:var(--surface);border:1px solid var(--line);width:100%;min-height:48px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:0 14px;display:flex}.search-field input{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:100%;min-height:48px;padding:0 14px;font-size:16px}.segmented{background:var(--surface-2);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{min-height:40px;color:var(--muted);border-radius:10px;flex:1;font-weight:600}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.list{margin:8px 0 0;padding:0;list-style:none}.list.grouped{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list.cards{flex-direction:column;display:flex}.list>li+li .row{border-top:1px solid var(--line)}.list.grouped .row{padding:0 14px}.list.cards>li+li .row{border-top:0}.row{text-align:start;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 2px;display:flex}.row-with-action{align-items:center;display:flex}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{font-weight:600}.row-sub{color:var(--muted);font-size:13px}.row-sub.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.row-ar{font-family:var(--ar-font);color:var(--jade-ink);font-size:20px}.row-icon{color:var(--jade-ink);display:inline-grid}.num-badge{border:1px solid var(--gold-line);width:36px;height:36px;color:var(--jade-ink);border-radius:50%;flex:none;place-items:center;font-size:13px;display:inline-grid}.section-title{color:var(--muted);margin:18px 0 0;font-size:14px;font-weight:600}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.snippet mark{background:var(--selected);color:var(--jade-ink);border-radius:4px;padding:0 2px}.jump{color:var(--jade-ink);font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}select,input[type=number],textarea{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:44px;padding:8px 12px;font-size:16px}textarea{resize:vertical;width:100%}.tabbar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);z-index:10;border-radius:999px;gap:4px;width:min(360px,100% - 32px);padding:5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #141e1a1f}:root[data-theme=dark] .tabbar{box-shadow:0 10px 30px #0006}.tab{min-height:48px;color:var(--muted);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.tab svg{flex:none}.tab{position:relative}.tab.on{background:var(--selected);color:var(--jade-ink)}.tab.on:after{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.tab:not(.on):active{background:var(--surface-2)}@media (prefers-reduced-motion:reduce){.tab{transition:none}}.reader{flex-direction:column;height:100dvh;display:flex}.reader-bar{padding:env(safe-area-inset-top) 8px 0;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:2px;min-height:60px;display:flex}.reader-pos{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.reader-pos strong{font-size:16px}.reader-pos span{color:var(--muted);font-size:12px}.chip-bar{align-items:center;gap:4px;padding:8px 12px 0;display:flex}.chip{text-align:start;background:var(--selected);color:var(--jade-ink);border-radius:14px;flex:1;padding:10px 14px;font-size:14px;font-weight:600}.icon-btn.small{width:40px;height:40px}.reader-body{overscroll-behavior:contain;flex:1;padding:12px 18px 24px;overflow-y:auto}.mushaf{font-family:var(--ar-font);font-size:var(--ar-size);text-align:justify;text-align-last:center;margin:8px 0 0;line-height:2.25}.ayah{cursor:pointer;border-radius:8px;transition:background-color .2s}.mushaf .ayah.selected,.mushaf .ayah.flash{--ar-bg:var(--selected);background:var(--selected)}.mushaf .ayah.last-read{text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:.45em;text-decoration-thickness:2px}.ayah-num{font-family:var(--ar-font);color:var(--jade-ink);white-space:nowrap;position:relative}.ayah-mark{background:var(--gold);vertical-align:super;border-radius:50%;width:6px;height:6px;margin-inline-end:2px;display:inline-block}.ayah-pair{border-bottom:1px solid var(--line);padding:4px 0 10px}.ayah-pair:last-child{border-bottom:0}.ayah-pair .mushaf{margin:4px 0 0}.pair-fa,.ayah-card .fa,.page-translation li{text-align:justify;text-align-last:center}.pair-fa{font-size:var(--fa-size);border-radius:8px;margin:0;line-height:1.9}.pair-fa.selected,.pair-fa.flash{background:var(--selected)}.page-translation{border-top:1px solid var(--line);font-size:var(--fa-size);margin:16px 0 8px;padding:14px 0 0;line-height:1.9;list-style:none}.page-translation li{margin:0 -6px;padding:4px 6px}.page-translation li.selected,.page-translation li.flash{background:var(--selected)}.tr-num{color:var(--jade-ink);font-weight:700}.ayah-card{--ar-bg:var(--surface);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);margin-top:10px;padding:14px 16px}.ayah-card.selected,.ayah-card.flash{--ar-bg:var(--selected);border-color:var(--jade-ink);background:var(--selected)}.ayah-card.last-read{border-inline-start:4px solid var(--gold)}.ayah-card .ar{font-family:var(--ar-font);font-size:var(--ar-size);margin:0;line-height:2.2}.ayah-card .fa{font-size:var(--fa-size);color:var(--ink);margin:8px 0 0;line-height:1.9}.surah-start{text-align:center;flex-direction:column;align-items:center;gap:2px;margin:14px 0 4px;display:flex}.surah-start .surah-intro{align-self:stretch}.surah-frame{border:1px solid var(--gold-line);min-width:70%;font-family:var(--ar-font);color:var(--jade-ink);border-radius:999px;justify-content:center;padding:6px 24px;font-size:22px;display:inline-flex}.surah-intro{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font-size:14px}.surah-intro p{margin:4px 0}.basmala{font-family:var(--ar-font);font-size:calc(var(--ar-size) * .95);margin:6px 0 0;line-height:2}.source-line{text-align:left;color:var(--muted);margin:20px 0 0;font-size:10.5px}.tafsir{font-size:15px;line-height:2}.tafsir-title{color:var(--jade-ink);margin:0 0 8px;font-weight:700}.tafsir-h{color:var(--jade-ink);margin:14px 0 6px;font-size:15px;font-weight:700}.tafsir-sep{border:0;border-top:1px solid var(--line);width:40%;margin:14px auto}.tafsir-para{text-align:justify;margin:0 0 10px}.clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tafsir-topics{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.tafsir-topics li{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px}.tafsir-notes{color:var(--muted);margin-bottom:8px;font-size:13px}.tafsir-notes summary{cursor:pointer;min-height:36px}.small-skeleton{height:120px}.tadabbur{flex-direction:column;gap:12px;padding-top:8px;display:flex}.tadabbur-pos{text-align:center;margin:0}.tadabbur-ar{font-family:var(--ar-font);font-size:calc(var(--ar-size) * 1.15);text-align:center;-webkit-text-stroke:var(--ar-thin) var(--bg);cursor:pointer;margin:0;line-height:2.2}.tadabbur-fa{font-size:calc(var(--fa-size) + 1px);text-align:center;margin:0;line-height:2}.tadabbur-tafsir{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:12px 14px}.tadabbur-nav{justify-content:space-between;display:flex}.player{border-top:1px solid var(--line);background:var(--surface);align-items:center;gap:2px;padding:6px 8px;display:flex}.player .icon-btn.play{background:var(--jade);color:var(--on-jade);border-radius:50%}.player-label{flex-direction:column;flex:1;min-width:0;padding-inline-start:6px;line-height:1.4;display:flex}.player-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.player-label span{color:var(--muted);font-size:12px}.mushaf .ayah.playing,.ayah-card.playing,.pair-fa.playing{--ar-bg:var(--selected);background:var(--selected);box-shadow:inset 0 -2px 0 var(--gold)}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{background:var(--surface);border:1px solid var(--line);text-align:start;border-radius:14px;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;display:flex}.choice.on{border-color:var(--jade-ink);background:var(--selected);color:var(--jade-ink);font-weight:600}.pager{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;display:flex}.pager-num{color:var(--muted);font-size:13px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2));background-size:200% 100%;height:60vh;margin-top:16px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sheet-backdrop{z-index:20;background:#0a100e6b;justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:86dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) rise;display:flex}.sheet:focus{outline:none}.sheet-head{align-items:center;padding:10px 10px 0 8px;display:flex}.sheet-head h2{flex:1;margin:0;padding-inline-start:10px;font-size:17px}.sheet-body{padding:4px 16px 18px;overflow-y:auto}.sheet-translation{color:var(--muted);margin:0 0 8px;font-size:15px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.4;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.skeleton{animation:none}}.actions{flex-direction:column;display:flex}.action{text-align:start;border-bottom:1px solid var(--line);min-height:52px;color:var(--ink);align-items:center;gap:12px;display:flex}.action:last-child{border-bottom:0}.action svg{color:var(--jade-ink);flex:none}.form{flex-direction:column;gap:16px;display:flex}.form.padded,.prose.padded{padding-top:4px}.field{flex-direction:column;gap:8px;display:flex}.field>span,.field>label{font-size:14px;font-weight:600}.field input[type=range]{width:100%;accent-color:var(--jade)}.switch-row,.stepper-row{justify-content:space-between;align-items:center;min-height:48px;font-size:14px;font-weight:600;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--jade)}.stepper{background:var(--surface-2);border-radius:12px;align-items:center;gap:6px;display:flex}.stepper span{text-align:center;min-width:28px}.inline-fields{flex-wrap:wrap;gap:8px;display:flex}.inline-fields select{flex:160px}.inline-fields input{flex:0 96px;min-width:0}.pick-row{flex-wrap:wrap;gap:8px;display:flex}.picker{background:var(--surface);border:1px solid var(--line);text-align:start;min-width:0;min-height:56px;color:var(--ink);border-radius:14px;flex:140px;align-items:center;gap:10px;padding:6px 12px;display:flex}.picker>svg{color:var(--muted)}.picker-main{flex-direction:column;flex:1;line-height:1.5;display:flex}.num-badge.small{width:32px;height:32px;font-size:12px}.ayah-stepper{border-radius:14px;flex:none;min-height:56px;padding:0 4px}.ayah-input{text-align:center;background:0 0;border:0;width:48px;min-height:44px;padding:0;font-size:17px;font-weight:600}.picker-search{background:var(--bg);padding-bottom:8px;display:block;position:sticky;top:0}.picker-list .row.picked{color:var(--jade-ink)}.picker-list .row.picked .num-badge{background:var(--jade);color:var(--on-jade);border-color:var(--jade)}.juz-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.juz-btn{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:44px}.juz-btn.on{background:var(--jade);color:var(--on-jade);border-color:var(--jade)}.mini-notes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mini-notes li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 12px}.mini-notes p{white-space:pre-wrap;margin:0}.prose h2{margin:18px 0 4px;font-size:17px}.prose p{margin:6px 0}.toast-region{inset:auto 0 calc(88px + env(safe-area-inset-bottom));pointer-events:none;z-index:30;justify-content:center;display:flex;position:fixed}.toast{background:var(--ink);max-width:calc(100% - 32px);color:var(--bg);border-radius:14px;padding:10px 16px;font-size:14px}.splash-title{color:var(--jade-ink);margin:0;font-size:22px;font-weight:800}.splash-btn{min-width:240px;text-decoration:none}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px;display:flex}.tab-intro{margin:-4px 0 14px}.group-card{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.group-card .card-label{margin:0}.group-card .btn{align-self:flex-start}.group-card p{margin:0}.group-title{color:var(--jade-ink);font-size:17px;font-weight:600}.group-progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.group-progress span{background:var(--jade);border-radius:999px;min-width:4px;height:100%;display:block}.group-actions{margin-top:14px}.live-badge{color:var(--jade-ink);margin-top:4px;font-size:12px;font-weight:600;display:inline-block}.live-badge:before{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.juz-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:4px;display:grid}.juz{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;font-size:15px}.juz.taken{background:var(--surface-2);color:var(--muted)}.juz.late{background:var(--surface-2);color:var(--muted);border-style:dashed;border-color:var(--gold)}.juz.mine{background:var(--selected);border-color:var(--jade);color:var(--jade-ink);font-weight:700}.juz.done{background:var(--jade);border-color:var(--jade);color:var(--on-jade)}.juz-legend{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.juz-key{border:1px solid var(--line);background:var(--surface);border-radius:4px;width:12px;height:12px;display:inline-block}.juz-key.mine{background:var(--selected);border-color:var(--jade)}.juz-key.taken{background:var(--surface-2)}.juz-key.done{background:var(--jade);border-color:var(--jade)}.invite-link{background:var(--surface-2);overflow-wrap:anywhere;text-align:left;border-radius:10px;padding:8px 10px;font-size:13px}.group-footer{flex-direction:column;align-items:flex-start;gap:8px;margin:18px 0 24px;display:flex}.btn.danger{color:var(--danger)}.group-bar{background:var(--selected);color:var(--jade-ink);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:0 16px 8px;padding:8px 12px;display:flex}.group-bar-label{font-size:14px;font-weight:600}.group-bar-done{align-items:center;gap:4px;font-size:14px;display:inline-flex}.small-btn{min-height:38px;padding:0 14px;font-size:14px}.live-status{background:var(--selected);color:var(--jade-ink);border-radius:12px;justify-content:space-between;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.live-pos{text-align:center;margin:8px 0 0}.live-body{max-height:52vh;margin-top:10px;padding:4px 2px;overflow-y:auto}.live-basmala{text-align:center;display:block}.live-fa{text-align:justify;text-align-last:center;margin:10px 0 0;line-height:2}.live-controls{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0 24px;display:flex}.ayah-image{flex-direction:column;align-items:stretch;gap:12px;display:flex}.ayah-image img{border:1px solid var(--line);border-radius:12px;width:100%}