.history-brand-toggle[data-v-e7a3b49f]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;background:transparent;border:0;padding:4px 6px;margin:-4px -6px;color:inherit;font:inherit;text-align:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;border-radius:10px;transition:opacity .16s ease,transform .12s ease}.history-brand-toggle[data-v-e7a3b49f]:hover{opacity:.9}.history-brand-toggle[data-v-e7a3b49f]:active{opacity:.78;transform:scale(.97)}.history-brand-toggle[data-v-e7a3b49f]:focus-visible{outline:2px solid var(--text-strong);outline-offset:3px}.history-summary-row[data-v-e7a3b49f]{display:inline-flex;align-items:center;gap:6px}.history-dots[data-v-e7a3b49f]{display:inline-flex;align-items:center;gap:4px;direction:ltr}.history-dots[dir=rtl][data-v-e7a3b49f]{direction:rtl}.history-dot[data-v-e7a3b49f]{display:inline-flex;flex-direction:column;overflow:hidden;width:9px;height:9px;border-radius:50%;border:1px solid rgba(244,241,230,.22);box-sizing:border-box;opacity:.82;transition:opacity .16s ease,transform .16s ease}.history-brand-toggle:hover .history-dot[data-v-e7a3b49f]{opacity:1}.history-dot-half[data-v-e7a3b49f]{flex:1;background:#f4f1e629;transition:background .16s ease}.history-dot-half[data-level="1"][data-v-e7a3b49f]{background:#c96e4e}.history-dot-half[data-level="2"][data-v-e7a3b49f]{background:#cf8444}.history-dot-half[data-level="3"][data-v-e7a3b49f]{background:#cca043}.history-dot-half[data-level="4"][data-v-e7a3b49f]{background:#3ea374}.history-dot.is-today[data-v-e7a3b49f]{opacity:1;outline:1.5px solid var(--text-strong);outline-offset:1.5px}.history-streak-pill[data-v-e7a3b49f]{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;line-height:1;color:var(--text-strong);font-variant-numeric:tabular-nums;opacity:.9;padding-inline-start:1px}.toggle-chevron[data-v-e7a3b49f]{width:11px;height:11px;opacity:.7;transition:transform .22s cubic-bezier(.2,.9,.3,1)}.toggle-chevron.is-expanded[data-v-e7a3b49f]{transform:rotate(180deg)}.history-panel-scrim[data-v-e7a3b49f]{position:fixed;top:calc(var(--topbar-h) + env(safe-area-inset-top,0px));inset-inline:0;bottom:0;z-index:19;background:#00000085;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);display:flex;justify-content:center;align-items:flex-start;padding:10px 12px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch}.reading-history-card[data-v-e7a3b49f]{width:min(460px,100%);max-height:calc(100vh - var(--topbar-h) - env(safe-area-inset-top,0px) - 28px);overflow-y:auto;border-radius:18px;background:var(--topbar-bg);border:1px solid rgba(244,241,230,.18);box-shadow:0 20px 48px #0000007a,0 4px 16px #00000047;padding:18px 20px 20px;color:var(--text-strong);display:flex;flex-direction:column;gap:14px;transform-origin:top center}.card-head[data-v-e7a3b49f]{display:flex;align-items:center;justify-content:space-between}.card-title[data-v-e7a3b49f]{margin:0;font-size:.92rem;font-weight:700;letter-spacing:.01em;color:var(--text-strong)}.card-close-btn[data-v-e7a3b49f]{width:32px;height:32px;border-radius:999px;border:1px solid rgba(244,241,230,.18);background:#00000026;color:var(--text-strong);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .12s ease;padding:0}.card-close-btn[data-v-e7a3b49f]:hover{background:#f4f1e626}.card-close-btn[data-v-e7a3b49f]:active{transform:scale(.94)}.card-close-btn svg[data-v-e7a3b49f]{width:16px;height:16px}.card-today-banner[data-v-e7a3b49f]{padding:0 0 12px;border-bottom:1px solid rgba(244,241,230,.14);display:flex;flex-direction:column;gap:5px}.today-banner-top[data-v-e7a3b49f]{display:flex;align-items:center;justify-content:space-between}.today-tag[data-v-e7a3b49f]{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.today-progress-badge[data-v-e7a3b49f]{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;background:#f4f1e61a;color:var(--text-strong)}.today-progress-badge[data-level="0"][data-v-e7a3b49f]{background:transparent;color:var(--text-soft);border:0;padding-inline-end:0}.today-progress-badge[data-level="1"][data-v-e7a3b49f]{background:#faa26b38;color:#fdba74;border:1px solid rgba(250,162,107,.45)}.today-progress-badge[data-level="2"][data-v-e7a3b49f]{background:#fab96d38;color:#fed7aa;border:1px solid rgba(250,185,109,.45)}.today-progress-badge[data-level="3"][data-v-e7a3b49f]{background:#fcd34d38;color:#fef08a;border:1px solid rgba(252,211,77,.45)}.today-progress-badge[data-level="4"][data-v-e7a3b49f]{background:#6ee7b73d;color:#a7f3d0;border:1px solid rgba(110,231,183,.55)}.badge-icon[data-v-e7a3b49f]{width:12px;height:12px}.badge-percent[data-v-e7a3b49f]{font-weight:700}.today-encouragement-text[data-v-e7a3b49f]{margin:0;font-size:.76rem;line-height:1.45;color:var(--text-soft)}.card-streaks[data-v-e7a3b49f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;width:100%;margin:0;padding:2px 0 4px}.streak-stat[data-v-e7a3b49f]{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.streak-stat>div[data-v-e7a3b49f]{min-width:0}.streak-stat svg[data-v-e7a3b49f]{width:23px;height:23px;flex:none;color:var(--amber, #d9a35b)}.streak-stat dt[data-v-e7a3b49f]{font-size:.68rem;opacity:.72;white-space:nowrap}.streak-stat dd[data-v-e7a3b49f]{margin:0;font-size:.83rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.card-month-nav[data-v-e7a3b49f]{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.month-title[data-v-e7a3b49f]{margin:0;font-size:.84rem;font-weight:700;color:var(--text-strong);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-btn[data-v-e7a3b49f]{width:32px;height:32px;border-radius:8px;border:1px solid rgba(244,241,230,.12);background:#00000024;color:var(--text-strong);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s ease,opacity .15s ease}.month-btn[data-v-e7a3b49f]:hover:not(:disabled){background:#f4f1e624}.month-btn[data-v-e7a3b49f]:disabled{opacity:.25;cursor:default}.month-btn svg[data-v-e7a3b49f]{width:14px;height:14px}.card-calendar-grid[data-v-e7a3b49f]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.grid-day-label[data-v-e7a3b49f]{text-align:center;font-size:.72rem;font-weight:600;opacity:.6;padding-bottom:6px}.grid-blank[data-v-e7a3b49f]{display:block;width:100%;height:40px}.history-cell[data-v-e7a3b49f]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:40px;padding:0;border:1px solid rgba(244,241,230,.12);border-radius:9px;background:#0000001a;color:var(--text-strong);font:inherit;font-size:.9rem;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease,transform .12s ease}.history-cell.has-month[data-v-e7a3b49f]{justify-content:flex-start;padding-top:3px;border-top:2px solid rgba(217,163,91,.55)}.cell-month[data-v-e7a3b49f]{display:block;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--amber, #d9a35b);line-height:1;margin-bottom:2px}.history-cell.has-month .cell-num[data-v-e7a3b49f]{font-size:.76rem;line-height:1}.history-cell[data-v-e7a3b49f]:hover{border-color:#f4f1e64d}.history-cell[data-v-e7a3b49f]:active{transform:scale(.93)}.history-cell[data-v-e7a3b49f]:focus-visible{outline:2px solid var(--text-strong);outline-offset:1px}.cell-num[data-v-e7a3b49f]{line-height:1}.cell-progress-track[data-v-e7a3b49f]{display:block;width:100%;height:2px;border-radius:99px;background:#f4f1e61f;overflow:hidden}.cell-progress-pair[data-v-e7a3b49f]{position:absolute;inset-inline:7px;bottom:4px;display:grid;gap:2px}.cell-progress-fill[data-v-e7a3b49f]{display:block;height:100%;border-radius:inherit;background:#edbc72}.evening-track .cell-progress-fill[data-v-e7a3b49f]{background:#8edbc4}.night-track .cell-progress-fill[data-v-e7a3b49f]{background:#82aaff}.history-cell[data-level="4"][data-v-e7a3b49f]{background:#6ee7b72b;border-color:#6ee7b780;color:#c7ffe7;font-weight:700}.history-cell.is-today[data-v-e7a3b49f]{border-color:#f4f1e6b8}.history-cell.is-selected[data-v-e7a3b49f]{outline:2px solid var(--amber, #d9a35b);outline-offset:2px;z-index:5}.day-popover[data-v-e7a3b49f]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:172px;box-sizing:border-box;display:grid;gap:7px;padding:11px 13px;border:1px solid rgba(255,255,255,.76);border-radius:12px;background:#eff6f1f0;box-shadow:0 14px 28px #00000057,0 2px 6px #00000029;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);color:#17352f;text-align:start;font-size:.72rem;line-height:1.3;font-weight:400;white-space:nowrap;pointer-events:none}.day-popover[data-v-e7a3b49f]:after{content:"";position:absolute;bottom:-7px;left:calc(50% - 6px);width:12px;height:7px;background:#eff6f1f0;clip-path:polygon(0 0,100% 0,50% 100%)}.popover-date[data-v-e7a3b49f]{font-size:.75rem;padding-bottom:2px;border-bottom:1px solid rgba(23,53,47,.16)}.popover-mode[data-v-e7a3b49f]{display:flex;align-items:center;gap:5px}.popover-mode b[data-v-e7a3b49f]{margin-inline-start:auto;font-variant-numeric:tabular-nums}.mode-dot[data-v-e7a3b49f]{width:6px;height:6px;border-radius:50%;flex:none}.morning-dot[data-v-e7a3b49f]{background:#b5722a}.evening-dot[data-v-e7a3b49f]{background:#23816a}.night-dot[data-v-e7a3b49f]{background:#4a6fa5}.history-cell.popover-below .day-popover[data-v-e7a3b49f]{bottom:auto;top:calc(100% + 8px)}.history-cell.popover-below .day-popover[data-v-e7a3b49f]:after{bottom:auto;top:-7px;clip-path:polygon(0 100%,100% 100%,50% 0)}.history-cell.popover-start .day-popover[data-v-e7a3b49f]{left:auto;inset-inline-start:0;transform:none}.history-cell.popover-end .day-popover[data-v-e7a3b49f]{left:auto;inset-inline-end:0;transform:none}.history-cell.popover-start .day-popover[data-v-e7a3b49f]:after{left:auto;inset-inline-start:22px}.history-cell.popover-end .day-popover[data-v-e7a3b49f]:after{left:auto;inset-inline-end:22px}@media(max-width:400px){.day-popover[data-v-e7a3b49f]{width:162px;font-size:.67rem}.card-streaks[data-v-e7a3b49f]{gap:8px}.streak-stat svg[data-v-e7a3b49f]{width:20px;height:20px}}@media(min-width:641px){.history-panel-scrim[data-v-e7a3b49f]{padding-top:22px}.reading-history-card[data-v-e7a3b49f]{width:min(520px,100%);padding:24px 28px 26px;gap:16px}.card-title[data-v-e7a3b49f]{font-size:1.16rem}.history-cell[data-v-e7a3b49f]{height:48px;font-size:1rem}.grid-blank[data-v-e7a3b49f]{height:48px}}.reading-history-card[dir=rtl] .card-title[data-v-e7a3b49f]{font-size:1.3rem}.reading-history-card[dir=rtl] .today-tag[data-v-e7a3b49f],.reading-history-card[dir=rtl] .today-progress-badge[data-v-e7a3b49f],.reading-history-card[dir=rtl] .streak-stat dt[data-v-e7a3b49f],.reading-history-card[dir=rtl] .grid-day-label[data-v-e7a3b49f],.reading-history-card[dir=rtl] .popover-date[data-v-e7a3b49f]{font-size:.86rem}.reading-history-card[dir=rtl] .today-encouragement-text[data-v-e7a3b49f]{font-size:.96rem;line-height:1.55}.reading-history-card[dir=rtl] .streak-stat dd[data-v-e7a3b49f],.reading-history-card[dir=rtl] .month-title[data-v-e7a3b49f]{font-size:1.12rem}.card-warning[data-v-e7a3b49f]{margin:4px 0 0;font-size:.72rem;line-height:1.45;color:#fca5a5}.history-panel-enter-active[data-v-e7a3b49f]{transition:opacity .28s cubic-bezier(.16,1,.3,1)}.history-panel-leave-active[data-v-e7a3b49f]{transition:opacity .18s cubic-bezier(.4,0,1,1)}.history-panel-enter-active .reading-history-card[data-v-e7a3b49f]{transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .26s cubic-bezier(.16,1,.3,1),filter .26s ease;will-change:transform,opacity,filter}.history-panel-leave-active .reading-history-card[data-v-e7a3b49f]{transition:transform .2s cubic-bezier(.4,0,.8,1),opacity .18s ease,filter .18s ease;will-change:transform,opacity,filter}.history-panel-enter-from[data-v-e7a3b49f],.history-panel-leave-to[data-v-e7a3b49f]{opacity:0}.history-panel-enter-from .reading-history-card[data-v-e7a3b49f]{opacity:0;transform:translateY(-20px) scale(.95);filter:blur(2px)}.history-panel-leave-to .reading-history-card[data-v-e7a3b49f]{opacity:0;transform:translateY(-10px) scale(.97);filter:blur(1px)}@media(prefers-reduced-motion:reduce){.history-brand-toggle[data-v-e7a3b49f],.history-toggle[data-v-e7a3b49f],.history-dot[data-v-e7a3b49f],.history-dot-half[data-v-e7a3b49f],.toggle-chevron[data-v-e7a3b49f],.history-panel-enter-active[data-v-e7a3b49f],.history-panel-leave-active[data-v-e7a3b49f],.history-panel-enter-active .reading-history-card[data-v-e7a3b49f],.history-panel-leave-active .reading-history-card[data-v-e7a3b49f],.history-cell[data-v-e7a3b49f],.card-close-btn[data-v-e7a3b49f],.month-btn[data-v-e7a3b49f]{transition:none!important;transform:none!important;filter:none!important}}:root{--app-bg-top: #203239;--app-bg-bottom: #2b4246;--topbar-bg: #17272d;--text-strong: #f4f1e6;--text-soft: rgba(244, 241, 230, .86);--divider: rgba(244, 241, 230, .14);--audio-accent: #34d399;--arabic-font-size: clamp(1.3rem, 2.6vw, 1.75rem)}:root[data-font-size=small]{--arabic-font-size: clamp(1.15rem, 2.1vw, 1.45rem)}:root[data-font-size=medium]{--arabic-font-size: clamp(1.3rem, 2.6vw, 1.75rem)}:root[data-font-size=large]{--arabic-font-size: clamp(1.5rem, 3.2vw, 2.15rem)}:root[data-font-size=xlarge]{--arabic-font-size: clamp(1.75rem, 3.8vw, 2.6rem)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;min-height:100%}body{font-family:Avenir Next,SF Pro Text,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--app-bg-top),var(--app-bg-bottom));color:var(--text-strong);touch-action:manipulation}.app-shell{width:100%;margin:0 auto;min-height:100vh;padding:0;--topbar-h: 74px;--audio-dock-height: 136px}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top,0px)) 16px 8px;background:var(--topbar-bg);min-height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));transition:transform .26s ease,opacity .22s ease;will-change:transform}.topbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.topbar-right{display:flex;align-items:center;gap:8px}.app-title-wrap{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:1;display:flex}.app-title{margin:0;font-size:1.36rem;line-height:1;font-weight:800;color:var(--text-strong);letter-spacing:.01em}.icon-btn{width:44px;height:44px;border:1px solid rgba(255,248,236,.3);border-radius:999px;background:#00000024;color:var(--text-strong);display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,background .16s ease}.icon-btn:active{transform:scale(.95);background:#00000038}.icon-btn svg{width:21px;height:21px}.app-shell.is-header-hidden .app-topbar{transform:translateY(-100%);opacity:.96;pointer-events:none}.overall-progress-edge{position:fixed;z-index:60;inset:env(safe-area-inset-top,0px) 0 auto;height:4px;pointer-events:none;background:#00000038}.overall-progress-edge i{display:block;height:100%;width:0;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#f4f1e680,#f4f1e6f2);transition:width .32s ease}.overall-progress-pill{position:absolute;inset-inline-end:10px;top:1px;display:flex;gap:4px;padding:2px 6px;border-radius:999px;background:#17272db8;color:#fff8e8cc;font-size:.62rem;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease}.overall-progress-time{color:#fff8e8a3}.app-shell.is-header-hidden .overall-progress-pill{opacity:1;transform:translateY(0)}main{min-height:100vh;position:relative;overflow:hidden}.route-forward-enter-active,.route-forward-leave-active,.route-back-enter-active,.route-back-leave-active{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.route-forward-enter-from{opacity:0;transform:translate(28px)}.route-forward-leave-to{opacity:0;transform:translate(-20px)}.route-back-enter-from{opacity:0;transform:translate(-28px)}.route-back-leave-to{opacity:0;transform:translate(20px)}.intro-strip{padding:14px 14px 8px}.intro-sub{flex:1 1 180px;margin:0;font-size:.78rem;line-height:1.45;color:var(--text-soft);text-align:start;opacity:.88}.intro-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding-top:2px}.intro-mode-group{display:flex;flex:1 1 420px;min-width:0;max-width:100%;align-items:center;gap:10px;flex-wrap:wrap}.intro-mode-switch,.intro-form-switch{display:inline-flex;flex-shrink:0;align-items:center;padding:2px;border-radius:999px;background:#0003;border:1px solid rgba(255,248,236,.14)}.intro-switch-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:4px 11px;border:0;border-radius:999px;background:transparent;color:var(--text-soft);font:inherit;font-size:.76rem;font-weight:500;line-height:1;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .16s ease,color .16s ease,transform .12s ease}.intro-switch-btn:hover{color:var(--text-strong)}.intro-switch-btn.is-active{background:#fff8ec33;color:var(--text-strong);font-weight:700;box-shadow:0 1px 4px #0003}.intro-switch-btn:active{transform:scale(.97)}.intro-switch-btn:focus-visible{outline:2px solid var(--text-strong);outline-offset:1px}.intro-switch-btn>span{display:inline-flex;align-items:center;line-height:1}.intro-switch-icon{font-size:.8rem}.intro-switch-time{display:inline-flex;align-items:center;font-size:.7rem;line-height:1;opacity:.75}.list-wrap{width:100%}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;background:#0a0e145c;-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);display:grid;place-items:center;padding:14px}.benefits-modal{width:min(760px,100%);max-height:min(88vh,860px);overflow:hidden;display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(255,255,255,.34);background:linear-gradient(145deg,#ffffff1a,#ffffff0a),#121c22f0;box-shadow:0 16px 40px #00000042,inset 0 1px #ffffff57;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);padding:14px 14px 12px;text-align:start;direction:ltr}.benefits-modal[dir=rtl]{text-align:right;direction:rtl}.benefits-modal[dir=rtl] h2,.benefits-modal[dir=rtl] h3{text-transform:none;letter-spacing:0}.benefits-content{min-height:0;overflow:auto;overscroll-behavior:contain}.benefits-actions{flex:0 0 auto;display:flex;justify-content:flex-end;padding-top:10px;background:linear-gradient(180deg,#121c2200,#121c22eb)}.benefits-modal[dir=rtl] .benefits-actions{justify-content:flex-start}.benefits-modal h2{margin:0 0 8px;font-size:1.06rem;font-weight:800;color:#fffdf7fa;text-transform:uppercase;letter-spacing:.03em}.benefits-intro{margin:0 0 10px;font-size:.86rem;line-height:1.55;color:#fffbf3f0}.benefits-modal ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}.benefits-modal li{padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.26);background:#ffffff1a}.benefits-modal li h3{margin:0 0 4px;font-size:.86rem;text-transform:uppercase;letter-spacing:.03em;color:#fffbf3f7}.benefits-modal li p{margin:0;font-size:.8rem;line-height:1.5;color:#fffbf3eb}.benefits-hadith{margin:10px 0 12px;padding:8px 10px;border-radius:10px;background:#ffffff24;font-size:.8rem;line-height:1.5;color:#fffbf3f0}.benefits-hadith span{display:block;margin-top:5px;font-size:.76rem;color:#fffbf3d1}.benefits-hadith .notranslate{text-align:right;font-size:.98rem;line-height:1.9;color:#fffdf7fa}.benefits-sunnah-title{margin:14px 0 2px;font-size:.86rem;text-transform:uppercase;letter-spacing:.03em;color:#fffbf3f7}.benefits-close{border:1px solid rgba(255,255,255,.35);background:#ffffff29;color:#fffdf7fa;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:700;cursor:pointer}.benefits-details{border-top:1px solid var(--divider);padding:12px 0}.benefits-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;color:var(--text-strong);font-size:.9rem;font-weight:700;cursor:pointer}.benefits-details summary::-webkit-details-marker{display:none}.benefits-details summary:after{content:"+";font-size:1.25rem;font-weight:400;line-height:1;opacity:.7}.benefits-details[open] summary:after{content:"−"}.benefits-details summary:focus-visible{outline:2px solid var(--text-strong);outline-offset:4px}.benefits-details .benefits-intro{margin-top:12px}.first-read-tip{display:flex;align-items:center;gap:12px;width:min(680px,calc(100% - 28px));margin:10px auto 12px;padding:10px 12px;border-inline-start:3px solid #8edbc4;border-radius:8px;background:#00000029;color:var(--text-strong)}.first-read-tip p{flex:1;margin:0;font-size:.82rem;line-height:1.45}.first-read-tip-close{flex:none;min-height:32px;padding:4px 10px;border:1px solid rgba(244,241,230,.3);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.first-read-tip-close:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.list-footer{padding:14px 12px 28px;display:grid;gap:12px;justify-items:center}.audio-nav-btn,.audio-toggle-btn,.audio-speed-pill,.speed-popover-step-btn,.speed-popover-num-btn,.audio-close-btn{border:0;cursor:pointer;color:inherit}.byline-wrap{display:grid;justify-items:center;gap:3px}.app-byline{font-size:.84rem;color:#fff8e8eb;text-decoration:none}.app-byline.name{font-weight:600}.app-byline.site{font-size:.8rem;opacity:.94}.app-byline:hover{text-decoration:underline}.mode-fab{width:52px;height:52px;flex:0 0 52px;border:0;border-radius:999px;background:linear-gradient(180deg,#7d9da3,#506e78);display:grid;place-items:center;cursor:pointer;transition:background .42s cubic-bezier(.22,1,.36,1),transform .2s ease}.mode-fab-wrap{position:relative;display:inline-grid}.reset-btn{border:1px solid rgba(255,247,232,.34);background:#00000024;color:#fff8ecf5;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700;cursor:pointer;position:relative;padding-inline-start:30px}.reset-btn:before{content:"↺";font-size:.95rem;line-height:1;position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%)}.app-link-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,247,232,.24);background:#ffffff0d;color:#fff8ece6;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.app-link-btn:after{content:"↗";font-size:.95rem;line-height:1;opacity:.7}.app-link-btn:hover,.app-link-btn:focus-visible{background:#ffffff1a;border-color:#fff7e86b;color:#fffcf4}.mode-fab:active{transform:scale(.96)}.mode-fab.evening{background:linear-gradient(180deg,#687592,#414f6b)}.mode-scene{width:34px;height:34px}.mode-scene .horizon,.mode-scene .sun-rays{stroke:#fff8ecf0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mode-scene .sun-core{fill:#fff2ca;transform-box:fill-box;transform-origin:center;transform:translateY(-7px);transition:transform .52s cubic-bezier(.22,1,.36,1),fill .42s ease}.mode-scene .sun-rays{opacity:1;transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(-3px)}.mode-fab.evening .mode-scene .sun-core{transform:translateY(5px);fill:#ffd6aa}.mode-fab.evening .mode-scene .sun-rays{opacity:.45;transform:translateY(2px)}.mode-fab.intro{animation:mode-fab-heartbeat 1.8s ease-out 1}.mode-fab.intro .mode-scene .sun-core{animation:mode-sun-rise 1.45s cubic-bezier(.22,1,.36,1) 1}.mode-fab.evening.intro .mode-scene .sun-core{animation:mode-sun-set 1.45s cubic-bezier(.22,1,.36,1) 1}.mode-fab.intro .mode-scene .sun-rays{animation:mode-rays-breathe 1.5s ease-out 1}.mode-toast{position:fixed;top:72px;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:999px;background:#101010d1;color:#fff9eef5;border:1px solid rgba(255,248,232,.26);font-size:.84rem;font-weight:600;z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mode-toast-enter-active,.mode-toast-leave-active{transition:opacity .18s ease,transform .22s ease}.mode-toast-enter-from,.mode-toast-leave-to{opacity:0;transform:translate(-50%) translateY(-8px)}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .2s ease,transform .22s ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0;transform:translateY(8px)}.install-prompt{position:fixed;left:12px;right:12px;bottom:14px;z-index:65;padding:12px 12px 10px;border-radius:14px;border:1px solid rgba(255,247,232,.22);background:#0f171deb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000040;display:grid;gap:10px}.install-copy{text-align:start;direction:ltr}.install-prompt[dir=rtl] .install-copy{direction:rtl}.install-title{margin:0 0 3px;font-size:.9rem;font-weight:700;color:#fff9eef7}.install-body{margin:0;font-size:.8rem;line-height:1.45;color:#fff7e8d6}.install-actions{display:flex;justify-content:flex-end;gap:8px;direction:ltr}.install-prompt[dir=rtl] .install-actions{direction:rtl}.install-btn{border:1px solid rgba(255,247,232,.26);background:#ffffff0f;color:#fff9eef0;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:600;cursor:pointer}.install-btn.primary{background:#cfaa6af0;border-color:#e7cc97b3;color:#18252a}.install-prompt-enter-active,.install-prompt-leave-active{transition:opacity .18s ease,transform .24s ease}.install-prompt-enter-from,.install-prompt-leave-to{opacity:0;transform:translateY(14px)}.athkar-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:110px;border-bottom:1px solid var(--divider);background:linear-gradient(180deg,var(--row-top),var(--row-bottom));transition:background .14s ease,filter .14s ease,transform .12s ease}.athkar-row:last-child{border-bottom:0}.progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;inset-inline-end:auto;background:linear-gradient(270deg,#ffffff5c,#ffffff24);z-index:1;pointer-events:none;transition:width .28s ease}.athkar-row.is-complete .progress-fill{display:none}.athkar-row.is-complete{background:linear-gradient(180deg,#35694d,#2b5842);animation:row-complete .42s cubic-bezier(.22,1,.36,1)}.athkar-row.is-complete .details-hit{color:#e4f2e6c7;text-shadow:none;animation:icon-pop .42s cubic-bezier(.22,1,.36,1)}.athkar-row.is-complete .side-counter,.athkar-row.is-complete .arabic{color:#f4f9f2f5;text-shadow:none}.body-hit,.details-hit,.back-icon-btn{border:0;background:transparent;color:inherit;cursor:pointer}.row-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 16px 0}.row-toolbar .row-head{flex:1;min-width:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;text-align:start}.row-toolbar .side-counter{flex:0 0 auto;min-height:44px;min-width:48px;border:0;border-radius:8px;background:transparent;font-variant-numeric:tabular-nums;cursor:pointer}.row-toolbar button:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.details-hit{display:grid;flex:0 0 44px;place-items:center;font-size:1.28rem;line-height:1;color:#fffcf4ad;width:44px;height:44px;border-radius:10px;background:transparent;text-shadow:none;opacity:.78;transition:opacity .16s ease,background .16s ease}.details-hit:hover,.details-hit:focus-visible{color:#fffcf4f5;background:#ffffff14;opacity:1}.details-hit:focus-visible{outline:2px solid rgba(244,241,230,.9);outline-offset:-2px}.details-hit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.body-hit{z-index:2;display:flex;align-items:center;text-align:right;direction:rtl;padding:8px 16px 16px;user-select:none;-webkit-user-select:none;outline:none}.body-hit:focus-visible{outline:2px solid rgba(244,241,230,.9);outline-offset:-2px;border-radius:8px}.athkar-row:has(.body-hit:active){background:linear-gradient(180deg,var(--row-bottom),var(--row-top));filter:brightness(.96);transform:translateY(1px) scale(.996)}.athkar-row.is-complete:has(.body-hit:active){background:linear-gradient(180deg,#2b5842,#35694d);filter:brightness(.96)}.arabic{margin:0;width:100%;font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;direction:rtl;unicode-bidi:plaintext;font-size:var(--arabic-font-size);font-weight:600;line-height:1.78;letter-spacing:0;color:#fffcf4fa;text-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.side-counter{margin:0;font-size:.76rem;line-height:1.1;font-weight:500;color:#fff8e8d6;letter-spacing:.01em;direction:ltr}.details-wrap{min-height:100vh;padding:12px 12px 28px}.details-shell{width:min(840px,100%);margin:0 auto}.back-icon-btn{width:40px;height:40px;border:1px solid rgba(255,247,230,.34);border-radius:999px;background:#00000024;color:var(--text-strong);display:grid;place-items:center;font-size:1.25rem;margin-bottom:14px}.back-icon-btn span{direction:ltr}html[dir=rtl] .back-icon-btn span{transform:scaleX(-1)}.details-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.details-head .back-icon-btn{flex:0 0 auto;margin-bottom:0}.details-title{margin:0;flex:1;text-align:start;unicode-bidi:plaintext;min-width:0;font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--text-strong)}.details-title:lang(ar){font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif}.confetti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:70}.confetti-piece{position:absolute;top:-14px;width:10px;height:16px;border-radius:2px;background:hsl(var(--hue),82%,62%);opacity:.95;animation:confetti-fall var(--duration) linear var(--delay) forwards}.details-section{margin-bottom:16px;direction:inherit;text-align:start}.details-section.source{margin-bottom:12px}.details-label{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#fff5e5b3;font-weight:700;text-align:start;unicode-bidi:plaintext}.latin-block,.translation-block,.source-block{margin:0;line-height:1.74;color:#fff9eeeb;text-align:start}.arabic-block{text-align:right;margin:0;font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;direction:rtl;font-size:calc(var(--arabic-font-size) * 1.08);font-weight:600;line-height:1.82;color:#fffcf4fc!important}.latin-block{font-size:1.02rem;color:#fff9eee6}.translation-block{font-size:1.03rem}.source-block{font-size:.94rem;color:#fff7e8d1}@media(min-width:561px){.intro-strip,.list-wrap,.list-footer{width:min(calc(100% - 32px),840px);margin-inline:auto}}@media(min-width:900px){.app-topbar{padding-inline:max(24px,calc((100vw - 840px)/2 + 24px))}.intro-strip,.list-wrap,.list-footer{width:min(calc(100% - 32px),840px);margin-inline:auto}.athkar-row{min-height:120px}.body-hit{padding:10px 20px 20px;width:100%;justify-self:stretch}}@keyframes row-complete{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.008);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes icon-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes mode-fab-heartbeat{0%{transform:scale(1)}16%{transform:scale(1.05)}30%{transform:scale(1)}44%{transform:scale(1.04)}58%{transform:scale(1)}to{transform:scale(1)}}@keyframes mode-sun-rise{0%{transform:translateY(7px)}to{transform:translateY(-7px)}}@keyframes mode-sun-set{0%{transform:translateY(-7px)}to{transform:translateY(5px)}}@keyframes mode-rays-breathe{0%{opacity:.3;transform:translateY(1px)}55%{opacity:1;transform:translateY(-4px)}to{opacity:inherit;transform:inherit}}@keyframes confetti-fall{0%{transform:translate3d(0,-16px,0) rotate(0);opacity:0}8%{opacity:1}to{transform:translate3d(var(--drift),110vh,0) rotate(560deg);opacity:.9}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080e1273;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;align-items:end;justify-items:center}.sheet{width:min(560px,100%);max-height:88vh;overflow:auto;text-align:start;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#203239fa,#17272dfa);border:1px solid rgba(244,241,230,.16);border-bottom:0;box-shadow:0 -12px 40px #0000004d;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(0);will-change:transform}.sheet-slide-enter-active,.sheet-slide-leave-active{transition:opacity .28s cubic-bezier(.16,1,.3,1)}.sheet-slide-enter-active{transition-duration:.36s}.sheet-slide-enter-from,.sheet-slide-leave-to{opacity:0}.sheet-slide-enter-to,.sheet-slide-leave-from{opacity:1}.sheet-slide-enter-active .sheet{transition:transform .36s cubic-bezier(.22,1,.36,1)}.sheet-slide-leave-active .sheet{transition:transform .28s cubic-bezier(.32,.72,0,1)}.sheet-slide-enter-from .sheet,.sheet-slide-leave-to .sheet{transform:translateY(100%)}.sheet-slide-enter-to .sheet,.sheet-slide-leave-from .sheet{transform:translateY(0)}.sheet-handle{width:42px;height:4px;border-radius:99px;background:#f4f1e64d;margin:0 auto 14px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sheet-head h2{margin:0;font-size:1rem;font-weight:800;letter-spacing:.02em;color:var(--text-strong)}.sheet-close{border:1px solid rgba(244,241,230,.3);background:#ffffff14;color:var(--text-strong);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700;cursor:pointer}.settings-grid{display:flex;flex-direction:column}.settings-col{display:flex;flex-direction:column;min-width:0}.settings-col+.settings-col{border-top:1px solid var(--divider)}.setting{padding:10px 0 8px}.setting-compact{padding:4px 0 6px}.setting-form-block{padding-top:12px}.setting-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.setting-header .setting-label{margin-bottom:0}.setting-label{margin:0 0 8px;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#f4f1e6db}.setting-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;color:var(--amber);flex-shrink:0}.setting-icon svg{width:100%;height:100%}.nested-desc-lines{display:flex;flex-direction:column;gap:4px;margin:2px 0 8px}.desc-line{display:flex;align-items:baseline;gap:6px;font-size:.74rem;line-height:1.4;color:var(--text-soft)}.desc-line-tag{font-weight:700;color:#f4f1e6f2;flex-shrink:0}.desc-line-tag:after{content:":"}.desc-line-text{flex:1 1 auto}.settings-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--divider)}@media(max-width:600px){.settings-top-grid{grid-template-columns:1fr;gap:12px}}.share-sheet-section{padding-top:14px;margin-top:6px;border-top:1px solid var(--divider)}.share-sheet-action{width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#d4a3591a;border:1px solid rgba(212,163,89,.28);color:var(--text-strong);cursor:pointer;text-align:start;transition:background .18s ease,border-color .18s ease,transform .12s ease}.share-sheet-action:hover{background:#d4a3592e;border-color:#d4a35973}.share-sheet-action:active{transform:scale(.99)}.share-sheet-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#d4a35938;color:var(--amber);flex-shrink:0}.share-sheet-icon svg{width:20px;height:20px}.share-sheet-body{display:flex;flex-direction:column;min-width:0}.share-sheet-title{font-size:.92rem;font-weight:700;color:var(--text-strong);line-height:1.3}.share-sheet-desc{font-size:.74rem;color:var(--text-soft);line-height:1.35;margin-top:2px}.setting-desc{margin:0 0 8px;font-size:.76rem;line-height:1.4;color:var(--text-soft)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:#00000038}.segmented button{border:0;border-radius:9px;padding:8px 6px;min-height:40px;background:transparent;color:#f4f1e6c7;font-size:.86rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),transform .12s ease,box-shadow .18s ease}.segmented button small{font-size:.7rem;font-weight:500;opacity:.8}.segmented button:active{transform:scale(.97)}.segmented button[aria-pressed=true]{background:var(--text-strong);color:var(--topbar-bg);box-shadow:0 1px 4px #00000040}.segmented button[aria-pressed=true] small{opacity:.85}@media(min-width:761px){.sheet-backdrop,.overlay-backdrop{padding:0}.sheet-backdrop{align-items:end}.settings-sheet{width:min(760px,calc(100% - 32px));height:min(85vh,460px);max-height:88vh;padding:8px 30px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -12px 50px #00000073}.settings-sheet .sheet-handle{display:block}.settings-sheet .sheet-head{min-height:48px;margin-bottom:0;padding-bottom:14px;border-bottom:1px solid var(--divider)}.settings-sheet .sheet-head h2{font-size:1.3rem}.settings-sheet .sheet-content{display:flex;flex-direction:column;padding-top:14px;flex:1 1 auto;overflow-y:auto}.settings-grid .setting-label{font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#f4f1e6db}.benefits-modal{width:min(800px,100%);max-height:min(84vh,820px);padding:26px 30px 24px;border-radius:20px;border-color:#f4f1e633;background:#1b3035}.benefits-modal h2{font-size:1.3rem;letter-spacing:0;text-transform:none;margin-bottom:14px}.benefits-modal .benefits-intro,.benefits-modal li p,.benefits-modal .benefits-hadith{font-size:.94rem;line-height:1.7}.benefits-modal .benefits-sunnah-title{font-size:1rem;letter-spacing:0;text-transform:none;margin:18px 0 8px}.benefits-modal ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0}.benefits-modal li{padding:14px 0;border:0;border-top:1px solid var(--divider);border-radius:0;background:none}.benefits-modal li h3{font-size:.94rem;letter-spacing:0;text-transform:none;margin-bottom:6px}.benefits-modal .benefits-hadith{padding:16px 18px}.benefits-actions{padding-top:16px;background:#1b3035}.benefits-close{min-height:40px;padding-inline:18px}.settings-sheet[dir=rtl] .sheet-head h2,.benefits-modal[dir=rtl] h2{font-size:1.5rem}.settings-sheet[dir=rtl] .setting-label,.benefits-modal[dir=rtl] li h3{font-size:1.05rem;letter-spacing:0}.settings-sheet[dir=rtl] .setting-desc{font-size:.92rem;line-height:1.55}.benefits-modal[dir=rtl] .benefits-intro,.benefits-modal[dir=rtl] li p,.benefits-modal[dir=rtl] .benefits-hadith{font-size:1.05rem;line-height:1.8}.settings-sheet[dir=rtl] .segmented button,.benefits-modal[dir=rtl] .benefits-details summary{font-size:1.08rem}.settings-sheet[dir=rtl] .segmented button small{font-size:.94rem}}.audio-player-anchor{position:fixed;z-index:45;left:max(12px,calc((100vw - 1240px)/2));right:auto;bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 12px));overflow:hidden;display:block;width:56px;height:56px;min-height:56px;border-radius:28px;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#ffffff52,#ffffff1a),#f4f1e629;backdrop-filter:blur(24px) saturate(1.7) brightness(1.06);-webkit-backdrop-filter:blur(24px) saturate(1.7) brightness(1.06);box-shadow:0 12px 30px #00000038,0 2px 8px #0000001f,inset 0 1.5px 1px #ffffffb8,inset 0 -1px 2px #00000014;transform:translateZ(0);transform-origin:bottom left;isolation:isolate;will-change:width,height,border-radius,box-shadow;transition:width .48s cubic-bezier(.16,1,.3,1),height .38s cubic-bezier(.16,1,.3,1),border-radius .38s cubic-bezier(.16,1,.3,1),box-shadow .38s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease}.audio-player-anchor.has-label{width:var(--labeled-pill-width, 196px)}.audio-player-anchor:not(.is-expanded):hover{border-color:#ffffffa6;box-shadow:0 16px 36px #00000042,0 4px 12px #00000024,inset 0 1.5px 1px #fff,inset 0 -1px 2px #00000014}.audio-player-anchor:not(.is-expanded):active{transform:scale(.93) translateZ(0)}.audio-player-anchor.is-expanded{width:min(calc(100vw - 24px),640px);height:var(--audio-dock-height);border-radius:22px;background:linear-gradient(145deg,#1e3a40f0,#102228f5),#ffffff0f;border-color:#ffffff3d;box-shadow:0 20px 48px #0000007a,0 2px 10px #00000047,inset 0 1.5px 1px #ffffff4d;overflow:visible}.audio-morph-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.5),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.15),transparent 70%);opacity:1;pointer-events:none;z-index:1;transition:opacity .24s cubic-bezier(.16,1,.3,1)}.audio-player-anchor.is-expanded .audio-morph-bg{opacity:0;transition-duration:.2s}.audio-compact-btn{position:absolute;left:0;bottom:0;width:100%;height:56px;display:flex;align-items:center;z-index:2;border:0;border-radius:inherit;background:transparent;color:#fbf9f4;cursor:pointer;box-shadow:none;opacity:1;transform:scale(1);visibility:visible;pointer-events:auto;overflow:hidden;direction:ltr;padding:0;transition:opacity .18s ease,transform .26s cubic-bezier(.16,1,.3,1),visibility .26s}.audio-compact-btn:hover:not(:disabled),.audio-compact-btn:focus-visible{filter:brightness(1.1);color:#fff}.audio-compact-btn:active{transform:scale(.92)}.audio-compact-icon{width:56px;height:56px;display:grid;place-items:center;flex-shrink:0}.audio-compact-icon svg{width:23px;height:23px;fill:#fbf9f4;transform:translate(1.5px);filter:drop-shadow(0 2px 4px rgba(16,45,38,.45))}.audio-compact-label-wrap{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;max-width:0;opacity:0;transform:translate(-8px);pointer-events:none;transition:max-width .48s cubic-bezier(.16,1,.3,1),opacity .26s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1)}.audio-compact-btn.has-label .audio-compact-label-wrap{max-width:260px;opacity:1;transform:translate(0)}.audio-compact-label{font-size:.94rem;font-weight:600;letter-spacing:-.01em;color:#fbf9f4;text-shadow:0 1px 3px rgba(0,0,0,.35);padding-right:18px;line-height:1;user-select:none;-webkit-user-select:none}:lang(ar) .audio-compact-label{font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;font-size:1.05rem;font-weight:700;letter-spacing:0;padding-right:20px}.audio-player-anchor.is-expanded .audio-compact-btn{opacity:0;transform:scale(.65);visibility:hidden;pointer-events:none;transition-duration:.13s}.audio-dock{position:absolute;left:0;bottom:0;width:min(calc(100vw - 24px),640px);height:var(--audio-dock-height);display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:16px 18px;border:0;border-radius:inherit;background:transparent;box-shadow:none;box-sizing:border-box;z-index:5;transform-origin:28px calc(100% - 28px);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.65);transition:opacity .18s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s}.audio-player-anchor.is-expanded .audio-dock{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-duration:.28s;transition-delay:50ms}.audio-dock-progress{position:absolute;top:7px;left:20px;right:20px;height:3.5px;overflow:hidden;border-radius:999px;background:#ffffff1f;pointer-events:none}.audio-dock-progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#38bdf8,var(--audio-accent));box-shadow:0 0 8px #34d39980;transition:width .16s linear}.audio-dock-header{display:flex;align-items:center;gap:12px}.audio-dock-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1 1 auto;min-width:0}.audio-dock-title{max-width:100%;margin:0;padding:0 2px;border:0;border-radius:6px;background:none;overflow:hidden;color:var(--text-strong);font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;font-size:1.04rem;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:opacity .16s ease}.audio-dock-title:active{opacity:.7}.audio-dock-title:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.audio-dock-subtitle,.audio-dock-error{max-width:100%;margin:0;padding:0 2px;font-size:.74rem;line-height:1.3}.audio-dock-subtitle{overflow:hidden;color:#fff8e8b8;text-overflow:ellipsis;white-space:nowrap}.audio-dock-error{display:-webkit-box;overflow:hidden;color:#ffd0c5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.audio-close-btn{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(255,247,232,.18);border-radius:999px;background:#0000001f;color:#fffcf4b3}.audio-close-btn:hover,.audio-close-btn:focus-visible{background:#ffffff1a;color:#fffcf4fa}.audio-close-btn svg{width:17px;height:17px;fill:currentColor}.audio-speed-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:transparent;cursor:default}.fade-fast-enter-active,.fade-fast-leave-active{transition:opacity .16s ease}.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}.audio-speed-popover{position:absolute;bottom:calc(100% + 12px);left:0;z-index:52;width:236px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;background:#18343a;border:1px solid rgba(255,247,232,.28);box-shadow:0 18px 40px #0009,0 4px 14px #00000059;transform-origin:bottom left}.popover-spring-enter-active{transition:opacity .17s cubic-bezier(.16,1,.3,1),transform .23s cubic-bezier(.34,1.56,.64,1)}.popover-spring-leave-active{transition:opacity .12s ease-in,transform .14s cubic-bezier(.4,0,1,1)}.popover-spring-enter-from{opacity:0;transform:translateY(10px) scale(.84)}.popover-spring-leave-to{opacity:0;transform:translateY(6px) scale(.92)}.audio-speed-popover-caret{position:absolute;top:100%;left:37px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #18343a;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));pointer-events:none}.speed-popover-control-row{display:flex;align-items:center;gap:6px}.speed-popover-step-btn{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,247,232,.22);border-radius:999px;background:#ffffff1f;color:#fff;touch-action:manipulation;transition:background .14s ease,border-color .14s ease,transform .12s ease,opacity .14s ease}.speed-popover-step-btn:hover:not(:disabled),.speed-popover-step-btn:focus-visible:not(:disabled){background:#fff3;border-color:#fff7e873}.speed-popover-step-btn:active:not(:disabled){transform:scale(.9)}.speed-popover-step-btn:disabled{opacity:.3;cursor:not-allowed}.speed-popover-step-btn svg{width:14px;height:14px;fill:currentColor}.speed-popover-track{position:relative;flex:1 1 auto;height:30px;display:flex;align-items:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.speed-popover-track:focus-visible{outline:2px solid var(--amber, #d9a35b);outline-offset:3px;border-radius:6px}.speed-popover-rail,.speed-popover-fill{position:absolute;inset-inline-start:0;height:5px;border-radius:999px}.speed-popover-rail{inset-inline:0;background:#ffffff3d}.speed-popover-fill{background:linear-gradient(90deg,#d9a35b,#f2c877);pointer-events:none}.speed-popover-ticks{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);height:0;pointer-events:none}.speed-popover-tick{position:absolute;top:50%;width:4px;height:4px;border-radius:999px;background:#ffffff73;transform:translate(-50%,-50%)}.speed-popover-tick.is-normal{width:6px;height:6px;background:#fff8e8d9}.speed-popover-tick.is-active{background:#f2c877}.speed-popover-thumb{position:absolute;top:50%;width:17px;height:17px;border-radius:999px;background:#fff;border:2.5px solid var(--amber, #d9a35b);transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000008c;pointer-events:none;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease}.speed-popover-thumb.is-dragging{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 4px 14px #d9a35bcc}.speed-popover-numbers{display:grid;grid-template-columns:1fr 1fr 1.34fr 1fr 1fr;align-items:center;gap:4px;width:100%}.speed-popover-num-btn{display:grid;place-items:center;height:25px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#fffcf4bf;font-family:inherit;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;touch-action:manipulation;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.speed-popover-num-btn:hover:not(.is-active),.speed-popover-num-btn:focus-visible:not(.is-active){background:#ffffff24;color:#fff}.speed-popover-num-btn:active{transform:scale(.92)}.speed-popover-num-btn.is-active{background:#d9a35b47;border-color:#d9a35bb3;color:#f6ce83;font-weight:800}.speed-popover-num-btn.is-center-btn{height:28px;font-size:.8rem;font-weight:700;color:#fff;border-radius:7px}.speed-popover-num-btn.is-center-btn:not(.is-active){background:#ffffff1f;border-color:#fff7e83d}.speed-popover-num-btn.is-center-btn.is-active{background:#d9a35b52;border-color:#d9a35bcc;color:#f6ce83;box-shadow:0 0 10px #d9a35b59}.audio-dock-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:100%;box-sizing:border-box}.audio-action-slot{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;box-sizing:border-box}.audio-action-slot.is-speed{justify-content:flex-start}.audio-action-slot.is-meta{justify-content:flex-end}.audio-speed-wrap{position:relative;display:inline-flex;align-items:center;justify-content:flex-start}.audio-speed-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:42px;width:86px;min-width:86px;max-width:86px;padding:0 8px;box-sizing:border-box;border:1px solid rgba(255,247,232,.18);border-radius:999px;background:#00000029;color:#fffcf4d1;font-family:inherit;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;touch-action:manipulation;box-shadow:inset 0 1px #ffffff0d;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}.audio-speed-pill:hover,.audio-speed-pill:focus-visible{background:#ffffff1f;border-color:#fff7e857;color:#fff}.audio-speed-pill:active{transform:scale(.93)}.audio-speed-pill.is-altered{background:#d9a35b29;border-color:#d9a35b75;color:var(--amber, #d9a35b)}.audio-speed-pill.is-open{background:#ffffff2e;border-color:#fff7e880;color:#fff}.audio-speed-pill-icon,.audio-speed-pill-icon svg{width:16px;height:16px}.audio-speed-pill-icon{display:grid;place-items:center;flex:0 0 16px}.audio-speed-pill-icon svg{fill:currentColor}.audio-speed-pill-value{line-height:1;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:38px}.audio-speed-pill-dot{position:absolute;top:6px;inset-inline-end:8px;width:5px;height:5px;border-radius:999px;background:var(--amber, #d9a35b);box-shadow:0 0 6px var(--amber, #d9a35b);pointer-events:none;opacity:0;transform:scale(.5);transition:opacity .16s ease,transform .16s ease}.audio-speed-pill-dot.is-active{opacity:1;transform:scale(1)}.audio-dock-meta-info{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;color:#fffcf4a6;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none}.audio-dock-meta-icon{width:15px;height:15px;fill:currentColor;opacity:.72}.audio-dock-meta-numbers{display:inline-flex;align-items:baseline;gap:1px;letter-spacing:.02em}.audio-dock-meta-current{color:#fffcf4f2;font-weight:700}.audio-dock-meta-slash{opacity:.4;margin:0 1px;font-weight:500}.audio-dock-meta-total{opacity:.7}.audio-controls{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:999px;background:#0000001f;border:1px solid rgba(255,247,232,.1)}.audio-nav-btn,.audio-toggle-btn{display:grid;place-items:center;border-radius:999px;touch-action:manipulation;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease,filter .15s ease}.audio-nav-btn{width:44px;height:44px;background:transparent;color:#fffcf4c2}.audio-nav-btn:hover,.audio-nav-btn:focus-visible{background:#ffffff1f;color:#fff}.audio-nav-btn:active{transform:scale(.92)}.audio-toggle-btn{width:52px;height:52px;background:#fffffff2;color:#112d34;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #00000059,0 0 0 1px #ffffff26}.audio-toggle-btn:hover,.audio-toggle-btn:focus-visible{background:#fff;transform:scale(1.05);box-shadow:0 6px 20px #00000073}.audio-toggle-btn:active{transform:scale(.92)}.audio-toggle-btn.is-playing{box-shadow:0 0 0 3px #ffffff59,0 4px 16px #00000059}.audio-nav-btn svg{width:19px;height:19px;fill:currentColor}.audio-toggle-btn svg{width:22px;height:22px;fill:currentColor}.app-shell:has(.audio-player-anchor.is-expanded) .list-footer{padding-bottom:calc(var(--audio-dock-height) + 24px)}@media(max-width:560px){.audio-player-anchor{left:12px;right:auto;width:56px;bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 12px))}.audio-player-anchor.has-label{width:var(--labeled-pill-width, 196px)}.audio-player-anchor.is-expanded{width:calc(100vw - 24px);border-radius:20px}.audio-dock{width:calc(100vw - 24px);padding:14px}.audio-dock-progress{top:6px;left:16px;right:16px}.audio-dock-actions{gap:8px}.audio-speed-pill{width:80px;min-width:80px;max-width:80px;height:40px;padding:0 6px;font-size:.78rem}.audio-speed-popover-caret{left:34px}.audio-dock-meta-info{font-size:.74rem;padding:0 4px}.audio-controls{gap:6px;padding:2px 4px}.audio-nav-btn{width:38px;height:38px}.audio-toggle-btn{width:46px;height:46px}.audio-speed-popover{width:min(236px,calc(100vw - 32px));padding:8px 9px}}@media(prefers-reduced-motion:reduce){.audio-player-anchor,.audio-morph-bg,.audio-compact-btn,.audio-dock,.audio-speed-popover,.speed-popover-thumb,.progress-fill{transition:none!important}}.row-name{font-family:Geeza Pro,Noto Naskh Arabic,Amiri,serif;font-size:.98rem;font-weight:700;color:var(--text-strong);direction:rtl;unicode-bidi:isolate}.row-name-en{font-size:.82rem;font-weight:600;color:var(--text-soft)}@media(max-width:560px){.row-name-en{flex-basis:100%}}.language-options{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.language-options button{overflow-wrap:anywhere}
