@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2) format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2) format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-latin-400-normal-Dajb6q3W.woff2) format("woff2")}:root{--fs: 1;--bg: #0c1f2a;--bg-glow: #12333f;--surface: #122c38;--surface-2: #183946;--ink: #f2eadb;--ink-soft: #d6cdbd;--muted: #a9b5b6;--accent: #86cfc8;--accent-strong: #a5ddd7;--accent-ink: #082a30;--accent-soft: #1b4450;--gold: #e4c27e;--gold-soft: #5d4b26;--line: #23444f;--shadow: 0 1px 2px rgb(0 0 0 / .25), 0 16px 36px -16px rgb(0 0 0 / .55);--warn-bg: #3a2b1a;--warn-ink: #f3d2aa;--tabbar-bg: rgb(14 36 46 / .97);--fav: #f29a97;--font-ui: "Noto Naskh Arabic", "Amiri", "Segoe UI", Tahoma, sans-serif;--font-quran: "Amiri", "Noto Naskh Arabic", serif;--radius: 24px;--tabbar-h: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}:root[data-theme=light]{--bg: #f6efe2;--bg-glow: #f1dfbd;--surface: #fffaf1;--surface-2: #f5ecdc;--ink: #17313b;--ink-soft: #3d535b;--muted: #5f6b6f;--accent: #1f6f73;--accent-strong: #175a5e;--accent-ink: #ffffff;--accent-soft: #e2efec;--gold: #8c6418;--gold-soft: #e7cf9c;--line: #e8dcc6;--shadow: 0 1px 2px rgb(23 49 59 / .05), 0 12px 32px -12px rgb(23 49 59 / .18);--warn-bg: #fbeee0;--warn-ink: #7a3f12;--tabbar-bg: rgb(255 250 241 / .97);--fav: #c0504d;color-scheme:light}@media(prefers-color-scheme:light){:root[data-theme=auto]{--bg: #f6efe2;--bg-glow: #f1dfbd;--surface: #fffaf1;--surface-2: #f5ecdc;--ink: #17313b;--ink-soft: #3d535b;--muted: #5f6b6f;--accent: #1f6f73;--accent-strong: #175a5e;--accent-ink: #ffffff;--accent-soft: #e2efec;--gold: #8c6418;--gold-soft: #e7cf9c;--line: #e8dcc6;--shadow: 0 1px 2px rgb(23 49 59 / .05), 0 12px 32px -12px rgb(23 49 59 / .18);--warn-bg: #fbeee0;--warn-ink: #7a3f12;--tabbar-bg: rgb(255 250 241 / .97);--fav: #c0504d;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html{font-size:calc(16px * var(--fs));-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(120% 60% at 50% -10%,var(--bg-glow) 0%,transparent 70%);background-attachment:fixed;color:var(--ink);font-family:var(--font-ui);line-height:1.75;text-rendering:optimizeLegibility}a{color:var(--accent)}.brand-lockup{display:flex;align-items:center;gap:.4em;color:var(--gold);font-family:var(--font-quran)}.brand-lockup svg{width:1.1em;height:1.3em;flex-shrink:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:.88rem}.block{display:block}.app{max-width:560px;margin:0 auto;min-height:100dvh}.main{padding:max(16px,env(safe-area-inset-top,0px)) 16px calc(var(--tabbar-h) + var(--safe-bottom) + 28px);outline:none}.screen{display:flex;flex-direction:column;gap:18px}.page-header{display:flex;align-items:center;gap:10px;padding:10px 2px 2px}.page-header h1{margin:0;font-size:1.6rem;font-weight:600;line-height:1.4}.page-sub{margin:2px 0 0;color:var(--muted);font-size:.95rem}.back-link{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.home-header{padding:14px 2px 0}.home-greeting{margin:0;color:var(--gold);font-size:.95rem}.home-title{margin:0;font-size:1.75rem;font-weight:600;line-height:1.4}.season-line{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;min-height:40px;margin:-8px 0 -6px;padding:4px;border:0;background:none;color:var(--gold);font:inherit;font-size:.95rem;text-align:start}.season-star{font-size:.8rem}.season-cta{color:var(--accent-strong);font-size:.88rem}button.season-line[aria-pressed=true] .season-cta{opacity:.6}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.message{position:relative;padding:26px 22px 12px;overflow:hidden}.message:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}.message-kind{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:.9rem;font-weight:600;letter-spacing:0}.kind-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 18%,transparent)}.message-text{margin:14px 0 10px;font-size:1.32rem;line-height:2.05;color:var(--ink);overflow-wrap:anywhere}.message-text.quran{font-family:var(--font-quran);font-size:1.72rem;line-height:2.25;text-align:center}.message-text.poetry{font-family:var(--font-quran);font-size:1.32rem;line-height:2.1;text-align:center;white-space:pre-line}.orn{color:var(--gold);font-family:var(--font-quran);padding-inline:.2em}.message-source{margin:0 0 14px;color:var(--ink-soft);font-size:.98rem}.is-quran .message-source{text-align:center}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none}.is-quran .chips{justify-content:center}.chip{display:inline-flex;align-items:center;min-height:38px;padding:2px 14px;border-radius:999px;border:1px solid transparent;background:var(--accent-soft);color:var(--accent-strong);font-size:.9rem;text-decoration:none}button.chip{border-color:var(--line);background:transparent;color:var(--ink-soft)}button.chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.reflection{margin-top:8px;border-top:1px dashed var(--line)}.reflection-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 2px;border:0;background:none;color:var(--accent-strong);font-weight:600}.reflection-caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease;margin-inline-end:6px}[aria-expanded=true] .reflection-caret{transform:translateY(2px) rotate(-135deg)}.reflection-body{margin:0 0 12px;padding:4px 14px;border-inline-start:3px solid var(--gold-soft);color:var(--ink-soft);font-size:1.05rem;line-height:1.95}.dhikr{display:block;width:100%;margin:0 0 10px;padding:10px 4px 2px;border:0;border-top:1px dashed var(--line);border-radius:0;background:none;color:var(--ink-soft);font:inherit;font-size:.98rem;line-height:1.95;text-align:start;cursor:copy;-webkit-tap-highlight-color:transparent}.reflection+.dhikr{margin-top:-2px}.is-quran .dhikr{text-align:center}.dhikr-intro{color:var(--gold);font-weight:600}.dhikr-intro:after{content:":"}.dhikr-text.quran{font-family:var(--font-quran);font-size:1.1rem}.dhikr-src{display:inline-block;margin-inline-start:2px;color:var(--muted);font-size:.76rem;line-height:1.6}.dhikr.is-lit{animation:dhikr-lit 1.8s ease-out}@keyframes dhikr-lit{0%{background:color-mix(in srgb,var(--gold-soft) 60%,transparent)}to{background:transparent}}.message-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:6px -10px 0;padding-top:6px;border-top:1px solid var(--line)}.icon-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;border:0;border-radius:16px;background:none;color:var(--ink-soft);font-size:.85rem}.icon-btn:active{background:var(--surface-2)}.icon-btn.is-on{color:var(--fav)}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:18px;font-weight:600;font-size:1.05rem;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 24px -14px var(--accent)}.btn-primary:active{background:var(--accent-strong)}.btn-secondary{width:100%;margin-top:6px;background:var(--surface-2);border-color:var(--line);color:var(--ink)}.btn-ghost{background:none;color:var(--ink-soft)}.link-btn{min-height:44px;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.next-btn{width:100%}.empty{text-align:center;color:var(--ink-soft)}.empty p{margin:4px 0}.empty-icon{width:36px;height:36px;color:var(--gold)}.skeleton{min-height:320px;background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:300% 100%;animation:shimmer 1.6s ease-in-out infinite}.quick-moods h2{margin:4px 2px 10px;font-size:1.1rem;font-weight:600}.mood-strip{display:flex;flex-wrap:wrap;gap:8px}.mood-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none}.mood-pill.more{color:var(--accent)}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none}.mood-card{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:96px;height:100%;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);text-decoration:none}.mood-label{font-size:1.15rem;font-weight:600;line-height:1.5}.mood-themes{color:var(--muted);font-size:.82rem;line-height:1.6}.theme-list,.item-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.theme-row,.item-row,.nav-card{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 18px;border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.theme-name{flex:1;font-size:1.12rem;font-weight:600}.item-row-chev{flex:none;color:var(--muted);width:20px;height:20px}.item-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.item-row-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1.05rem;line-height:1.9}.item-row-text.quran{font-family:var(--font-quran);font-size:1.22rem}.item-row-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:.85rem}.item-row-kind{color:var(--gold);font-weight:600}.nav-card{justify-content:space-between}.settings-card{display:flex;flex-direction:column;gap:14px}.section-title{margin:0;font-size:1.15rem;font-weight:600}.field{display:flex;flex-direction:column;gap:8px}.field-label{color:var(--ink-soft);font-size:.95rem}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.segmented button{min-height:44px;border:0;border-radius:12px;background:none;color:var(--ink-soft)}.segmented button.is-on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000001f}.preview-text{margin:0;padding:10px 14px;border-radius:14px;background:var(--surface-2);text-align:center;font-family:var(--font-quran);font-size:1.5rem;line-height:2}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.switch-row p{margin:2px 0 0}.switch{position:relative;flex:none;width:58px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);transition:background .2s ease}.switch:after{content:"";position:absolute;inset:-8px}.switch-knob{position:absolute;top:3px;inset-inline-start:3px;width:26px;height:26px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0000004d;transition:inset-inline-start .2s ease}.switch.is-on{background:var(--accent);border-color:var(--accent)}.switch.is-on .switch-knob{inset-inline-start:27px}.note{margin:0;padding:10px 14px;border-radius:14px;background:var(--surface-2);color:var(--ink-soft);font-size:.92rem;line-height:1.8}.note.warn{background:var(--warn-bg);color:var(--warn-ink)}.notify-options{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;min-width:0}.notify-options:disabled{opacity:.55}.chips.toggles{gap:8px}.season-field{padding-top:14px;border-top:1px solid var(--line)}.sub-switch{padding-inline-start:14px;color:var(--ink-soft)}.switch.small{width:46px;height:28px}.switch.small .switch-knob{width:20px;height:20px}.switch.small.is-on .switch-knob{inset-inline-start:21px}.switch:disabled{opacity:.5}.sheet{width:min(520px,100%);max-width:100%;margin:auto auto 0;padding:0;border:0;border-radius:28px 28px 0 0;background:var(--surface);color:var(--ink);box-shadow:0 -10px 40px #00000040}.sheet::backdrop{background:#08182073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet[open]{animation:sheet-in .32s ease-out}.sheet-body{padding:26px 22px calc(22px + var(--safe-bottom));text-align:center}.sheet-body h2{margin:10px 0 6px;font-size:1.35rem}.sheet-body p{margin:6px 0;line-height:1.9}.sheet-glow{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 70%);color:var(--gold)}.sheet-glow svg{width:30px;height:30px}.sheet-actions{display:flex;flex-direction:column;gap:6px;margin-top:16px}.prose h2{margin:0 0 8px;font-size:1.2rem}.prose p{margin:6px 0;line-height:1.95}.prose ul{margin:6px 0;padding-inline-start:1.2em;line-height:1.95}.prose li{margin-bottom:4px}.tabbar{position:fixed;inset:auto 0 0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);max-width:560px;margin:0 auto;padding:6px 6px calc(6px + var(--safe-bottom));background:var(--tabbar-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}@media(min-width:561px){.tabbar{bottom:12px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:56px;border-radius:14px;color:var(--muted);text-decoration:none;font-size:12.5px;line-height:1.5}.tab svg{width:23px;height:23px}.tab.is-active{color:var(--accent-strong);font-weight:600}.tab.is-active svg{filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 45%,transparent))}.toast{position:fixed;inset-inline:16px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 22px);z-index:20;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:10px 18px;border-radius:14px;background:var(--ink);color:var(--bg);font-size:.95rem;text-align:center;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.is-shown{opacity:1;transform:none}.toast:empty{padding:0}.stage{animation:rise .5s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.credit{padding:10px 14px;border-radius:14px;background:var(--surface-2);font-family:Segoe UI,Roboto,Noto Naskh Arabic,sans-serif;font-size:.85rem;line-height:1.7;text-align:left;overflow-wrap:anywhere}.ayah-no{color:var(--gold);white-space:nowrap}.field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.auto-pill{padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;white-space:nowrap}.time-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.time-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.time-row.is-paused{opacity:.6}.time-name{display:flex;flex-direction:column;line-height:1.5;color:var(--ink);font-weight:600}.paused-tag{color:var(--muted);font-size:.8rem;font-weight:400}.time-row input[type=time]{min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.05rem;direction:ltr}.time-remove{width:44px;height:44px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:1.5rem;line-height:1}.time-remove:disabled{opacity:.35;cursor:default}.add-time{align-self:flex-start;min-height:44px;padding:0 12px;color:var(--accent)}.add-time:disabled{color:var(--muted);cursor:default}.personal-card{gap:4px}.personal-line{margin:0;color:var(--ink-soft)}.personal-card .link-btn{align-self:flex-start;padding:0}.personal-card .stats-switch{margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}.from-fav{margin-inline-start:6px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;font-weight:600}.message-evidence{margin:-8px 0 14px;font-size:.88rem}.is-quran .message-evidence{text-align:center}.message-evidence a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.share-sheet .sheet-body{display:flex;flex-direction:column;gap:12px}.share-sheet h2{margin:0}.share-preview-frame{display:grid;place-items:center}.share-preview{display:block;width:auto;max-width:100%;height:min(34vh,300px);border-radius:16px;box-shadow:var(--shadow)}.share-preview.skeleton{min-height:0;aspect-ratio:4 / 5}.share-scope{align-self:center;width:min(100%,280px)}.share-scope button{min-height:36px;font-size:.92rem}.share-style{align-self:center;width:min(100%,220px)}.share-style button{min-height:36px;font-size:.92rem}.share-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-choices .btn-secondary{margin-top:0}.share-close{align-self:center;text-decoration:none;color:var(--ink-soft)}:root{--player-h: 64px}.mini-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;flex-basis:100%}.mini-actions button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:2px 4px;border:0;border-radius:12px;color:var(--accent-strong);background:var(--accent-soft);font:inherit;font-size:.78rem;white-space:nowrap}.mini-actions button.is-on{color:var(--accent-ink);background:var(--accent)}.mini-actions svg{width:18px;height:18px;flex:none}.has-player .main{padding-bottom:calc(var(--tabbar-h) + var(--player-h) + var(--safe-bottom) + 34px)}.has-player .toast{bottom:calc(var(--tabbar-h) + var(--player-h) + var(--safe-bottom) + 28px)}.section-head{margin:0 0 10px;padding-inline:.2em;font-size:1.12rem;font-weight:600;color:var(--ink-soft)}.themes-head{margin:10px 0 -6px}.play-btn,.verse-play,.mini-btn,.big-play{flex:none;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%}.play-btn{width:42px;height:42px;background:var(--accent-soft);color:var(--accent-strong)}.play-btn.is-current{background:var(--accent);color:var(--accent-ink)}.play-btn svg,.mini-btn svg{width:20px;height:20px}.is-loading{animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.live-dot{display:inline-block;width:7px;height:7px;margin-inline-end:6px;border-radius:50%;background:#c0392b;vertical-align:.12em;box-shadow:0 0 #c0392b80;animation:live 2s ease-out infinite}@keyframes live{70%{box-shadow:0 0 0 6px #c0392b00}to{box-shadow:0 0 #c0392b00}}.verse-play{width:30px;height:30px;margin-inline-start:10px;vertical-align:middle;background:var(--accent-soft);color:var(--accent-strong)}.verse-play svg{width:15px;height:15px}.verse-play.is-current{background:var(--accent);color:var(--accent-ink)}.verse-progress,.mini-progress{height:2px;overflow:hidden;border-radius:2px;background:var(--line)}.verse-progress{width:min(70%,260px);margin:-8px auto 14px}.verse-progress span,.mini-progress span{display:block;height:100%;background:var(--accent);transform-origin:right;transition:transform .3s linear}.h-row{display:flex;gap:10px;margin:0 -16px;padding:2px 16px 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.h-row::-webkit-scrollbar{display:none}.h-row>li{flex:none;scroll-snap-align:start}.listen-section{display:flex;flex-direction:column}.message-actions .icon-btn{min-width:0;padding-inline:4px}.message-actions .icon-btn span{line-height:1.4;text-align:center}.listen-panel:not([hidden]),.radio-directory{display:flex;flex-direction:column;gap:24px;min-width:0}.listen-panel[hidden]{display:none}.listen-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.listen .reciter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}.listen .reciter-grid .reciter-card{width:100%;height:100%;min-height:100px;text-align:center;align-items:center;gap:8px;transition:border-color .15s ease}.listen .reciter-card:hover{border-color:var(--accent)}.reciter-count{color:var(--muted);font-size:.8rem}.listen-more{margin-top:16px;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--accent-strong);font-weight:600}.reciter .search{margin-bottom:16px}.listen .track-title,.radio-directory .track-title{overflow-wrap:anywhere}.listen .track-row{gap:8px;padding:10px}@media(min-width:700px){.listen .reciter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.radio-card{display:flex;align-items:center;gap:10px;max-width:230px;min-height:62px;padding:10px 12px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.radio-card.is-big{max-width:none;margin-bottom:12px;padding:18px;gap:14px;background:linear-gradient(160deg,var(--surface) 0%,var(--accent-soft) 140%)}.radio-card.is-big .play-btn{width:54px;height:54px;background:var(--accent);color:var(--accent-ink)}.radio-card.is-big .play-btn svg{width:24px;height:24px}.radio-text{display:flex;flex-direction:column;min-width:0}.radio-name{font-size:.95rem;line-height:1.6;font-weight:600}.radio-card.is-big .radio-name{font-size:1.15rem}.radio-sub{color:var(--muted);font-size:.85rem}.radio-fav{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-inline-start:auto;margin-inline-end:-6px;padding:0;border:0;border-radius:999px;background:none;color:var(--muted)}.radio-fav svg{width:20px;height:20px}.radio-fav:active{background:var(--surface-2)}.radio-fav.is-on{color:var(--fav)}.all-radios{display:flex;align-items:center;gap:4px;height:100%;min-height:62px;padding:0 16px;border-radius:20px;border:1px dashed var(--line);color:var(--accent-strong);font-size:.92rem;text-decoration:none;white-space:nowrap}.all-radios svg{width:18px;height:18px}.reciter-card{display:flex;flex-direction:column;justify-content:center;width:136px;min-height:92px;padding:12px 14px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);text-decoration:none}.reciter-name{font-family:var(--font-quran);font-size:1.08rem;font-weight:700;line-height:1.5}.reciter-years{margin-top:4px;color:var(--muted);font-size:.8rem}.reciter-bio{margin:-6px 0 0;padding-inline:.2em;color:var(--ink-soft);font-size:.95rem;line-height:1.9}.mini-card{display:flex;align-items:center;gap:10px;width:210px;min-height:70px;padding:10px 12px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.mini-card-text{display:flex;flex-direction:column;min-width:0}.mini-card-title{font-size:.95rem;font-weight:600;line-height:1.6}.mini-card-sub{color:var(--muted);font-size:.82rem}.track-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.track-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);text-decoration:none}.track-row.is-radio{background:linear-gradient(160deg,var(--surface) 0%,var(--accent-soft) 160%)}.track-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.track-title{font-size:1.02rem;font-weight:600;line-height:1.6}.track-meta{color:var(--muted);font-size:.84rem;line-height:1.6}.track-out{flex:none;color:var(--muted);font-size:1.1rem}.track-icon{flex:none;width:20px;height:20px;color:var(--muted)}.moments-note{margin:-8px 0 10px;padding-inline:.2em}.search{width:100%;min-height:48px;padding:10px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.listen-skeleton{min-height:220px}.mini-player{position:fixed;inset:auto 0 calc(var(--tabbar-h) + var(--safe-bottom));z-index:11;display:flex;align-items:center;gap:6px;max-width:560px;height:var(--player-h);margin:0 auto;padding:0 10px 0 8px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 18px -12px #00000059}@media(min-width:561px){.mini-player{bottom:calc(var(--tabbar-h) + 22px);border:1px solid var(--line);border-radius:18px;overflow:hidden}}.mini-progress{position:absolute;inset:0 0 auto;border-radius:0}.mini-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:6px 8px;border:0;background:none;text-align:start}.mini-title,.mini-sub{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-title{font-size:.98rem;font-weight:600;line-height:1.6}.mini-sub{color:var(--muted);font-size:.82rem;line-height:1.5}.mini-sub.is-error{color:var(--warn-ink)}.mini-btn{width:44px;height:44px;background:var(--accent);color:var(--accent-ink)}.mini-close{background:none;color:var(--muted)}.mini-reciter{flex:none;min-height:36px;padding:0 12px;border:1px solid var(--line, currentColor);border-radius:999px;background:none;color:var(--accent-strong);font:inherit;font-size:.85rem}.player-sheet .sheet-body{display:flex;flex-direction:column;gap:8px}.player-sheet h2{margin:0 0 6px;font-family:var(--font-quran);font-size:1.4rem;line-height:1.7}.player-artist{margin:0;color:var(--muted);font-size:.95rem}.player-error{margin:0;padding:8px 12px;border-radius:12px;background:var(--warn-bg);color:var(--warn-ink);font-size:.92rem}.seek input{width:100%;accent-color:var(--accent)}.seek-times{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.player-controls{display:flex;align-items:center;justify-content:center;gap:26px;margin:4px 0 8px}.big-play{width:68px;height:68px;background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow)}.big-play svg{width:30px;height:30px}.skip-btn{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-soft)}.skip-btn svg{width:34px;height:34px}.skip-btn span{position:absolute;font-size:.68rem;font-weight:600;line-height:1}.sleep{display:flex;flex-direction:column;gap:6px;margin-top:6px}.sleep-label{margin:0;color:var(--ink-soft);font-size:.92rem}.sleep-choices button{min-height:40px;padding:0 4px;font-size:.88rem}.sleep-choices .unit{font-size:.78rem}@media(prefers-reduced-motion:reduce){.is-loading,.live-dot{animation:none}.verse-progress span,.mini-progress span{transition:none}}.setting-link{width:100%;font:inherit;text-align:start;cursor:pointer}.city-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 0 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer}.city-row:disabled{opacity:.5;cursor:default}.adhkar-list .dhikr:first-child{border-top:0;padding-top:0}.change-reciter{min-height:32px;margin-inline-start:10px;padding:0 4px;font-size:.9rem}.reciter-sheet .sheet-body{display:flex;flex-direction:column;gap:10px;max-height:min(86vh,720px);max-height:min(86dvh,720px)}.reciter-sheet h2{margin:0}.reciter-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-inline:-8px;padding-inline:8px;text-align:start}.reciter-group h3{margin:12px 4px 6px;color:var(--muted);font-size:.9rem;font-weight:600}.reciter-group ul{margin:0;padding:0;list-style:none}.reciter-row{display:flex;align-items:center;gap:8px;border-radius:16px}.reciter-row.is-on{background:var(--accent-soft)}.reciter-pick{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;min-height:52px;padding:8px 12px;border:0;border-radius:16px;background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer}.reciter-name{font-size:1.04rem;font-weight:600}.reciter-style{color:var(--muted);font-size:.86rem}.reciter-tick{align-self:center;width:20px;height:20px;margin-inline-start:auto;color:var(--accent-strong)}.reciter-preview.play-btn{width:36px;height:36px;margin-inline-end:8px}.reciter-preview svg{width:16px;height:16px}.share-format button{min-height:38px;font-size:.9rem}.share-preview-frame.is-status .share-preview{height:min(38vh,360px)}.share-preview-frame.is-status .share-preview.skeleton{aspect-ratio:9 / 16}.status-video{display:flex;flex-direction:column;gap:10px}.status-bgs{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 8px;scrollbar-width:none}.status-bgs button{flex:0 0 auto;width:36px;height:64px;border:0;border-radius:9px;background:#0c1f2a center / cover no-repeat;opacity:.8}.status-bgs button.is-on{opacity:1;outline:3px solid var(--gold);outline-offset:2px}.status-frame{position:relative;align-self:center;height:min(38vh,360px);aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#050b12;box-shadow:var(--shadow)}.status-media{display:block;width:100%;height:100%;object-fit:contain}.status-media.skeleton{min-height:0}.share-sheet.is-preview-expanded{inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100%;border-radius:0;animation:none;overflow:hidden}.share-sheet.is-preview-expanded .sheet-body{height:100%;padding:calc(12px + var(--safe-top, 0px)) 12px calc(12px + var(--safe-bottom))}.share-sheet.is-preview-expanded .sheet-body>:not(.status-video),.share-sheet.is-preview-expanded .status-video>:not(.status-frame):not(.status-expand){display:none}.share-sheet.is-preview-expanded .status-video{height:100%;min-height:0}.share-sheet.is-preview-expanded .status-frame{flex:1;min-height:0;height:auto;width:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.status-expand{flex-shrink:0}.status-progress{position:absolute;inset:auto 0 0;padding:18px 14px 14px;background:linear-gradient(transparent,#000000bf);color:#fff;font-size:.9rem}.status-progress i{display:block;height:4px;margin-top:8px;border-radius:2px;background:#e4c27e;transform-origin:right;transition:transform .2s linear}.status-note,.status-hint{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.7}.status-text-preview{max-height:28vh;overflow:auto;margin:0;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);line-height:1.9;white-space:pre-line}.report-form{display:flex;flex-direction:column;gap:12px;text-align:start}.report-form h2{margin:0;text-align:center}.report-form p{margin:0}.report-type button{padding:4px 6px;font-size:.9rem;line-height:1.4}.report-text{width:100%;min-height:110px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;line-height:1.8;resize:vertical}.report-text:focus{outline:2px solid var(--accent);outline-offset:1px}.report-email .search[aria-invalid=true]{border-color:var(--warn-ink)}.report-email .search::placeholder{text-align:right}.report-about{padding:10px 14px;border-radius:14px;background:var(--surface-2);font-size:.92rem;line-height:1.8}.report-about-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.report-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}.share-report{align-self:center;min-height:36px;margin-top:-8px;color:var(--ink-soft);font-size:.82rem;opacity:.8}.about-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.about-action{display:grid;justify-items:center;gap:6px;padding:12px 6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--accent-strong);font:inherit;font-size:.82rem;text-align:center;text-decoration:none;cursor:pointer}.about-action svg{width:22px;height:22px}.about-action span{color:var(--ink)}.about-version{margin:4px 0 0;text-align:center}.item-list-more{display:block;margin:14px auto 0}.account-actions{display:flex;flex-wrap:wrap;gap:18px}.account-card .account-actions .link-btn{padding:0}.account-delete{color:var(--ink-soft)}.account-who{overflow-wrap:anywhere}.google-button{min-height:44px;max-width:100%;overflow:hidden;margin:4px 0;color-scheme:light}.native-google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid #747775;border-radius:24px;padding:10px 12px;background:#fff;color:#1f1f1f;font:inherit;font-size:.9rem;text-decoration:none;cursor:pointer;color-scheme:light}.native-google-button img{flex:none;background:#fff;border-radius:50%}.native-google-button:disabled{opacity:.6;cursor:wait}.dhikr-tools{display:flex;align-items:center;gap:6px;margin:-6px 0 8px}.dhikr-tools .read-aloud.for-dhikr{margin:0;margin-inline-start:4px}.fav-tabs{margin-bottom:14px}.fav-tabs button{padding-inline:4px}.page-header-text{flex:1;min-width:0}.page-header-extra{flex:none;display:flex;align-items:center}.page-header-extra .radio-fav{width:44px;height:44px;margin:0}.mini-card .radio-fav{margin-inline-end:-4px}.opt-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.opt-row{display:flex;align-items:center;gap:14px;min-height:78px;padding:14px 18px;border-radius:22px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);text-decoration:none}.opt-row:active{background:var(--surface-2)}.opt-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong)}.opt-icon svg{width:24px;height:24px}.opt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.opt-title{font-size:1.18rem;font-weight:600;line-height:1.5}.opt-sub{color:var(--muted);font-size:.9rem;line-height:1.6}.listen-feelings-btn{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.listen-feelings-btn svg{color:var(--accent);flex:none}.listen-feelings-btn strong{margin-inline-start:auto;color:var(--accent-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.feelings-sheet .sheet-body{display:grid;gap:12px;padding:18px}.feelings-sheet .section-title{margin:0}.feelings-apply{width:100%}.boot-wait{position:fixed;inset:auto 16px 40vh;margin:0;text-align:center;color:var(--ink-soft);font-size:.95rem}.notice-sheet .notice-body{white-space:pre-line;text-align:start}.listen-home .radio-card.is-big{margin:0;min-height:96px;border-radius:26px}.listen-home .listen-section{gap:10px}.listen-heading .listen-all{margin-inline-start:auto;min-height:36px;padding:0 2px;font-size:.88rem}.feel-chips{display:flex;gap:8px;margin:-1px -16px 1px;padding:3px 16px;overflow-x:auto;scrollbar-width:none}.feel-chips::-webkit-scrollbar{display:none}.feel-chips .chip{flex:none}.feel-card{position:relative;display:flex;flex-direction:column;gap:3px;width:170px;min-height:134px;padding:10px 12px 12px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(170deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:var(--shadow)}.feel-card-who{padding-inline-end:42px;color:var(--gold);font-size:.75rem;font-weight:600;line-height:1.5}.feel-card-title{padding-inline-end:42px;font-family:var(--font-quran);font-size:1rem;font-weight:700;line-height:1.5}.feel-card-about{display:grid;gap:0;margin-top:2px;color:var(--muted);font-size:.75rem;line-height:1.5}.feel-card-meaning{color:var(--gold);font-weight:600}.feel-card-side{position:absolute;inset-inline-end:8px;top:6px;display:grid;justify-items:center;gap:12px;width:40px}.feel-card .play-btn{width:38px;height:38px;background:var(--accent);color:var(--accent-ink)}.feel-card-side .radio-fav,.feel-card-side .download-icon{width:32px;height:32px;min-height:0;margin:0;padding:0}.feel-card-side .radio-fav svg,.feel-card-side .download-icon svg{width:17px;height:17px}.feel-card-side .audio-download{display:grid;justify-items:center;gap:0;margin:0}.feel-card-side .audio-download>.download-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.feel-card-side .audio-download>progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.feel-card-side .download-confirm{position:absolute;top:-7px;inset-inline-end:-9px;z-index:2;box-sizing:border-box;width:170px;min-height:134px;display:grid;align-content:center;justify-items:center;gap:4px 12px;grid-template-columns:auto auto;padding:10px 12px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);text-align:center;font-size:.78rem;line-height:1.6}.feel-card-side .download-confirm>span{grid-column:1 / -1;color:var(--ink)}.feel-card-side .download-confirm .link-btn{min-height:36px;padding:0 10px}.feel-card-side .download-cancel{background:radial-gradient(closest-side,var(--surface) 78%,transparent 80%),conic-gradient(var(--accent) calc(var(--p, 0) * 1%),var(--line) 0)}.feel-card-about{padding-inline-end:42px}.reciter-faces{margin-block:0}.reciter-face{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;color:var(--ink);text-decoration:none;text-align:center}.reciter-face-name{font-size:.78rem;line-height:1.5}.reciter-photo{display:grid;place-items:center;flex:none;width:64px;height:64px;overflow:hidden;border-radius:50%;border:2px solid var(--gold-soft);background:radial-gradient(circle at 30% 25%,var(--accent-soft),var(--surface-2));color:var(--accent-strong);font-family:var(--font-quran);font-size:1.1rem;font-weight:700}.reciter-photo img{width:100%;height:100%;object-fit:cover}.reciter-photo.is-small{width:40px;height:40px;margin-bottom:6px;border-width:1px;font-size:.85rem}.reciter-photo.is-radio{width:36px;height:36px;border-width:1px}.radio-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}.radio-tiles .radio-card{max-width:none;min-height:64px;padding:8px 12px;gap:10px}.radio-tiles .radio-name{font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}@media(min-width:720px){.radio-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.reciter-intro{display:flex;align-items:flex-start;gap:14px}.reciter-intro .reciter-bio{margin:0;flex:1}.photo-credit{margin:-4px 0 0;color:var(--muted);font-size:.75rem}.photo-credit .link-btn{min-height:0;padding:0;font-size:inherit}.youtube-sheet .sheet-body{padding-top:18px}.youtube-sheet .sheet-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.youtube-sheet.is-mini{position:fixed;inset:auto auto calc(var(--tabbar-h) + var(--safe-bottom) + 8px) 8px;z-index:12;width:min(34vw,220px);min-width:120px;max-width:none;margin:0;padding:0;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 8px 24px #0006;animation:none}.has-player .youtube-sheet.is-mini{bottom:calc(var(--tabbar-h) + var(--player-h) + var(--safe-bottom) + 8px)}.youtube-sheet.is-mini .sheet-body{position:relative;display:block;padding:0}.youtube-sheet.is-mini .youtube-frame{aspect-ratio:10 / 7;border-radius:0}.youtube-sheet.is-mini .youtube-frame iframe{inset:0 auto auto 0;width:320px;height:224px;transform:scale(var(--yt-scale, .4));transform-origin:0 0}.youtube-sheet.is-mini .youtube-text{display:none}.youtube-mini-actions{position:absolute;top:4px;inset-inline:4px;display:flex;justify-content:space-between;pointer-events:none}.youtube-mini-actions .icon-btn{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:50%;background:#0000008c;color:#fff;font-size:.85rem;pointer-events:auto}.in-pip body *{visibility:hidden}.in-pip .youtube-sheet,.in-pip .youtube-sheet *{visibility:visible}.in-pip .youtube-sheet.is-mini{inset:0;width:100vw;min-width:0;height:100vh;border-radius:0;box-shadow:none}.in-pip .youtube-sheet.is-mini .youtube-frame{aspect-ratio:auto;height:100vh}.in-pip .youtube-sheet.is-mini .youtube-frame iframe{width:320px;height:180px}.in-pip .youtube-mini-actions{display:none}.has-video .main{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + min(24vw,154px) + 24px)}.has-video.has-player .main{padding-bottom:calc(var(--tabbar-h) + var(--player-h) + var(--safe-bottom) + min(24vw,154px) + 24px)}.youtube-frame{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000}.youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.youtube-sheet h2{font-size:1.15rem}.photo-credits{margin:6px 0 0;padding-inline-start:18px;font-size:.82rem;line-height:1.9}.date-field{position:relative;display:block;padding:10px 12px;border:1px solid var(--line);background:var(--surface);border-radius:12px;text-align:center}.date-field input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-field:focus-within{outline:2px solid var(--accent-strong);outline-offset:2px}.plain-sheet .sheet-body{text-align:start}.plain-sheet .sheet-body h2{margin-top:0}.plain-sheet .sheet-body>.link-btn{display:block;margin:8px auto 0}.btn-primary.is-danger{background:var(--fav);color:var(--accent-ink);box-shadow:none}::-webkit-scrollbar{width:5px;height:5px;background:transparent}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{border-radius:5px;background:transparent}.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,transparent)}.is-scrolling::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 80%,transparent)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:transparent transparent}.is-scrolling{scrollbar-color:color-mix(in srgb,var(--accent) 55%,transparent) transparent}}.reciter-tabs{margin-block:14px 4px}.reciter-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.yt-mark{flex:none}.yt-head{display:flex;align-items:center;gap:8px}.edition-chips{display:flex;gap:8px;overflow-x:auto;margin:1px 0 9px;padding:3px 0;scrollbar-width:none}.edition-chips::-webkit-scrollbar{display:none}.edition-chips .chip{flex:none;white-space:nowrap}.track-row .yt-thumb{flex:none;width:96px;height:54px;border-radius:10px;object-fit:cover;background:var(--surface-2)}.main.is-swiping{overflow-x:clip}.swipe-from-left [data-swipe-pane]:not([hidden]){animation:swipe-in-from-left .22s ease-out}.swipe-from-right [data-swipe-pane]:not([hidden]){animation:swipe-in-from-right .22s ease-out}.swipe-fade .screen{animation:swipe-fade-in .22s ease-out}@keyframes swipe-in-from-left{0%{opacity:.35;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes swipe-in-from-right{0%{opacity:.35;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes swipe-fade-in{0%{opacity:.4}to{opacity:1}}:is(.folio-nav button,.mushaf-folio .folio-link,.folio-auto button,.dock-reciter,.dock-toggle,.downloads-link,.listen-all,.radio-fav,.play-btn,.verse-play,.read-play,.mini-reciter,.reel-resume-x,.reel-resume-i,.chip,.photo-credit .link-btn,.feel-card-side .download-icon){position:relative}:is(.folio-nav button,.mushaf-folio .folio-link,.folio-auto button,.dock-reciter,.dock-toggle,.downloads-link,.listen-all,.radio-fav,.play-btn,.verse-play,.read-play,.mini-reciter,.reel-resume-x,.reel-resume-i,.chip,.photo-credit .link-btn,.feel-card-side .download-icon):before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.welcome-sheet{max-height:calc(100dvh - 20px);overflow-y:auto}.welcome-body{padding:20px 18px calc(14px + var(--safe-bottom))}.welcome-mark{display:inline-grid;place-items:center;width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:50%}.welcome-mark svg{width:27px;height:27px}.welcome-header h2{font-size:1.25rem}.welcome-appearance{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-inline:4px;text-align:start}.welcome-appearance strong{font-weight:600}.welcome-appearance .muted{margin-inline-start:6px}.welcome-choices{display:grid;gap:9px;margin-top:16px;text-align:start}.welcome-choice{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.welcome-choice.is-chosen{border-color:var(--accent);background:var(--accent-soft)}.welcome-choice h3{margin:0;font-size:1.05rem;font-weight:600}.welcome-choice p{margin:3px 0 0;line-height:1.55}.welcome-remembrance-heading{grid-column:2 / -1}.welcome-reminder-options{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:6px}.welcome-reminder-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:.95rem}.welcome-feature-icon{color:var(--accent)}.welcome-sheet .switch.small{flex-shrink:0;width:50px;min-height:44px;border:0;background:transparent}.welcome-sheet .switch.small:before{content:"";position:absolute;inset:8px 2px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.welcome-sheet .switch.small:after{inset:0}.welcome-sheet .switch.small.is-on:before{background:var(--accent);border-color:var(--accent)}.welcome-sheet .switch.small .switch-knob{top:12px;inset-inline-start:6px;background:var(--ink)}.welcome-sheet .switch.small.is-on .switch-knob{inset-inline-start:24px;background:var(--accent-ink)}.welcome-field{grid-column:2 / -1;display:flex;align-items:center;gap:10px;text-align:start}.welcome-field label{flex-shrink:0;font-size:.95rem}.welcome-field select{flex:1;min-width:0;min-height:44px;padding:7px;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:12px}#welcome-message-count{flex:none;width:70px}.welcome-sheet .sheet-actions{margin-top:6px}@media(max-width:350px){.welcome-body{padding-inline:12px}.welcome-choice{grid-template-columns:minmax(0,1fr) auto;gap:8px}.welcome-feature-icon{display:none}.welcome-field,.welcome-remembrance-heading{grid-column:1 / -1}}.share-tour{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.share-tour::backdrop{background:transparent}.share-tour-hole{position:fixed;padding:0;border:2px solid var(--accent);border-radius:18px;background:transparent;box-shadow:0 0 0 9999px #0818209e;cursor:pointer;animation:share-tour-pulse 1.6s ease-in-out infinite}.share-tour-bubble{position:fixed;inset-inline:16px;max-width:420px;margin-inline:auto;padding:18px 18px 14px;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.share-tour-bubble h2{margin:0 0 6px;font-size:calc(1.08rem * var(--fs))}.share-tour-bubble p{margin:0 0 14px;color:var(--ink-soft);line-height:1.8}.share-tour-actions{display:flex;gap:10px;flex-wrap:wrap}@keyframes share-tour-pulse{50%{border-color:var(--gold)}}@media(prefers-reduced-motion:reduce){.share-tour-hole{animation:none}}.share-tour-bubble .share-tour-count{display:flex;align-items:center;gap:10px;margin:0 0 4px;color:var(--muted);font-size:.85rem}.share-tour-new{padding:1px 8px;border-radius:999px;color:var(--accent-strong);background:var(--accent-soft);font-weight:700}.read-aloud{display:inline-flex;flex-direction:column;align-items:center;gap:1px;margin-inline-start:10px;vertical-align:middle;line-height:1}.read-play{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px 0 9px;border:0;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font:inherit;font-size:.8rem;font-weight:600;line-height:1;cursor:pointer}.read-play svg{width:12px;height:12px;flex:none}.read-play.is-current{background:var(--accent);color:var(--accent-ink)}.read-note{color:var(--muted);font-size:.75rem;line-height:1.3;white-space:nowrap}.read-aloud.for-dhikr{display:flex;width:max-content;margin:-4px 0 10px;margin-inline-start:4px}.is-quran .read-aloud.for-dhikr{margin-inline:auto}.ward-ring{flex:none}.ward-ring-track{fill:none;stroke:color-mix(in srgb,var(--ink) 18%,transparent);stroke-width:2.6}.ward-ring-fill{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;transition:stroke-dashoffset .4s}.ward-ring.is-whole .ward-ring-fill{stroke:var(--gold)}.ward-ring-tick{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ward-week{display:flex;justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none}.ward-day{display:grid;justify-items:center;gap:3px;flex:1}.ward-dot{width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ink) 30%,transparent)}.ward-day.is-some .ward-dot{background:linear-gradient(to left,var(--accent) 50%,transparent 50%);border-color:var(--accent)}.ward-day.is-whole .ward-dot{background:var(--gold);border-color:var(--gold)}.ward-day.is-ahead .ward-dot{border-style:dotted;opacity:.55}.ward-day.is-today .ward-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.ward-day-name{font-size:.75rem;color:var(--muted)}.ward-day.is-today .ward-day-name{color:var(--ink);font-weight:700}.ward-card{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0 0 14px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:14px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.ward-card-body{display:grid;flex:1;gap:6px;min-width:0}.ward-card-title{font-size:.88rem}.ward-sheet .ward-label{margin:16px 0 0;font-size:.95rem;font-weight:600;text-align:start}.ward-sheet .chips{margin:8px 0 4px}.ward-sheet .ward-list{display:grid;gap:6px;margin:12px 0;padding:0;list-style:none;text-align:start}.ward-sheet .type-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--surface-2);cursor:pointer}.ward-sheet .type-row input{width:20px;height:20px;accent-color:var(--accent-strong)}.ward-today{display:grid;gap:10px;margin:14px 0;padding:12px 14px;border-radius:14px;background:var(--surface-2);text-align:start}.ward-today-row{display:flex;align-items:center;gap:12px}.ward-today-row p{margin:0}.ward-today-title{font-weight:600}.ward-week-title{margin:4px 0 0;font-size:.85rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){.ward-ring-fill{transition:none}}.ad-kinds{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.ad-kind{display:flex;align-items:center;padding-inline-end:8px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.ad-kind-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 18px;padding-inline-end:6px;border-radius:20px;color:var(--ink);text-decoration:none}.ad-kind .radio-fav{margin:0}.ad-kind.is-done{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.ad-kind-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ad-kind-title{font-size:1.15rem;font-weight:600;line-height:1.6}.ad-kind-hint{color:var(--muted);font-size:.88rem}.ad-kind-state{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--ink-soft);font-size:.9rem}.ad-kind.is-done .ad-kind-state{color:var(--accent-strong)}.ad-tick{width:20px;height:20px}.ad-streak{color:var(--gold);font-size:.86rem}.ad-streak.big{margin:0;font-size:1.05rem}.ad-kahf-row{display:flex;align-items:center;gap:4px;margin:6px 18px 0;margin-inline-end:8px;border-bottom:1px dashed var(--line)}.ad-kahf-link{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px;color:var(--ink-soft);font-size:.95rem;text-decoration:none}.ad-kahf-row .radio-fav{margin:0}.ad-reader{gap:14px}.ad-groups{display:grid;gap:24px}.ad-group-title{margin:0 0 12px;font-size:1.1rem;color:var(--ink-soft)}.ad-swipe{display:grid;gap:14px;touch-action:pan-y pinch-zoom}.ad-progress-wrap{display:flex;align-items:center;gap:12px}.ad-progress{flex:1;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.ad-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.ad-progress-text{flex:none;color:var(--muted);font-size:.88rem}.ad-single-save{display:flex;justify-content:flex-end}.ad-tap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:52vh;padding:24px 20px 20px;font:inherit;color:var(--ink);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ad-tap:active{background:var(--surface-2)}.ad-tap:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ad-intro{color:var(--gold);font-size:.95rem;line-height:1.8}.ad-text{font-size:calc(1.4rem * var(--fs));line-height:2.1;overflow-wrap:anywhere}.ad-text.quran{font-family:var(--font-quran);font-size:calc(1.7rem * var(--fs));line-height:2.25}.ad-src{color:var(--muted);font-size:.82rem}.ad-counter{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:10px}.ad-count{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:2px solid var(--accent);color:var(--accent-strong);font-size:2rem;font-weight:600;line-height:1}.ad-tap.is-done .ad-count{background:var(--accent);color:var(--accent-ink)}.ad-count.is-pulsing{animation:ad-pulse .28s ease-out}@keyframes ad-pulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.ad-count-tick{width:34px;height:34px}.ad-count-of{color:var(--muted);font-size:.85rem}.ad-fadl{padding:12px 16px;border-radius:16px;border-inline-start:3px solid var(--gold-soft);background:color-mix(in srgb,var(--surface) 70%,transparent)}.ad-fadl-label{display:block;color:var(--gold);font-size:.82rem;font-weight:600}.ad-fadl-text{margin:4px 0;color:var(--ink-soft);font-size:.98rem;line-height:1.9}.ad-kahf-open{text-decoration:none}.ad-nav{display:flex;justify-content:space-between;gap:10px}.ad-nav .btn-ghost{min-height:48px;padding:0 12px;font-size:.95rem}.ad-nav .btn-ghost:disabled{opacity:.35}.ad-nav svg{width:18px;height:18px}.ad-prev-icon{transform:scaleX(-1)}.ad-end,.ad-finished{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.ad-end p,.ad-finished p{margin:0}.ad-finished h2{margin:0;font-family:var(--font-quran);font-size:1.9rem;font-weight:400;color:var(--accent-strong)}.ad-finished-icon{width:44px;height:44px;color:var(--gold)}.ad-finished .btn-primary{align-self:stretch;text-decoration:none}.ad-kahf-hadith{display:flex;flex-direction:column;gap:6px;text-align:center}.ad-kahf-hadith .ad-text{margin:0;font-size:calc(1.25rem * var(--fs))}.ad-kahf-play{width:100%}.ad-kahf-play svg{width:22px;height:22px}.ad-center{margin:-8px 0 0;text-align:center}.ad-kahf-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ad-kahf-done p{margin:0}.ad-read{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.ad-read svg{width:20px;height:20px}.ad-read.is-on{border-color:var(--accent);color:var(--accent-strong);cursor:default}.ad-set-row+.ad-set-row{padding-top:14px;border-top:1px solid var(--line)}.ad-set-title{margin:0;font-size:1.05rem;font-weight:600}.ad-time{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--ink-soft);font-size:.92rem}.ad-time input[type=time]{min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:1.05rem;direction:ltr}.ad-kahf-text{padding:20px 18px}.ad-kahf-quran{margin:0;font-family:var(--font-quran);font-size:1.32rem;line-height:2.25;text-align:justify;color:var(--ink)}.ad-time-label{display:flex;flex-direction:column;gap:2px;min-width:0}.ad-auto-back{min-height:0;padding:0;font-size:inherit}.ad-seg{flex:1;max-width:270px}.ad-seg button{min-height:40px;font-size:.88rem}@media(prefers-reduced-motion:reduce){.ad-count.is-pulsing{animation:none}.ad-progress span{transition:none}}.ad-listen{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0 4px}.ad-listen svg{width:18px;height:18px}.audio-download{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;font-size:.8rem}.download-btn{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-strong);font:inherit;min-height:42px;padding:6px 12px;border-radius:10px}.audio-download button:disabled{opacity:.5;cursor:default}.download-status{color:var(--muted);overflow-wrap:anywhere}.audio-download progress{width:100px;max-width:100%;accent-color:var(--accent)}.download-error{width:100%;color:var(--warn-ink)}.download-confirm{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;width:100%}.audio-download.is-compact{display:contents}.download-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}.download-icon svg{width:21px;height:21px}.download-icon:hover,.download-icon:active{background:var(--surface-2)}.download-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.download-icon.is-saved{color:var(--accent-strong)}.audio-download.is-compact>.download-status,.audio-download.is-compact>progress,.audio-download.is-compact>.download-error,.audio-download.is-compact>.download-confirm{order:1;flex-basis:100%;font-size:.8rem}.track-row:has(.audio-download.is-compact)>.radio-fav{width:44px;height:44px;margin-inline-end:0}.track-row:has(.audio-download){flex-wrap:wrap}.downloads-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);font-size:.85rem;text-decoration:none;white-space:nowrap}.downloads-link svg{width:18px;height:18px}.downloads-list .audio-download{flex-basis:100%;padding-inline-start:4px}.downloads-empty{line-height:1.9}.mushaf-downloads select{width:100%;margin-block:10px;min-height:44px;padding:6px;color:var(--ink);background:var(--bg);font:inherit;border:1px solid var(--line);border-radius:8px}.mini-card:has(.audio-download){flex-wrap:wrap}.mushaf-downloads{display:grid;gap:8px}.mushaf-downloads .download-btn{width:100%}.range-kind{margin:0 0 4px}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-row label{display:grid;gap:2px;font-size:.85rem;color:var(--ink-soft)}.range-row select{margin-block:4px 6px}.range-row.is-ayahs{grid-template-columns:1fr}.ayah-end{display:grid;grid-template-columns:1fr 88px;gap:6px}.download-done{margin:0;padding:8px 10px;border-radius:10px;color:var(--accent-strong);background:var(--accent-soft);font-size:.9rem}.download-icon.is-saved{position:relative;color:var(--accent-strong)}.download-icon.is-saved .download-check{position:absolute;inset-inline-end:4px;bottom:4px;width:11px!important;height:11px!important;padding:1px;border-radius:50%;background:var(--accent);color:var(--surface);stroke-width:3}.feel-card-side .download-icon.is-saved .download-check{inset-inline-end:0;bottom:0}.list-add{margin-inline-start:0;margin-inline-end:0;width:44px;height:44px}.list-add.is-on{color:var(--accent)}.track-row>.list-add{margin-inline-end:0}.list-add svg{width:21px;height:21px}.list-sheet .sheet-body{display:grid;gap:10px}.list-sheet .list-sheet-what{margin:-4px 0 0;font-size:.95rem}.list-pick{display:grid;gap:6px;margin:0;padding:0;list-style:none;max-height:40vh;overflow-y:auto}.list-pick-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;text-align:start}.list-pick-row.is-on{border-color:var(--accent);background:var(--accent-soft)}.list-pick-tick{display:grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid var(--line);border-radius:50%;color:var(--accent-ink)}.list-pick-row.is-on .list-pick-tick{border-color:var(--accent);background:var(--accent)}.list-pick-tick svg{width:14px;height:14px;stroke-width:3}.list-pick-name{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.list-new{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.list-new .btn-primary{min-height:48px;padding:0 18px;font-size:1rem;border-radius:16px}.list-new .btn-primary:disabled{opacity:.5;box-shadow:none}.pl-tab{display:grid;gap:14px}.pl-row{gap:10px}.pl-row .play-btn:disabled{opacity:.4}.pl-open{color:inherit;text-decoration:none}.pl-inline-icon{display:inline-block;width:18px;height:18px;vertical-align:-4px}.pl-empty p{margin:6px 0}.pl-edit-toggle{min-height:40px;padding:4px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-strong);font:inherit;font-size:.9rem}.pl-edit-toggle.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pl-rename{margin-bottom:12px}.pl-play{display:flex;gap:8px;align-items:center;margin-bottom:14px}.pl-play .btn-primary{flex:1;min-height:50px;font-size:1rem}.pl-play .btn-primary:disabled,.pl-shuffle:disabled{opacity:.5;box-shadow:none}.pl-shuffle{min-height:50px;padding:0 16px;border-color:var(--line);font-size:1rem}.pl-items{gap:8px}.pl-item{padding:8px 10px;gap:10px}.pl-item.is-now{border-color:var(--accent)}.pl-item .track-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pl-edit{display:flex;flex:none}.pl-item.is-editing{flex-wrap:wrap}.pl-item.is-editing .yt-thumb{display:none}.pl-item.is-editing .pl-edit{flex-basis:100%;justify-content:space-around;border-top:1px solid var(--line)}.pl-edit-btn{display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;background:none;color:var(--ink-soft)}.pl-edit-btn:disabled{opacity:.3}.pl-edit-btn svg{width:20px;height:20px}.pl-edit-btn .pl-up{transform:rotate(90deg)}.pl-edit-btn .pl-down{transform:rotate(-90deg)}.pl-add{margin:12px 0 4px;text-align:center}.pl-downloads{display:grid;gap:8px;margin-top:12px;padding:14px}.pl-downloads progress{width:100%;accent-color:var(--accent)}.pl-dl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.pl-delete{width:100%;margin-top:12px;color:var(--fav);border-color:var(--line)}.player-queue{margin:0 0 2px;font-size:.85rem}.track-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-soft)}.track-btn svg{width:24px;height:24px}.track-btn:disabled{opacity:.35}.mini-btn.mini-next svg{width:22px;height:22px}.track-row>.track-main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.mini-btn.mini-next{background:none;color:var(--ink-soft)}.mini-btn.mini-next:disabled{opacity:.35}.on-home .main{padding:0}.on-home .mini-player.is-message{display:none}.home-reels{position:relative;gap:0}.reel-feed{height:calc(100dvh - var(--tabbar-h) - var(--safe-bottom));overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;outline:none}.reel-feed::-webkit-scrollbar{display:none}.on-home.has-bar .reel-feed{height:calc(100dvh - var(--tabbar-h) - var(--player-h) - var(--safe-bottom))}@media(min-width:561px){.on-home.has-bar .reel-feed{height:calc(100dvh - var(--tabbar-h) - var(--player-h) - 22px - var(--safe-bottom))}}.reel-top{position:absolute;z-index:2;inset:0 0 auto;display:grid;gap:8px;padding:max(14px,env(safe-area-inset-top,0px)) 16px 0;pointer-events:none}.reel-top>*{pointer-events:auto}.reel-top-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:56px}.reel-top-row .reel-reader{grid-column:2}.reel-custom{grid-column:1;justify-self:start;display:grid;justify-items:center;gap:2px;min-width:52px;padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.reel-custom-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--surface) 55%,transparent)}.reel-custom-name{font-size:.75rem;color:var(--muted)}.reel-custom.is-on .reel-custom-icon{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.reel-custom.is-on .reel-custom-name{color:var(--gold)}.reel-title{margin:0;font-size:.85rem;font-weight:400;color:var(--muted)}.reel-season{justify-self:start;min-height:34px;padding:0 12px;border:0;border-radius:17px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font:inherit;font-size:.82rem}.reel{position:relative;height:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto auto;padding:calc(max(14px,env(safe-area-inset-top,0px)) + 64px) 0 0;max-width:640px;margin-inline:auto}.reel:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;background:radial-gradient(circle at 50% 45%,transparent 109px,var(--accent) 110px,transparent 111px),radial-gradient(circle at 50% 45%,transparent 149px,var(--accent) 150px,transparent 151px),radial-gradient(circle at 50% 45%,transparent 189px,var(--accent) 190px,transparent 191px)}.reel-body{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:8px 20px;text-align:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reel-from-fav{font-size:.8rem;color:var(--gold)}.reel-text-box{max-height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.reel-text-box::-webkit-scrollbar{display:none}.reel-text{margin:0;font-family:var(--font-quran);line-height:2;color:var(--ink);white-space:pre-line;text-wrap:pretty}.reel-text .ayah-no{color:var(--accent);font-size:.8em;white-space:nowrap}.reel-text .is-said{color:var(--ink)}.reel-text .is-now{color:var(--gold);text-shadow:0 0 18px color-mix(in srgb,var(--gold) 45%,transparent)}.reel-text .is-coming{color:color-mix(in srgb,var(--ink) 60%,transparent)}.reel-text span{transition:color .4s,text-shadow .4s}.reel-source{margin:0;font-size:.9rem;color:var(--accent)}.reel-reciter{margin-top:-8px;min-height:36px;padding:0 10px;border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}.reel-listen{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:20px;background:none;color:var(--accent);font:inherit;font-size:.9rem;cursor:pointer}.reel-listen svg{width:18px;height:18px}.reel-listen.is-on{background:color-mix(in srgb,var(--accent) 14%,transparent)}.reel-rail{display:flex;justify-content:center;align-items:center;gap:14px;padding:6px 20px 16px}.reel-btn-wrap{display:grid;justify-items:center;gap:4px}.reel-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--ink);cursor:pointer}.reel-btn.is-fav,.reel-btn.is-on{color:var(--gold)}.reel-btn.is-fav svg{fill:currentColor}.reel-btn svg{width:20px;height:20px}.reel-foot{padding:0 20px 40px}.reel-reflection{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;margin:-10px 0 0;padding:10px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;line-height:1.75;text-align:start;cursor:pointer}.reel-progress{height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 15%,transparent);overflow:hidden}.reel-progress span{display:block;height:100%;background:var(--accent);transform-origin:right;transition:transform .25s linear}.reel-hint{position:absolute;z-index:2;inset:auto 0 10px;display:flex;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.82rem;color:var(--muted);pointer-events:none;animation:reel-hint 1.8s ease-in-out infinite}@keyframes reel-hint{50%{translate:0 -4px}}.reel-details-source{color:var(--accent)}.reel-details-reflection{line-height:1.9}.mood-sheet .chips{margin:12px 0 4px}@media(prefers-reduced-motion:reduce){.reel-hint{animation:none}.reel-text span,.reel-progress span{transition:none}}.reel-listen{padding:0;width:52px;height:52px;justify-content:center;border-radius:50%}.reel-listen svg{width:22px;height:22px}.reciter-mode{margin-bottom:12px}.reel.has-bg{background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--ink)}.reel.has-bg:before{display:none}.reel-live{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:0;pointer-events:none}.reel-live.is-on{opacity:1}.reel-play{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;display:grid;place-items:center;translate:-50% -50%;border:0;border-radius:50%;background:#00000061;color:#fff;opacity:0;pointer-events:none;transition:opacity .5s;cursor:pointer}.reel-play.is-shown{opacity:1;pointer-events:auto}.reel-play svg{width:30px;height:30px}.reel-reader{display:grid;justify-items:center;gap:2px;min-width:52px;padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.reel-reader .reciter-photo{width:34px;height:34px;font-size:.75rem}.reel-reader-name{font-size:.75rem;color:var(--muted);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-offline{margin:0;font-size:.8rem;color:var(--muted)}.reel-end .reel-body{cursor:default;font-size:1.1rem;line-height:1.9;color:var(--muted);padding-inline:32px}.mood-sheet .type-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 14px;padding:0;list-style:none;text-align:start}.custom-kinds-title{margin-top:18px}.mood-sheet .type-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--surface-2);cursor:pointer}.mood-sheet .type-row input{width:20px;height:20px;accent-color:var(--accent-strong)}.mood-sheet .type-row span:nth-child(2){flex:1;font-size:1.05rem}.reel-resume-slot{grid-column:3;justify-self:end;position:relative;z-index:3;width:34px;height:34px}.reel-resume{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 108px);box-sizing:border-box;min-height:44px;padding:0 4px 0 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:22px;background:var(--surface);color:var(--ink);font-size:.82rem;animation:reel-resume-in .25s ease-out}@keyframes reel-resume-in{0%{opacity:0;transform:translateY(-50%) scale(.92)}}.reel-resume-i{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--ink);cursor:pointer}.reel-resume-i svg{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.reel-resume{animation:none}}.reel-resume-main{display:flex;align-self:stretch;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.reel-resume-main strong{flex:none;font-weight:600}.reel-resume-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.reel-resume-x{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.8rem;cursor:pointer}.reel-pop{position:absolute;z-index:4;width:84px;height:84px;margin:-42px 0 0 -42px;color:var(--gold);pointer-events:none;animation:reel-pop .8s ease-out forwards}.reel-pop svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}@keyframes reel-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-24px) scale(1)}}@media(prefers-reduced-motion:reduce){.reel-pop{animation:reel-pop-fade .8s linear forwards}@keyframes reel-pop-fade{0%,60%{opacity:1}to{opacity:0}}}.reel-share-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:22px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer}.reel-share-pill svg{width:20px;height:20px}.reel-share-pill.is-pulse{animation:reel-pill-pulse 1.2s ease-in-out 2}@keyframes reel-pill-pulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}50%{transform:scale(1.06);box-shadow:0 0 0 10px transparent}}@media(prefers-reduced-motion:reduce){.reel-share-pill.is-pulse{animation:none}}.reel-btn svg{opacity:.78}.reel-btn:active svg,.reel-btn:focus-visible svg,.reel-btn.is-on svg,.reel-btn.is-fav svg{opacity:1}.settings-section{padding:0;overflow:hidden}.settings-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:18px;cursor:pointer;list-style:none}.settings-section>summary::-webkit-details-marker{display:none}.settings-section>summary h2{margin:0 0 4px;font-size:1.08rem;font-weight:600}.settings-section>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:inherit}.settings-section-chevron{width:22px;height:22px;flex:none;color:var(--muted)}.settings-section[open]>summary{border-bottom:1px solid var(--line)}.settings-section[open] .settings-section-chevron{transform:rotate(-90deg)}.settings-section-body{display:grid;gap:12px;padding:14px}.settings-section-body>.card{margin:0;box-shadow:none}.settings-card select{width:100%;min-width:0;min-height:44px;padding:8px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}details.welcome-remembrance{display:block}.welcome-remembrance>summary.welcome-remembrance-summary{display:flex;align-items:flex-start;gap:12px;list-style:none;cursor:pointer}.welcome-remembrance>summary::-webkit-details-marker{display:none}.welcome-remembrance>summary .welcome-remembrance-heading{flex:1;min-width:0}.welcome-remembrance>summary .settings-section-chevron{transition:transform .2s}.welcome-remembrance[open]>summary .settings-section-chevron{transform:rotate(-90deg)}.welcome-remembrance[open]>.welcome-reminder-options{margin-top:10px}.settings-look{margin-bottom:14px}.widget-slots{display:grid;gap:16px}.segmented.slot-kinds{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.reminder-preferences.welcome-sheet{max-height:none;overflow:visible;margin-bottom:18px}.reminder-draft-fields,.prayer-controls-fieldset{margin:0;padding:0;border:0;min-width:0}.reminder-preferences .welcome-choices{margin-top:0}.reminder-details{grid-column:1 / -1;min-width:0;border-top:1px solid var(--line)}.reminder-details>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:3px 2px;color:var(--muted);cursor:pointer;list-style:none;font-size:.9rem}.reminder-details>summary::-webkit-details-marker{display:none}.reminder-details>summary svg{width:18px;height:18px;flex:none}.reminder-details[open]>summary svg{transform:rotate(-90deg)}.reminder-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.reminder-details-body{display:grid;gap:12px;min-width:0;padding:6px 0 12px}.reminder-details-body .welcome-field{grid-column:auto}.reminder-details-body .field{margin:0}.reminder-details-body select{min-width:0;max-width:100%}.reminder-details-body .prayer-reminder-controls{min-width:0}.reminder-details-body .prayer-reminder-controls>p{margin-bottom:0}.reminder-details-body .prayer-controls-fieldset{padding:0}.reminder-details-body .switch{flex-shrink:0}.reminder-city{flex-wrap:wrap}.reminder-city .muted{flex-basis:100%}.reminder-time{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;font-size:.95rem}.reminder-time input{flex:none;width:118px;min-width:0;max-width:46%;min-height:44px;padding:8px;font:inherit;color:var(--ink);color-scheme:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.reminder-auto-time p{margin:3px 0}.reminder-option+.reminder-option{border-top:1px solid var(--line);padding-top:6px;margin-top:6px}.reminder-option .reminder-details{border:0}.reminder-option .reminder-details>summary{min-height:40px}.reminder-platform-note{margin:10px 4px}.reminder-save-actions{position:sticky;bottom:calc(76px + var(--safe-bottom));z-index:3;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.reminder-save-actions>.btn-primary{flex:1;min-height:44px}.reminder-save-actions>.btn-ghost{min-height:44px}.reminder-save-actions>button:disabled{opacity:.55;cursor:default}@media(max-width:350px){.reminder-save-actions{padding:8px}.reminder-details-body .segmented{flex-wrap:wrap}}.task-add{width:100%}.task-add svg{width:22px;height:22px}.task-note{margin:0;text-align:center}.task-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.task-row{display:flex;align-items:center;gap:4px;min-height:72px;padding-inline-start:8px;padding-inline-end:6px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.task-row.is-later{opacity:.7}.task-check{position:relative;flex:none;width:48px;height:48px;border:0;background:none;color:var(--accent-ink)}.task-check:before{content:"";position:absolute;inset:10px;border-radius:50%;border:2px solid var(--accent);background:transparent}.task-row.is-done .task-check:before{background:var(--accent)}.task-check svg{position:relative;width:20px;height:20px}.task-check:disabled{cursor:default}.task-row.is-later .task-check:before{border-color:var(--line)}.task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:12px 6px;color:var(--ink);text-decoration:none;position:relative}a.task-main{padding-inline-end:26px}.task-title{font-weight:600;overflow-wrap:anywhere}.task-row.is-done .task-title{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.task-sub{color:var(--muted);font-size:.85rem}.task-go{position:absolute;inset-inline-end:0;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--muted)}.task-edit{flex:none;min-width:52px;min-height:44px;padding:0 8px;border:0;background:none;color:var(--accent);font-size:.9rem}.task-sheet .sheet-body{max-height:90vh;max-height:90dvh;overflow-y:auto}.task-form{display:flex;flex-direction:column;gap:14px;text-align:start}.task-form-title{margin:0;font-weight:600;font-size:1.05rem}.task-form .chips{margin:0}.task-choices li,.task-days li{display:contents}.task-form .chip{min-height:44px}.task-when{display:flex;flex-direction:column;gap:10px}.task-time{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px}.task-time input{flex:none;width:130px;min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);color-scheme:inherit;font-size:1.05rem;direction:ltr}.task-warn{margin:0;color:var(--warn-ink);background:var(--warn-bg);padding:8px 12px;border-radius:12px;font-size:.9rem}.task-form .btn-primary:disabled{opacity:.5;cursor:default}.task-delete{color:var(--fav)}.task-title-row{display:flex;align-items:stretch;gap:8px}.task-title-row .search{flex:1;min-width:0}.task-suggest{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:48px;padding:0 12px;border-radius:16px;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-strong);font-size:.9rem;white-space:nowrap}.task-suggest svg{width:18px;height:18px}.task-suggest.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.task-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:10px;list-style:none;border-radius:16px;border:1px solid var(--line);background:var(--surface-2)}.task-suggestions li{display:contents}.task-suggestions button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:.9rem}.task-suggestions button.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.task-app-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.task-app-chip{display:inline-flex;align-items:center;gap:2px;min-height:32px;padding-inline:12px 4px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.85rem;font-weight:600}.task-app-chip button{display:inline-grid;place-items:center;width:32px;height:32px;border:0;background:none;color:inherit}.task-app-chip svg{width:14px;height:14px}.task-remind button{padding-inline:4px;font-size:.88rem}.week-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.week-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.week-row:last-child{border-bottom:0}.week-row span:first-child{font-weight:600}.week-row .week-value{color:var(--ink);opacity:.8;text-align:end}.week-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin-top:12px;text-decoration:none}