:root{font-synthesis:none;--bg:#f5f5f3;--topbar-bg:#f5f5f3e0;--nav-bg:#fffffff0;--surface:#fff;--surface-subtle:#f5f5f3;--surface-subtle-2:#eeeeec;--text:#151515;--text-strong:#111;--text-muted:#969696;--text-muted-strong:#6b6b6b;--text-faint:#b3b3b3;--border:#0000000f;--border-medium:#00000014;--border-strong:#0000001a;--border-dashed:#00000024;--check-border:#d7d7d7;--check-border-disabled:#e5e5e3;--track-bg:#ededed;--accent:#3bb94e;--accent-rgb:59,185,78;--danger:#e05252;--danger-rgb:224,82,82;--nav-active-bg:#f0f0ed;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.16s;--dur-state:.2s;--dur-screen:.24s;--dur-bar:.3s;--dur-pulse:.25s;--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}[data-theme=dark]{--bg:#101012;--topbar-bg:#101012e0;--nav-bg:#1c1c1ff0;--surface:#1c1c1f;--surface-subtle:#232326;--surface-subtle-2:#29292d;--text:#f0f0f0;--text-strong:#fff;--text-muted:#9a9a9e;--text-muted-strong:#b7b7bc;--text-faint:#77777c;--border:#ffffff14;--border-medium:#ffffff1c;--border-strong:#ffffff24;--border-dashed:#ffffff2e;--check-border:#3a3a3e;--check-border-disabled:#333336;--track-bg:#2b2b2f;--accent:#3bb94e;--accent-rgb:59,185,78;--danger:#ff6b6b;--danger-rgb:255,107,107;--nav-active-bg:#2a2a2e}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;color:inherit}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app{max-width:520px;min-height:100vh;padding-bottom:calc(92px + var(--safe-bottom));margin:0 auto}.topbar{z-index:5;background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;height:72px;padding:12px 18px;display:grid;position:sticky;top:0}.title{text-align:center;font-size:20px;font-weight:750}.avatar{background:var(--surface);cursor:pointer;border:0;border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 1px 5px #0000000f}.content{zoom:var(--text-scale,1);gap:12px;padding:12px 16px 24px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:18px;box-shadow:0 5px 18px #00000009}.hero{justify-content:space-between;align-items:stretch;gap:12px;min-height:165px;display:flex}.hero>div:first-child{flex-direction:column;flex:1;min-width:0;display:flex}.hero .big-number{margin:12px 0 0}.hero .hero-caption{margin-top:auto;font-size:13px}.week-chart{flex-shrink:0;width:132px;margin-top:26px}.week-bars{align-items:flex-end;gap:6px;height:74px;display:flex}.week-bars span{background:var(--accent);transition:height var(--dur-bar) var(--ease-out);border-radius:4px 4px 2px 2px;flex:1}.week-bars span.past{opacity:.55}.week-bars span.empty{background:var(--border-strong);border-radius:2px;height:6%}.week-days{gap:6px;margin-top:5px;display:flex}.week-days span{text-align:center;color:var(--text-muted);flex:1;font-size:9px}.week-days span.today{color:inherit;font-weight:700}@media (width<=380px){.week-chart{width:112px}}.eyebrow,.section-head span{color:var(--text-muted);letter-spacing:.09em;font-size:12px;font-weight:750}.big-number{letter-spacing:-.02em;margin:9px 0 5px;font-size:48px;font-weight:800;line-height:1}.muted,small{color:var(--text-muted);font-size:12px}.mini-chart{align-items:flex-end;gap:9px;width:150px;height:90px;padding:5px 0;display:flex}.mini-chart span{background:var(--accent);border-radius:7px 7px 3px 3px;flex:1;min-height:12px}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.prayer-row{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.prayer-mini{justify-items:center;gap:5px;font-size:10px;display:grid}.prayer-mini small{font-size:10px}.check{border:1.5px solid var(--check-border);color:#fff;width:22px;height:22px;transition:background-color var(--dur-press) var(--ease-out), border-color var(--dur-press) var(--ease-out);border-radius:50%;place-items:center;display:grid}.check.done{background:var(--accent);border-color:var(--accent)}.check>svg{opacity:0;transition:opacity var(--dur-press) var(--ease-out), transform var(--dur-press) var(--ease-out);transform:scale(.6)}.check.done>svg{opacity:1;transform:none}.check.disabled{border-style:dashed;border-color:var(--check-border-disabled)}.prayer-mini-icon{opacity:.45;place-items:center;width:22px;height:22px;display:grid;position:relative}.prayer-mini-icon.done{opacity:1}.prayer-mini-check{bottom:-3px;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:12px;height:12px;display:grid;position:absolute;inset-inline-end:-3px}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action{border:1px solid var(--border);text-align:start;cursor:pointer}.action .section-head{margin-bottom:10px}.action strong{margin-bottom:3px;font-size:26px;display:block}.action small{display:block}.progress{background:var(--track-bg);border-radius:9px;height:5px;margin-top:13px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width var(--dur-bar) var(--ease-out);border-radius:9px;display:block}.ayah p{margin:14px 0 10px;font-size:17px;line-height:1.45}.bottom-nav{left:50%;bottom:calc(14px + var(--safe-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;border-radius:25px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(490px,100% - 24px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 35px #0000001f}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:18px;place-items:center;gap:4px;padding:8px 2px;font-size:10px;display:grid}.nav-item svg{width:19px;height:19px}.nav-item.active{color:var(--text-strong);background:var(--nav-active-bg)}.empty-state{min-height:60vh;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty-state h2{color:var(--text-strong);margin:0}.empty-state p{margin:0}.empty-icon{background:var(--surface);border-radius:20px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 5px 18px #0000000d}@media (width<=380px){.split{grid-template-columns:1fr}.prayer-mini b{font-size:9px}.mini-chart{width:120px}}.prayers-screen{gap:12px;display:grid}.day-switch{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.day-switch span{text-transform:capitalize;font-size:16px;font-weight:750}.day-switch button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.prayer-list{gap:8px;display:grid}.prayer-item{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:10px;width:100%;padding:13px 14px;display:flex}.prayer-item-clickarea{text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.prayer-item-info{gap:2px;display:grid}.prayer-item-info b{font-size:15px}.prayer-name-row{align-items:center;gap:6px;display:flex}.jamaat-badge{border:1px solid var(--border);background:var(--surface-subtle);width:34px;height:34px;color:var(--text-faint);cursor:pointer;border-radius:12px;place-items:center;display:grid}.jamaat-badge.active{background:rgba(var(--accent-rgb),.15);color:var(--accent);border-color:var(--accent)}.jamaat-badge:disabled{opacity:.4;cursor:not-allowed}.habits-screen{gap:12px;display:grid}.add-fab{border:1.5px dashed var(--border-dashed);color:var(--text-muted-strong);cursor:pointer;background:0 0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:650;display:flex}.icon-btn{background:var(--surface-subtle);cursor:pointer;width:28px;height:28px;color:var(--text-muted-strong);border:0;border-radius:9px;place-items:center;display:grid}.icon-btn.danger{background:rgba(var(--danger-rgb),.13);color:var(--danger);border-radius:14px;width:44px;height:auto}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.habit-form{gap:12px;display:grid}.text-input{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:14px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.text-input[type=date]{appearance:none;min-width:0;max-width:100%;min-height:46px;display:block}.text-input[type=date]::-webkit-date-and-time-value{text-align:start}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekday-chip{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;border-radius:11px;padding:8px 0;font-size:12px;font-weight:650}.weekday-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.save-btn{background:var(--text-strong);color:var(--bg);cursor:pointer;border:0;border-radius:14px;padding:13px;font-size:15px;font-weight:650}.save-btn:disabled{opacity:.45;cursor:not-allowed}.accent-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;padding:14px;font-size:15px;font-weight:700;display:block}.khatm-chips{flex-wrap:wrap;gap:6px;display:flex}.khatm-chips .weekday-chip{padding:8px 12px}.khatm-norm{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border-radius:12px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:650}.khatm-today{border-top:1px solid var(--border-strong);margin-top:14px;padding-top:12px}.khatm-ahead{color:var(--accent)}.khatm-links{flex-wrap:wrap;gap:4px 16px;margin-top:14px;display:flex}.qada-dates{gap:10px;display:grid}.qada-dates label,.qada-manual label{gap:4px;min-width:0;display:grid}.qada-manual{gap:8px;display:grid}.qada-manual label{grid-template-columns:1fr 120px;align-items:center}.qada-row{align-items:center;gap:10px;padding:10px 0;display:flex}.qada-row+.qada-row{border-top:1px solid var(--border-strong)}.qada-left{text-align:end;font-variant-numeric:tabular-nums;min-width:48px;font-size:17px}.qada-btn{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-strong);cursor:pointer;border-radius:11px;min-width:40px;height:36px;font-size:16px;font-weight:700}.qada-btn.plus{background:var(--accent);border-color:var(--accent);color:#fff;min-width:48px}.qada-btn:disabled{opacity:.35;cursor:not-allowed}.accent-btn:disabled{opacity:.45;cursor:not-allowed}.plans-screen{gap:12px;display:grid}.plan-tabs{background:var(--surface-subtle-2);border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.plan-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:9px 0;font-size:13px;font-weight:700}.plan-tab.active{background:var(--surface);color:var(--text-strong);box-shadow:0 2px 8px #0000000f}.goal-card{gap:8px;display:grid}.goal-card .section-head{margin-bottom:0}.goal-card small{display:block}.goal-meta{justify-content:space-between;align-items:baseline;display:flex}.goal-progress-row{align-items:center;gap:10px;display:flex}.goal-progress-row .progress{flex:1;margin-top:0}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border:1px solid var(--border-medium);background:var(--surface-subtle);cursor:pointer;width:26px;height:26px;color:var(--text);border-radius:9px;place-items:center;display:grid}.goal-done-badge{color:var(--accent);background:rgba(var(--accent-rgb),.15);border-radius:9px;padding:3px 9px;font-size:11px;font-weight:750}.task-item{border:1px solid var(--border);background:var(--surface);text-align:start;cursor:pointer;border-radius:18px;grid-template-columns:22px 1fr 34px;align-items:center;gap:12px;width:100%;padding:13px 14px;display:grid}.task-item.done .task-title{color:var(--text-faint);text-decoration:line-through}.task-title{font-size:15px;font-weight:650}.profile-screen{gap:12px;display:grid}.profile-hero{align-items:center;gap:14px;display:flex}.profile-hero b{font-size:17px;display:block}.profile-avatar{background:var(--surface-subtle-2);width:52px;height:52px;color:var(--text-muted-strong);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-cell{text-align:center;background:var(--surface-subtle);border-radius:14px;padding:12px 4px}.stat-cell b{font-size:19px;display:block}.stat-cell small{color:var(--text-muted);font-size:11px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-switch{border:1px solid var(--border-medium);background:var(--surface-subtle);cursor:pointer;width:44px;height:26px;transition:background-color var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:13px;flex-shrink:0;padding:0;position:relative}.toggle-switch:after{content:"";top:2px;width:20px;height:20px;transition:transform var(--dur-state) var(--ease-out);background:#fff;border-radius:50%;position:absolute;inset-inline-start:2px;box-shadow:0 1px 3px #00000040}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-switch.on:after{transform:translate(18px)}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.qibla-row{align-items:center;gap:16px;display:flex}.qibla-compass{flex-shrink:0;width:76px;height:76px}.qibla-compass-large{aspect-ratio:1;width:100%;max-width:280px;margin:0 auto;display:block}.habit-form textarea.text-input{resize:vertical;min-height:64px}.reminder-times{flex-wrap:wrap;gap:8px;display:flex}.reminder-chip{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text);border-radius:11px;align-items:center;gap:6px;padding:7px 8px 7px 12px;font-size:13px;font-weight:650;display:flex}.reminder-chip button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.reminder-add-row{gap:8px;display:flex}.reminder-add-row input[type=time]{flex:1}.reminder-add-row button{background:var(--surface-subtle-2);color:var(--text);cursor:pointer;border:0;border-radius:11px;padding:0 14px;font-weight:650}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:650}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.field-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:750}.field-row{gap:8px;display:flex}.city-picker{gap:10px;display:grid}.city-search{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.city-search-input{color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-family:inherit;font-size:15px}.city-results{gap:6px;max-height:240px;display:grid;overflow-y:auto}.city-result{text-align:start;background:var(--surface-subtle);color:var(--text);cursor:pointer;border:0;border-radius:12px;padding:11px 14px;font-size:14px}.text-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px;font-size:13px}.onboarding-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-card{background:var(--surface);border-radius:26px;gap:14px;width:min(420px,100%);max-height:86vh;padding:24px;display:grid;overflow-y:auto}.onboarding-card h2{margin:0;font-size:20px}.onboarding-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.nav-row{text-align:start;cursor:pointer;align-items:center;gap:12px;width:100%;margin-bottom:8px;display:flex}.nav-row-icon{background:var(--surface-subtle);width:38px;height:38px;color:var(--text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-row-body{flex-direction:column;flex:1;gap:2px;display:flex}.nav-row-body b{font-size:15px}.sub-header{margin-bottom:16px}.nav-row-clickarea{text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;min-width:0;padding:0;display:flex}.icon-btn-plain{cursor:pointer;color:var(--text-muted);background:0 0;border:0;flex-shrink:0;align-items:center;padding:6px;display:flex}.icon-btn-plain:active{color:var(--accent)}.reply-textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:80px;color:var(--text);resize:vertical;border-radius:12px;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:14px}.faq-item{border-bottom:1px solid var(--border);padding:12px 0}.faq-item:last-child{border-bottom:0}.faq-item b{margin-bottom:4px;font-size:14px;display:block}.faq-question{text-align:start;width:100%;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.faq-question b{margin-bottom:0}.faq-answer{padding-top:6px;line-height:1.45;display:block}.support-hint{border:1px dashed color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--text-muted);border-radius:16px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.4}.onboarding-fullscreen{background:var(--bg);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.onboarding-topbar{justify-content:flex-end;padding:16px 16px 0;display:flex}.onboarding-progress{justify-content:center;gap:6px;padding:8px 0 4px;display:flex}.onboarding-dot{background:var(--border-strong);width:22px;height:4px;transition:background-color var(--dur-state) var(--ease-out), width var(--dur-state) var(--ease-out);border-radius:2px}.onboarding-dot.active{background:var(--text);width:28px}.onboarding-body{flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;padding:20px 24px 8px;display:flex;overflow-y:auto}.onboarding-body-center{text-align:center;flex:none;justify-content:center}.onboarding-icon{background:var(--surface);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 14px #00000014}.onboarding-body h2{margin:0;font-size:22px}.onboarding-body p{color:var(--text-muted);max-width:340px;margin:0;font-size:14px;line-height:1.5}.onboarding-fill{flex:1;width:100%;min-height:0;overflow-y:auto}.onboarding-footer{gap:10px;padding:12px 24px 28px;display:grid}.onboarding-madhhab-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:340px;margin-top:8px;display:grid}.onboarding-icon-logo{background:#2b1a4f;padding:0;overflow:hidden}.onboarding-icon-logo img{object-fit:cover;width:100%;height:100%}.onboarding-step{flex-direction:column;flex:1;min-height:0;display:flex}.onboarding-fill .city-picker{flex-direction:column;height:100%;display:flex}.onboarding-fill .city-results{flex:1;max-height:none}[dir=rtl] .toggle-switch.on:not([dir=ltr] *):after{transform:translate(-18px)}[dir=rtl] :is(.lucide-chevron-left,.lucide-chevron-right):not([dir=ltr] *){transform:scaleX(-1)}[dir=rtl] :not([dir=ltr],[dir=ltr] *){letter-spacing:normal!important}.habit-templates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.habit-template{text-align:start;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);cursor:pointer;font:inherit;border-radius:16px;gap:2px;padding:11px;display:grid}.habit-template b{margin-top:6px;font-size:13.5px}.habit-template-icon{width:38px;height:38px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:12px;place-items:center;display:grid}:is(.add-fab,.save-btn,.accent-btn,.nav-item,.qada-btn,.weekday-chip,.icon-btn,.habit-template),:is(.prayer-item,.task-item,.card.action){transition:transform var(--dur-press) var(--ease-out)}:is(.add-fab,.save-btn,.accent-btn,.nav-item,.qada-btn,.weekday-chip,.icon-btn,.habit-template):active:not(:disabled){transform:scale(.97)}:is(.prayer-item,.task-item,.card.action):active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){:is(.add-fab,.save-btn,.accent-btn,.nav-item,.qada-btn,.weekday-chip,.icon-btn,.habit-template,.prayer-item,.task-item,.card.action){transition:none}:is(.add-fab,.save-btn,.accent-btn,.nav-item,.qada-btn,.weekday-chip,.icon-btn,.habit-template,.prayer-item,.task-item,.card.action):active{transform:none}}.azkar-card-enter{--slide:16px;animation:azkar-card-in var(--dur-state) var(--ease-out)}[dir=rtl] .azkar-card-enter{--slide:-16px}@keyframes azkar-card-in{0%{opacity:0;transform:translateX(var(--slide))}to{opacity:1;transform:none}}@keyframes azkar-card-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.azkar-card-enter{animation-name:azkar-card-fade}}.num-pulse{animation:num-pulse var(--dur-pulse) var(--ease-out);display:inline-block}@keyframes num-pulse{50%{transform:scale(1.06)}}@keyframes num-pulse-calm{40%{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.num-pulse{animation-name:num-pulse-calm}}.stale-content{transition:opacity var(--dur-press) var(--ease-out);gap:12px;display:grid}.stale-content.is-stale{opacity:.45;pointer-events:none;transition-delay:.12s}.content.screen-forward,.content.screen-back,.onboarding-step.screen-forward,.onboarding-step.screen-back{animation:screen-in var(--dur-screen) var(--ease-drawer)}.screen-forward{--slide:24px}.screen-back,[dir=rtl] .screen-forward{--slide:-24px}[dir=rtl] .screen-back{--slide:24px}@keyframes screen-in{0%{opacity:0;transform:translateX(var(--slide))}to{opacity:1;transform:none}}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.content.screen-forward,.content.screen-back,.onboarding-step.screen-forward,.onboarding-step.screen-back{animation-name:screen-fade}.check>svg{transform:none}.progress span,.week-bars span{transition:none}.onboarding-dot{transition:background-color var(--dur-state) var(--ease-out)}}:root.theme-swap,:root.theme-swap *,:root.theme-swap :before,:root.theme-swap :after{transition:background-color var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out)!important}.toggle-switch:active:not(:disabled){transform:scale(.96)}.toggle-switch:before{content:"";position:absolute;inset:-9px -4px}@media (prefers-reduced-motion:reduce){.toggle-switch:active:not(:disabled){transform:none}}:is(.icon-btn:not(.danger),.jamaat-badge,.day-switch button,.stepper button,.qada-btn,.text-link-btn){position:relative}:is(.icon-btn:not(.danger),.jamaat-badge,.day-switch button,.stepper button,.qada-btn,.text-link-btn):after{content:"";position:absolute}.icon-btn:not(.danger):after{inset:-8px}.jamaat-badge:after{inset:-5px}.day-switch button:after{inset:-4px}.qada-btn:after{inset:-4px -2px}.text-link-btn:after{inset:-8px -4px}.stepper button:after{inset-block:-9px}.stepper button:first-child:after{inset-inline:-15px -3px}.stepper button:last-child:after{inset-inline:-3px -15px}.collapse{opacity:0;transition:grid-template-rows var(--dur-state) var(--ease-out), opacity var(--dur-press) var(--ease-out);grid-template-rows:0fr;display:grid}.collapse.open{opacity:1;grid-template-rows:1fr}.collapse>div{min-height:0;overflow:hidden}.chevron-turn{transition:transform var(--dur-state) var(--ease-out)}.chevron-turn.open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.collapse{transition:opacity var(--dur-press) var(--ease-out)}.chevron-turn{transition:none}}