:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4ef;--surface:#fff;--surface-alt:#e9ede6;--surface-blur:#ffffffc7;--border:#d7dcd0;--border-strong:#b9c1b1;--text:#1e2a24;--text-muted:#5c6b61;--text-faint:#66746a;--accent:#1f6f5c;--accent-hover:#175a4a;--accent-soft:#dcece6;--accent-on-soft:#175a4a;--accent-contrast:#fff;--gold:#8a6224;--gold-soft:#f3e6cf;--warn:#a8452f;--warn-soft:#f5e0da;--info:#2f5f8c;--info-soft:#dde8f2;--accent-rgb:31, 111, 92;--gold-rgb:138, 98, 36;--warn-rgb:168, 69, 47;--info-rgb:47, 95, 140;--text-rgb:30, 42, 36;--highlight-rgb:255, 255, 255;--highlight-strength:.6;--wash-accent:rgba(var(--accent-rgb), .06);--wash-gold:rgba(var(--gold-rgb), .05);--shadow-sm:0 1px 2px rgba(var(--text-rgb), .05);--shadow:0 1px 2px rgba(var(--text-rgb), .06), 0 8px 24px -12px rgba(var(--text-rgb), .14);--shadow-lg:0 4px 10px rgba(var(--text-rgb), .08), 0 20px 40px -16px rgba(var(--text-rgb), .2);--shadow-accent:0 2px 6px rgba(var(--accent-rgb), .12), 0 14px 28px -14px rgba(var(--accent-rgb), .38);--focus-ring:0 0 0 3px rgba(var(--accent-rgb), .35);--ease:cubic-bezier(.2, .7, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.13s var(--ease);--transition:.18s var(--ease);--transition-slow:.32s var(--ease);--font-display:"Fraunces", "El Messiri", Georgia, serif;--font-body:"Plus Jakarta Sans", "Almarai", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Almarai", ui-monospace, monospace;--font-naskh:"Amiri", "Reem Kufi", Georgia, serif;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:clamp(30px, 5vw, 40px);--text-hero:clamp(38px, 7vw, 68px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:22px;--radius-full:999px;--measure:640px;--measure-wide:900px;--sidebar-w:220px;--tabbar-h:62px;--z-sticky:20;--z-tabbar:40;--z-overlay:80;--z-modal:90;--dir:1}[dir=rtl]{--dir:-1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1411;--surface:#171e1a;--surface-alt:#1e2721;--surface-blur:#171e1acc;--border:#2a352d;--border-strong:#3d4a41;--text:#e9efe9;--text-muted:#a4b2a7;--text-faint:#7f8d83;--accent:#4cbe9d;--accent-hover:#6ad3b4;--accent-soft:#16332b;--accent-on-soft:#7fdcbf;--accent-contrast:#06231c;--gold:#d9a75d;--gold-soft:#33280f;--warn:#e3835f;--warn-soft:#3a1d14;--info:#74a9dc;--info-soft:#16283a;--accent-rgb:76, 190, 157;--gold-rgb:217, 167, 93;--warn-rgb:227, 131, 95;--info-rgb:116, 169, 220;--text-rgb:233, 239, 233;--highlight-rgb:255, 255, 255;--highlight-strength:.05;--wash-accent:rgba(var(--accent-rgb), .07);--wash-gold:rgba(var(--gold-rgb), .05);--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 8px 24px -12px #000000b3;--shadow-lg:0 4px 10px #00000073, 0 20px 40px -16px #000c;--shadow-accent:0 2px 6px #00000073, 0 14px 28px -14px rgba(var(--accent-rgb), .4);--focus-ring:0 0 0 3px rgba(var(--accent-rgb), .45)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1411;--surface:#171e1a;--surface-alt:#1e2721;--surface-blur:#171e1acc;--border:#2a352d;--border-strong:#3d4a41;--text:#e9efe9;--text-muted:#a4b2a7;--text-faint:#7f8d83;--accent:#4cbe9d;--accent-hover:#6ad3b4;--accent-soft:#16332b;--accent-on-soft:#7fdcbf;--accent-contrast:#06231c;--gold:#d9a75d;--gold-soft:#33280f;--warn:#e3835f;--warn-soft:#3a1d14;--info:#74a9dc;--info-soft:#16283a;--accent-rgb:76, 190, 157;--gold-rgb:217, 167, 93;--warn-rgb:227, 131, 95;--info-rgb:116, 169, 220;--text-rgb:233, 239, 233;--highlight-rgb:255, 255, 255;--highlight-strength:.05;--wash-accent:rgba(var(--accent-rgb), .07);--wash-gold:rgba(var(--gold-rgb), .05);--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 8px 24px -12px #000000b3;--shadow-lg:0 4px 10px #00000073, 0 20px 40px -16px #000c;--shadow-accent:0 2px 6px #00000073, 0 14px 28px -14px rgba(var(--accent-rgb), .4);--focus-ring:0 0 0 3px rgba(var(--accent-rgb), .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:radial-gradient(720px 420px at 100% -8%, var(--wash-accent), transparent 65%), radial-gradient(600px 380px at -6% 12%, var(--wash-gold), transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--transition-slow), color var(--transition-slow);background-attachment:fixed;margin:0;line-height:1.5}::selection{background:var(--accent-soft);color:var(--accent-on-soft)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{font-family:var(--font-display);margin:0}img,svg,canvas{max-width:100%}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-eyebrow{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}.text-display{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:600;line-height:1.04}.text-headline{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.015em;color:var(--text);margin:0;font-weight:600;line-height:1.15}.text-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);margin:0;padding:0;font-weight:600;line-height:1.25}.text-subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.text-body{font-family:var(--font-body);font-size:var(--text-md);color:var(--text);line-height:1.6}.text-meta{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted)}.text-caption{font-family:var(--font-body);font-size:var(--text-2xs);color:var(--text-faint)}.text-label{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.text-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-md);color:var(--text);font-weight:600}.rise{animation:rise .42s var(--ease) both;animation-delay:calc(var(--i,0) * 55ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .5s var(--ease) both;animation-delay:calc(var(--i,0) * 55ms)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-enter-active{transition:opacity var(--transition-slow), transform var(--transition-slow)}.page-leave-active{transition:opacity var(--transition-fast), transform var(--transition-fast)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;font-weight:600;font-family:var(--font-body);min-height:40px;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(155deg, var(--accent), var(--accent-hover));color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn.primary:hover:not(:disabled){background:linear-gradient(155deg, var(--accent-hover), var(--accent-hover));box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn.ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--surface-alt);border-color:var(--text-faint)}.btn.danger{border-color:var(--warn);color:var(--warn);background:0 0}.btn.danger:hover:not(:disabled){background:var(--warn-soft)}.btn.lg{padding:14px var(--space-6);font-size:var(--text-md);border-radius:var(--radius-md);min-height:50px}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;font-size:var(--text-md);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--surface-alt);color:var(--text);border-color:var(--border-strong)}.pill{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:inline-flex}.pill.done{background:var(--accent-soft);color:var(--accent-on-soft)}.pill.streak{background:var(--gold-soft);color:var(--gold)}.pill.risk{background:var(--warn-soft);color:var(--warn)}.pill.new{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.pill:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill.streak.hot:before{animation:2.4s ease-in-out infinite ember}@keyframes ember{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-rgb), .5)}50%{box-shadow:0 0 0 4px rgba(var(--gold-rgb), 0)}}.habit-row{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition);display:flex}.habit-row:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-1px)}.habit-row:focus-within{border-color:var(--accent)}.habit-row.paused{opacity:.55;background:var(--surface-alt);box-shadow:none}.habit-row.paused .habit-title{color:var(--text-muted)}.habit-row.paused:hover{box-shadow:none;border-color:var(--border);transform:none}.habit-check{width:26px;height:26px;font-size:var(--text-xs);color:var(--accent-contrast);border:1.5px solid var(--border-strong);cursor:pointer;transition:background-color var(--transition), border-color var(--transition), transform var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.habit-check:hover{border-color:var(--accent);transform:scale(1.08)}.habit-check:disabled{cursor:not-allowed;opacity:.5;border-style:dashed}.habit-check:disabled:hover{border-color:var(--border-strong);transform:none}.habit-check.on{background:linear-gradient(155deg, var(--accent), var(--accent-hover));border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);animation:check-pop .32s var(--ease-spring)}@keyframes check-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.habit-check.on:before{content:"";border:2px solid var(--accent);width:26px;height:26px;animation:check-ripple .62s var(--ease) forwards;pointer-events:none;border-radius:50%;position:absolute}@keyframes check-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.habit-marker{background:var(--surface-alt);border:1px solid var(--border);width:26px;height:26px;color:var(--text-faint);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.habit-body{flex:1;min-width:0}.habit-title{font-size:var(--text-base);letter-spacing:-.005em;font-weight:600}.habit-row.done .habit-title{color:var(--text-muted)}.habit-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.habit-action{font-size:var(--text-xs);color:var(--accent-on-soft);background:var(--accent-soft);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:700;font-family:var(--font-body);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0}.habit-action:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-1px)}.prayer-block{border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-alt);transition:background-color var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000}.prayer-block.next{background:linear-gradient(165deg, var(--accent-soft), var(--surface));border-color:rgba(var(--accent-rgb), .35);box-shadow:var(--shadow-accent), inset 0 1px 0 rgba(var(--highlight-rgb), var(--highlight-strength))}.prayer-block.passed{opacity:.82}.prayer-block-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.prayer-name{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:var(--space-2);font-weight:700;display:inline-flex}.prayer-block.next .prayer-name{color:var(--accent-on-soft)}.prayer-time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-faint);white-space:nowrap}.prayer-block.next .prayer-time{color:var(--accent-on-soft)}.prayer-rows{gap:var(--space-2);flex-direction:column;display:flex}.field{margin-bottom:var(--space-1)}.field-label{font-size:var(--text-sm);margin-bottom:var(--space-2);gap:var(--space-1);font-weight:600;display:flex}.field-label .req{color:var(--warn)}.field-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;padding:11px var(--space-3);font-size:var(--text-base);color:var(--text);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.field-input::placeholder{color:var(--text-faint)}.field-input:hover{border-color:var(--text-faint)}.field-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.field-hint{font-size:var(--text-xs);color:var(--text-faint);margin-top:5px}.field-error{font-size:var(--text-xs);color:var(--warn);animation:shake .32s var(--ease);margin-top:5px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.field-input.invalid{border-color:var(--warn)}.field-input.invalid:focus{box-shadow:0 0 0 3px rgba(var(--warn-rgb), .25)}.prayer-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.prayer-pill{text-align:center;padding:11px var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);border:1.5px solid var(--border-strong);color:var(--text-muted);cursor:pointer;font-weight:600;font-family:var(--font-body);min-height:42px;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;flex:84px}.prayer-pill:hover{border-color:var(--accent);color:var(--text)}.prayer-pill.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-on-soft);transform:translateY(-1px)}.day-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.day-pill{text-align:center;border-radius:var(--radius-full);font-size:var(--text-xs);border:1.5px solid var(--border-strong);color:var(--text-muted);cursor:pointer;max-width:64px;min-height:42px;font-weight:700;font-family:var(--font-body);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;flex:38px;padding:10px 0}.day-pill:hover{border-color:var(--accent);color:var(--text)}.day-pill.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-on-soft)}button.day-pill.selected:active{transform:scale(.94)}.back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);width:fit-content;transition:color var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.back-link:before{content:"←";transition:transform var(--transition-fast);display:inline-block}.back-link:hover{color:var(--accent)}.back-link:hover:before{transform:translate(-3px)}[dir=rtl] .back-link:hover:before{transform:translate(3px)}.stat-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition)}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-2px)}.stat-card.streak{background:linear-gradient(165deg, var(--gold-soft), var(--surface));border-color:rgba(var(--gold-rgb), .3)}.stat-card.streak:hover{box-shadow:0 2px 6px rgba(var(--gold-rgb), .12), 0 14px 28px -14px rgba(var(--gold-rgb), .35)}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);color:var(--text);letter-spacing:-.01em;font-weight:600;line-height:1.1}.stat-card.streak .stat-value{color:var(--gold)}.stat-label{font-size:var(--text-2xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-top:var(--space-2);font-weight:700}.history-grid{gap:var(--space-2);flex-direction:column;display:flex}.history-dow{gap:var(--space-2);display:flex}.history-dow span{text-align:center;font-size:var(--text-2xs);color:var(--text-faint);flex:1;font-weight:600}.history-week{gap:var(--space-2);display:flex}.history-cell{aspect-ratio:1;font:inherit;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);flex:1;justify-content:center;align-items:center;padding:0;display:flex}.history-cell:hover:not(:disabled){filter:brightness(.97);transform:scale(1.08)}.history-cell:disabled{cursor:not-allowed}.history-cell.on{background:var(--accent);border-color:var(--accent);box-shadow:0 1px 3px rgba(var(--accent-rgb), .25)}.history-cell.on:after{content:"✓";color:var(--accent-contrast);font-size:var(--text-xs);font-weight:700}.history-cell.missed{background:var(--warn-soft);border-color:rgba(var(--warn-rgb), .35)}.history-cell.not-scheduled{background:repeating-linear-gradient(45deg, var(--border-strong) 0, var(--border-strong) 1.5px, transparent 1.5px, transparent 6px), var(--surface-alt);border-color:var(--border)}.view{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.margin-bottom{margin-bottom:var(--space-2)}.column{gap:var(--space-5);flex-direction:column;width:100%;max-width:520px;display:flex}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-16) var(--space-4);animation:rise .42s var(--ease) both;flex-direction:column;display:flex}.empty-icon{width:68px;height:68px;margin-bottom:var(--space-2);background:var(--accent-soft);color:var(--accent);font-size:var(--text-2xl);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state .text-subtitle{max-width:340px;margin-bottom:var(--space-5)}@media (width<=720px){.page-header{gap:var(--space-3);align-items:flex-start}.stat-card{padding:var(--space-4)}.prayer-block,.habit-row{padding:var(--space-3)}.btn.lg{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-in{animation:rise .62s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}.segmented{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-weight:600}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent-on-soft);box-shadow:var(--shadow-sm)}.theme-toggle[data-v-f52f2397]{flex-shrink:0}.swap-enter-active[data-v-f52f2397],.swap-leave-active[data-v-f52f2397]{transition:opacity var(--transition-fast), transform var(--transition-fast)}.swap-enter-from[data-v-f52f2397]{opacity:0;transform:rotate(-40deg)scale(.7)}.swap-leave-to[data-v-f52f2397]{opacity:0;transform:rotate(40deg)scale(.7)}.locale-toggle[data-v-f21b2c04]{flex-shrink:0}.locale-glyph[data-v-f21b2c04]{min-width:1.4em;font-family:var(--font-body);font-size:var(--text-sm);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.swap-enter-active[data-v-f21b2c04],.swap-leave-active[data-v-f21b2c04]{transition:opacity var(--transition-fast), transform var(--transition-fast)}.swap-enter-from[data-v-f21b2c04]{opacity:0;transform:translateY(4px)}.swap-leave-to[data-v-f21b2c04]{opacity:0;transform:translateY(-4px)}.sidebar[data-v-4f6908d0]{flex:0 0 var(--sidebar-w);background:linear-gradient(180deg, var(--surface-alt), var(--bg));border-inline-end:1px solid var(--border);height:100dvh;box-shadow:calc(var(--dir) * 6px) 0 24px -20px rgba(var(--text-rgb), .5);padding:var(--space-6) var(--space-4);align-self:flex-start;gap:var(--space-8);flex-direction:column;display:flex;position:sticky;top:0}.brand[data-v-4f6908d0]{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text);align-items:center;gap:var(--space-2);padding:0 var(--space-1);text-decoration:none;display:flex}.brand-mark[data-v-4f6908d0]{border-radius:var(--radius-sm);width:26px;height:26px;box-shadow:0 0 0 4px var(--accent-soft);transition:transform var(--transition);flex-shrink:0;display:block;overflow:hidden}.brand:hover .brand-mark[data-v-4f6908d0]{transform:rotate(-6deg)scale(1.05)}.brand-mark[data-v-4f6908d0] svg{width:100%;height:100%;display:block}.nav[data-v-4f6908d0]{flex-direction:column;gap:2px;display:flex}.nav-item[data-v-4f6908d0]{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-muted);padding:10px var(--space-3);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none;display:flex;position:relative}.nav-icon[data-v-4f6908d0]{font-size:var(--text-lg);opacity:.75;flex-shrink:0}.nav-item[data-v-4f6908d0]:hover{background:var(--surface);color:var(--text)}.nav-item.router-link-active[data-v-4f6908d0]{background:var(--surface);color:var(--accent-on-soft);box-shadow:var(--shadow-sm), 0 0 0 1px rgba(var(--accent-rgb), .12);font-weight:600}.nav-item.router-link-active .nav-icon[data-v-4f6908d0]{opacity:1;color:var(--accent)}.nav-item.router-link-active[data-v-4f6908d0]:before{content:"";inset-inline-start:calc(-1 * var(--space-4));background:var(--accent);border-start-end-radius:3px;border-end-end-radius:3px;width:3px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.rail-foot[data-v-4f6908d0]{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.rail-toggles[data-v-4f6908d0],.topbar-actions[data-v-4f6908d0]{align-items:center;gap:var(--space-2);display:flex}.new-btn[data-v-4f6908d0]{width:100%;font-size:var(--text-sm)}.topbar[data-v-4f6908d0],.tabbar[data-v-4f6908d0]{display:none}@media (width<=720px){.sidebar[data-v-4f6908d0]{display:none}.topbar[data-v-4f6908d0]{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-blur);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.tabbar[data-v-4f6908d0]{z-index:var(--z-tabbar);padding-bottom:env(safe-area-inset-bottom,0);background:var(--surface-blur);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-item[data-v-4f6908d0]{height:var(--tabbar-h);color:var(--text-faint);font-size:var(--text-2xs);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:600;text-decoration:none;display:flex}.tab-icon[data-v-4f6908d0]{font-size:var(--text-xl);transition:transform var(--transition)}.tab-item.router-link-active[data-v-4f6908d0]{color:var(--accent)}.tab-item.router-link-active .tab-icon[data-v-4f6908d0]{transform:translateY(-2px)}.tab-new[data-v-4f6908d0]{color:var(--accent)}}.tour-root[data-v-b4860231]{z-index:var(--z-modal);position:fixed;inset:0}.tour-spotlight[data-v-b4860231]{border-radius:var(--radius-md);border:2px solid var(--accent);transition:top .2s var(--ease), left .2s var(--ease), width .2s var(--ease), height .2s var(--ease);position:fixed;box-shadow:0 0 0 9999px #0f171499}.tour-tooltip[data-v-b4860231]{width:min(320px,100vw - 32px);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:tour-show-b4860231 .15s var(--ease);position:fixed}.tour-tooltip.flip[data-v-b4860231]{animation-name:tour-show-flip-b4860231;transform:translateY(-100%)}.tour-head[data-v-b4860231]{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tour-progress[data-v-b4860231]{font-size:var(--text-2xs);color:var(--text-faint);letter-spacing:.04em;direction:ltr;unicode-bidi:isolate;font-weight:600}.tour-close[data-v-b4860231]{width:22px;height:22px;color:var(--text-faint);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tour-close[data-v-b4860231]:hover{background:var(--surface-alt);color:var(--text)}.tour-title[data-v-b4860231]{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text);margin:0 0 var(--space-2)}.tour-body[data-v-b4860231]{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.tour-actions[data-v-b4860231]{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}@keyframes tour-show-b4860231{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-show-flip-b4860231{0%{opacity:0;transform:translateY(calc(-100% - 4px))}to{opacity:1;transform:translateY(-100%)}}.shell[data-v-28715b3f]{min-height:100dvh;display:flex}.main[data-v-28715b3f]{min-width:0;padding:var(--space-10);flex:1;justify-content:center;display:flex}.main[data-v-28715b3f]:focus{outline:none}.main-inner[data-v-28715b3f]{width:100%;max-width:var(--measure);gap:var(--space-5);flex-direction:column;display:flex}.skip-link[data-v-28715b3f]{inset-inline-start:var(--space-4);top:calc(-1 * var(--space-16));z-index:var(--z-modal);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:top var(--transition);font-weight:600;text-decoration:none;position:absolute}.skip-link[data-v-28715b3f]:focus{top:var(--space-4)}@media (width<=720px){.shell[data-v-28715b3f]{flex-direction:column}.main[data-v-28715b3f]{padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--tabbar-h) + var(--space-6) + env(safe-area-inset-bottom,0px))}}.geometry-canvas[data-v-a9b3116f]{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(78% 68% at 50% 42%,#000 30%,#0000 78%);mask-image:radial-gradient(78% 68% at 50% 42%,#000 30%,#0000 78%)}.landing[data-v-f1965d23]{--pad-x:clamp(20px, 5vw, 56px);flex-direction:column;min-height:100dvh;display:flex}.landing-nav[data-v-f1965d23]{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--pad-x);background:var(--surface-blur);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand[data-v-f1965d23]{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);font-weight:600;text-decoration:none;display:inline-flex}.brand-dot[data-v-f1965d23]{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:3px;transform:rotate(45deg)}.landing-nav-links[data-v-f1965d23]{align-items:center;gap:var(--space-4);display:flex}.nav-link[data-v-f1965d23]{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.nav-link[data-v-f1965d23]:hover{color:var(--accent)}.hero[data-v-f1965d23]{padding:clamp(56px, 11vh, 120px) var(--pad-x) clamp(64px, 12vh, 128px);justify-content:center;display:flex;position:relative;overflow:hidden}.hero-inner[data-v-f1965d23]{z-index:1;text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;width:100%;max-width:760px;display:flex;position:relative}.hero-eyebrow[data-v-f1965d23]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-on-soft);border:1px solid rgba(var(--accent-rgb), .25);font-size:var(--text-xs);letter-spacing:.02em;margin:0;font-weight:700;display:inline-flex}.text-display[data-v-f1965d23] em,.text-display em[data-v-f1965d23]{color:var(--accent);font-style:italic}.hero-lede[data-v-f1965d23]{max-width:56ch;color:var(--text-muted);margin:0}.hero-cta[data-v-f1965d23]{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.hero-note[data-v-f1965d23]{margin:0}.hero-card[data-v-f1965d23]{width:100%;max-width:380px;margin-top:var(--space-6);padding:var(--space-5);text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.hero-card-head[data-v-f1965d23]{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.live-dot[data-v-f1965d23]{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite live-pulse-f1965d23}@keyframes live-pulse-f1965d23{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .55)}70%{box-shadow:0 0 0 7px rgba(var(--accent-rgb), 0)}}.hero-card-main[data-v-f1965d23]{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.hero-prayer[data-v-f1965d23]{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);font-weight:600}.hero-time[data-v-f1965d23]{font-size:var(--text-xl);color:var(--accent);font-weight:600}.hero-card-error[data-v-f1965d23]{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--warn);display:flex}.hero-card-error>svg[data-v-f1965d23]{font-size:var(--text-lg);flex-shrink:0}.link-btn[data-v-f1965d23]{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.skeleton[data-v-f1965d23]{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-alt) 25%, var(--border) 50%, var(--surface-alt) 75%);background-size:200% 100%;animation:1.4s linear infinite shimmer-f1965d23;display:block}.skeleton-lg[data-v-f1965d23]{width:40%;height:26px}.skeleton-sm[data-v-f1965d23]{width:25%;height:20px}@keyframes shimmer-f1965d23{0%{background-position:200% 0}to{background-position:-200% 0}}.section[data-v-f1965d23]{padding:clamp(56px, 9vh, 104px) var(--pad-x);max-width:calc(var(--measure-wide) + var(--pad-x) * 2);width:100%;margin:0 auto}.section-head[data-v-f1965d23]{margin-bottom:var(--space-10);max-width:46ch}.section-head .text-eyebrow[data-v-f1965d23]{margin:0 0 var(--space-2)}.steps[data-v-f1965d23]{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.step[data-v-f1965d23]{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);position:relative}.step[data-v-f1965d23]:hover{box-shadow:var(--shadow);border-color:rgba(var(--accent-rgb), .3);transform:translateY(-3px)}.step-number[data-v-f1965d23]{top:var(--space-5);font-size:var(--text-xs);color:var(--text-faint);position:absolute;inset-inline-end:var(--space-5)}.step-icon[data-v-f1965d23]{font-size:var(--text-2xl);color:var(--accent);margin-bottom:var(--space-3);display:block}.step-title[data-v-f1965d23],.feature-title[data-v-f1965d23]{font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--text);font-weight:600}.quote-section[data-v-f1965d23]{padding:clamp(40px, 7vh, 80px) var(--pad-x);justify-content:center;display:flex}.quote[data-v-f1965d23]{max-width:640px;padding:var(--space-10) var(--space-8);text-align:center;background:linear-gradient(165deg, var(--accent-soft), transparent);border:1px solid rgba(var(--accent-rgb), .22);border-radius:var(--radius-xl);margin:0}.quote-text[data-v-f1965d23]{font-family:var(--font-naskh);font-size:var(--text-xl);color:var(--text);margin:0 0 var(--space-4);line-height:1.7}.quote-source[data-v-f1965d23]{color:var(--accent-on-soft)}.feature-grid[data-v-f1965d23]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.feature-card[data-v-f1965d23]{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition)}.feature-card[data-v-f1965d23]:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon[data-v-f1965d23]{border-radius:var(--radius-md);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);font-size:var(--text-xl);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.closer[data-v-f1965d23]{padding:clamp(64px, 11vh, 128px) var(--pad-x);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.closer-lede[data-v-f1965d23]{max-width:44ch;color:var(--text-muted);margin:0}.landing-footer[data-v-f1965d23]{padding:var(--space-8) var(--pad-x) var(--space-10);text-align:center;border-top:1px solid var(--border);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.footer-link[data-v-f1965d23]{color:var(--text-muted);text-underline-offset:3px;transition:color var(--transition-fast);text-decoration:underline}.footer-link[data-v-f1965d23]:hover{color:var(--accent)}@media (width<=720px){.landing-nav-links .nav-link[data-v-f1965d23]{display:none}.hero-cta[data-v-f1965d23]{flex-direction:column;width:100%}.quote[data-v-f1965d23]{padding:var(--space-8) var(--space-5)}}