@font-face{font-family:Faruma;src:url(./a_faruma-BfCwa3i7.ttf) format("truetype");font-display:swap}@font-face{font-family:Scheherazade;src:url(./scheherazade-CdY5h-qx.ttf) format("truetype");font-display:swap}:root{--paper: #f5efe1;--paper-2: #efe7d4;--surface: #fffdf6;--surface-2: #f4eede;--ink: #18241d;--muted: #5d6b61;--line: #e6ddc9;--line-soft: #efe8d8;--primary: #1b5e4a;--primary-bright: #2a7d63;--on-primary: #fbf7ec;--primary-container: #cfead9;--on-primary-container: #06371f;--gold: #b08423;--gold-bright: #cda23a;--gold-soft: #f0e3bf;--secondary-container: #e6e1cf;--on-secondary-container: #2b2a1a;--danger: #ad2f25;--shadow-sm: 0 1px 2px rgba(36, 48, 38, .06);--shadow: 0 10px 30px -14px rgba(24, 56, 42, .28);--shadow-lg: 0 24px 60px -22px rgba(24, 56, 42, .4);--accent-daily: #1b5e4a;--accent-travel: #2e6f86;--accent-umrah: #11796b;--accent-madinah: #4257b0;--accent-reference: #9a7b1e;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Scheherazade", "Amiri", "Noto Naskh Arabic", serif;--font-thaana: "Faruma", "MV Faseyha", sans-serif;--arabic-size: 27px;--dhivehi-size: 18px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--maxw: 700px}[data-theme=dark]{--paper: #0b1310;--paper-2: #0e1714;--surface: #14201b;--surface-2: #1a2722;--ink: #e8efe8;--muted: #9fb2a7;--line: #28352e;--line-soft: #1f2b26;--primary: #79d6b1;--primary-bright: #93e0c4;--on-primary: #04251a;--primary-container: #18493838;--on-primary-container: #bff0d8;--gold: #e0bd6c;--gold-bright: #eccb7e;--gold-soft: #33301f;--secondary-container: #2c3329;--on-secondary-container: #e6e1cf;--danger: #ffb4ab;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 14px 36px -16px rgba(0, 0, 0, .6);--shadow-lg: 0 28px 70px -24px rgba(0, 0, 0, .72);--accent-daily: #79d6b1;--accent-travel: #88c6dd;--accent-umrah: #5fd2be;--accent-madinah: #aeb8f0;--accent-reference: #e0bd6c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background-color:var(--paper);background-image:radial-gradient(1100px 520px at 78% -8%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 62%),radial-gradient(820px 480px at -10% 4%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;cursor:pointer}input{font-family:inherit}::selection{background:color-mix(in srgb,var(--gold) 35%,transparent)}.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;font-size:var(--arabic-size);line-height:2.1;white-space:pre-line;letter-spacing:0}.dhivehi{font-family:var(--font-thaana);direction:rtl;text-align:right;font-size:var(--dhivehi-size);line-height:1.95}.app{min-height:100%;display:flex;flex-direction:column;align-items:center}.content{width:100%;max-width:var(--maxw);padding:0 18px calc(110px + env(safe-area-inset-bottom,0px));flex:1}.topbar{position:sticky;top:0;z-index:20;width:100%;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line-soft)}.topbar-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:6px;padding:12px}.topbar-title{font-family:var(--font-display);font-optical-sizing:auto;font-size:21px;font-weight:560;letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:transparent;color:var(--muted);transition:background .18s ease,color .18s ease,transform .1s ease}.icon-btn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}.icon-btn:active{transform:scale(.92)}.icon-btn.active{color:var(--gold-bright)}.bottom-nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:30;width:min(calc(100% - 32px),440px);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:saturate(150%) blur(18px);backdrop-filter:saturate(150%) blur(18px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.bottom-nav-inner{display:flex;padding:7px 8px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 5px;border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.01em;transition:color .18s ease}.nav-item .pill{display:flex;align-items:center;justify-content:center;width:56px;height:30px;border-radius:16px;transition:background .22s ease,color .22s ease}.nav-item.active{color:var(--primary)}.nav-item.active .pill{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.section-label{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--accent, var(--primary));margin:26px 4px 12px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--accent, var(--primary)) 35%,transparent),transparent)}.hero{position:relative;padding:30px 6px 10px;overflow:hidden}.hero-deco{position:absolute;top:-34px;right:-22px;width:168px;height:168px;color:var(--gold);opacity:.16;pointer-events:none}[data-theme=dark] .hero-deco{opacity:.2}.hero-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:8px}.hero-greeting{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-optical-sizing:auto;font-size:34px;font-weight:540;letter-spacing:-.02em;line-height:1.05}.hero-sub{color:var(--muted);margin-top:8px;font-size:15px;max-width:42ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.cat-card,.dua-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;margin-bottom:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s ease,border-color .16s ease}.cat-card:hover,.dua-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent, var(--primary)) 36%,var(--line))}.cat-card:active,.dua-card:active{transform:translateY(0)}.cat-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;flex-shrink:0;color:var(--accent, var(--primary));background:color-mix(in srgb,var(--accent, var(--primary)) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent, var(--primary)) 22%,transparent)}.cat-titles,.dua-card .body{flex:1;min-width:0}.cat-title-dv{font-size:18px;font-weight:500}.cat-title-en{font-size:13px;color:var(--muted);margin-top:3px;font-weight:500}.dua-card .title-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.rep-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;font-family:var(--font-display);background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.type-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);padding:3px 8px;border-radius:6px}.snippet{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.content section .cat-card,.list-fade{animation:rise .4s both}.detail-title-dv{font-size:23px;font-weight:600;margin:10px 0 2px}.detail-title-en{font-size:14px;color:var(--muted)}.arabic-box{position:relative;background:radial-gradient(120% 140% at 80% 0%,color-mix(in srgb,var(--primary-bright) 16%,var(--primary)) 0%,var(--primary) 70%);color:var(--on-primary);border-radius:var(--radius-xl);padding:28px 24px;margin:16px 0;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);overflow:hidden}.arabic-box:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);border-radius:calc(var(--radius-xl) - 7px);pointer-events:none}.arabic-box .arabic{position:relative;text-align:center}[data-theme=dark] .arabic-box{background:radial-gradient(120% 140% at 80% 0%,#1c4636,#122e24 72%);color:#eafff4}.trans-box{border-radius:var(--radius);padding:16px 18px;margin:12px 0}.trans-dv{background:var(--surface);border:1px solid var(--line)}.trans-en{background:var(--surface-2);border:1px solid var(--line-soft);color:var(--ink);font-size:15px;line-height:1.68}.box-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}.reference-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);font-size:13px;font-weight:600;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:12px 22px;font-family:var(--font-body);font-size:15px;font-weight:600;background:var(--primary);color:var(--on-primary);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--primary) 80%,transparent);transition:transform .12s ease,box-shadow .16s ease,opacity .15s ease}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.btn:not(:disabled):hover{box-shadow:0 10px 24px -8px color-mix(in srgb,var(--primary) 80%,transparent)}.btn:not(:disabled):active{transform:scale(.96)}.btn-tonal{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);box-shadow:none}.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#2a2008;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--gold) 80%,transparent)}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink);box-shadow:none}.btn-text{background:transparent;color:var(--primary);padding:9px 14px;box-shadow:none}.actionbar{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:center;gap:12px;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--paper) 55%,color-mix(in srgb,var(--paper) 60%,transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.counter{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:20px;margin:16px 0;box-shadow:var(--shadow-sm)}.counter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.counter-title{font-family:var(--font-display);font-weight:560;font-size:17px}.counter-ring-wrap{display:flex;align-items:center;gap:20px}.ring{position:relative;width:112px;height:112px;flex-shrink:0}.ring svg{transform:rotate(-90deg)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:25px;font-weight:560;letter-spacing:-.02em}.counter-side{flex:1}.counter-help{font-size:13.5px;color:var(--muted);margin-bottom:14px;line-height:1.5}.dhikr-box{margin-top:16px;padding:16px 18px;border-radius:var(--radius);background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}.dhikr-en{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.55}.pulse{animation:pulse .28s ease}@keyframes pulse{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.step{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:18px;margin-bottom:13px;box-shadow:var(--shadow-sm)}.step-head{display:flex;gap:13px;align-items:flex-start}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:15px}.step-heading-en{font-size:13px;font-weight:600;color:var(--muted);margin-top:5px}.step-body-en{font-size:14px;color:var(--muted);line-height:1.65;margin-top:9px}.hajj-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-madinah);background:color-mix(in srgb,var(--accent-madinah) 14%,transparent);padding:3px 9px;border-radius:6px;margin-bottom:10px}.ref-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-bottom:9px;transition:border-color .16s ease}.ref-row:hover{border-color:color-mix(in srgb,var(--gold) 36%,var(--line))}.ref-row .ar{font-family:var(--font-arabic);direction:rtl;font-size:24px;line-height:1.6}.ref-row .meaning{font-family:var(--font-thaana);direction:rtl;text-align:right;font-size:15px;color:var(--muted);flex:1;line-height:1.7}.phrase-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 4px 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.phrase-group-en{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--gold)}.phrase-group-dv{font-size:16px;font-weight:500;color:var(--muted)}.phrase{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px 16px;margin-bottom:9px;box-shadow:var(--shadow-sm);transition:border-color .16s ease,transform .12s ease}.phrase:hover{border-color:color-mix(in srgb,var(--gold) 36%,var(--line))}.phrase-top{display:flex;align-items:center;gap:10px}.phrase-speak{flex-shrink:0;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.phrase-speak:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.phrase-ar{flex:1;min-width:0;font-family:var(--font-arabic);font-size:25px;line-height:1.7;text-align:right}.phrase-tr{margin-top:6px;font-size:13.5px;font-style:italic;color:var(--gold);letter-spacing:.01em}.phrase-meaning{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:5px}.phrase-en{font-size:14px;color:var(--ink)}.phrase-dv{font-size:15px;color:var(--muted);flex-shrink:0;order:2}.setting-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:4px 18px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line-soft)}.setting-row:last-child{border-bottom:none}.setting-row .label{font-weight:600}.setting-row .desc{font-size:13px;color:var(--muted);margin-top:3px}.radio-row{display:flex;gap:8px;flex-wrap:wrap}.seg{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 16px;font-family:var(--font-body);font-size:14px;font-weight:600;transition:background .16s ease,color .16s ease,border-color .16s ease}.seg svg{margin-right:-3px}.seg:hover{border-color:var(--primary);color:var(--primary)}.seg.active{background:var(--primary);color:var(--on-primary);border-color:transparent}.seg.active:hover{color:var(--on-primary)}.seg-sm{padding:6px 12px;font-size:12.5px;min-width:62px}input[type=range]{width:100%;accent-color:var(--gold)}.switch{position:relative;width:50px;height:30px;flex-shrink:0;border-radius:999px;border:none;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .2s ease}.switch.on{background:var(--primary)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s cubic-bezier(.2,.7,.3,1.4)}.switch.on:after{transform:translate(20px)}.field{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;transition:border-color .15s ease,box-shadow .15s ease}.field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.search-field{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:13px 20px;margin:10px 0 18px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.search-field input{flex:1;border:none;background:transparent;font-size:16px;color:var(--ink);outline:none}.empty{text-align:center;padding:72px 24px;color:var(--muted)}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);margin-bottom:18px}.empty h3{margin:0 0 8px;color:var(--ink);font-family:var(--font-display);font-weight:560;font-size:20px}.tracker{position:relative;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);padding:22px;margin:14px 0 8px;box-shadow:var(--shadow-sm);overflow:hidden}.tracker:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(to right,var(--gold-bright),var(--primary))}.tracker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.tracker-title{font-family:var(--font-display);font-size:20px;font-weight:560;letter-spacing:-.01em}.tracker-progress{font-size:13px;color:var(--muted);margin-bottom:16px}.stage{display:flex;align-items:center;gap:14px;padding:11px 0}.stage-icon{position:relative;flex-shrink:0;color:var(--muted);display:flex;align-items:center;justify-content:center}.stage:not(:last-of-type) .stage-icon:after{content:"";position:absolute;top:30px;left:50%;transform:translate(-50%);width:2px;height:30px;background:var(--line)}.stage-icon.done{color:var(--gold)}.stage-icon.done:after{background:color-mix(in srgb,var(--gold) 55%,transparent)}.stage-icon.active{color:var(--primary)}.stage-body{flex:1;min-width:0}.stage-title{font-weight:600;font-size:15px}.stage-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.stage-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,var(--paper) 30%,rgba(8,16,12,.55));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);animation:rise .22s both}.dialog h3{margin:0 0 14px;font-family:var(--font-display);font-weight:560;font-size:19px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.row{display:flex;align-items:center;gap:10px}.note{font-size:13.5px;color:var(--muted);line-height:1.65}.disclaimer{font-size:12.5px;color:var(--muted);line-height:1.6;background:color-mix(in srgb,var(--gold) 9%,transparent);border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:12px;padding:13px 15px;margin-top:10px}.install-modal{position:relative;text-align:center;max-width:400px}.install-close{position:absolute;top:12px;right:12px}.install-icon{width:76px;height:76px;border-radius:20px;margin:6px auto 14px;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.install-modal h3{text-align:center;margin:0 0 8px}.install-intro{text-align:center;margin:0 auto 18px;max-width:32ch}.install-cta{width:100%}.install-steps{list-style:none;margin:0 0 6px;padding:0;text-align:left}.install-steps li{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line-soft);font-size:14.5px;color:var(--ink)}.install-steps li:last-child{border-bottom:none}.install-step-ic{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:20px;font-weight:700}.install-done{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary);font-weight:600}.install-later{width:100%;margin-top:10px}.spacer{height:10px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}