@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-600-normal-JLzruTOp.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-600-normal-DaTr67aF.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-arabic-700-normal-BdBAMxnO.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-700-normal-fm10sHOa.woff) format("woff")}:root{font-family:Noto Sans Arabic,sans-serif;color:#123e34;background:#e9ede9;font-synthesis:none;--green:#064c3c;--deep:#073e34;--gold:#ad8538;--muted:#7b8584;--paper:#faf9f5;--line:#e8e6df}*{box-sizing:border-box}body{margin:0;direction:rtl}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d0ac62;outline-offset:4px}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}h1,h2,p{margin:0}svg{flex-shrink:0}button{transition:background .16s,transform .16s}.app-shell{max-width:440px;min-height:100dvh;margin:0 auto;background:var(--paper);position:relative;padding-bottom:92px;box-shadow:0 0 45px #193b2d09}.app-header{padding:17px 20px 9px;display:flex;align-items:center;justify-content:space-between;min-height:89px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover}.brand strong{display:block;font-family:Noto Naskh Arabic,serif;font-size:34px;line-height:1.1;font-weight:700}.brand span{display:block;color:var(--gold);font-size:10px;margin-top:4px}.round-button{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;background:#f4f0e5;color:var(--gold)}main{padding:0 16px}.greeting{text-align:center;padding:9px 0 16px}.greeting>p{font-family:Noto Naskh Arabic,serif;font-size:22px;color:var(--gold)}.gold-divider{width:68px;height:1px;background:#c9a35b;margin:5px auto 12px}.greeting h1{font-family:Noto Naskh Arabic,serif;font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.7px}.daily-feature{overflow:hidden;border-radius:22px;background:var(--deep)}.kaaba-image{width:100%;height:228px;object-fit:cover;object-position:center 50%;display:block}.feature-caption{padding:10px 18px 12px;text-align:center;color:#fff}.feature-caption h2{font-family:Noto Naskh Arabic,serif;font-size:28px;line-height:1.35}.caption-rule{width:66px;height:1px;background:#b99748;margin:5px auto 9px}.feature-caption p{font-family:Noto Naskh Arabic,serif;font-size:18px;line-height:1.3;color:#f5f1e6}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;background:var(--green);color:#fff;border-radius:28px;padding:10px 18px;font-size:16px;font-weight:600;position:relative}.primary-button:hover{background:#0b604c}.primary-button:active{transform:scale(.985)}.start-prayer{margin-top:13px;font-family:Noto Naskh Arabic,serif;font-size:27px;min-height:56px;padding:6px 55px}.button-arrow{position:absolute;left:7px;top:7px;height:42px;width:42px;border-radius:50%;background:#003e31;display:grid;place-items:center}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.stat{border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:9px 13px;min-height:79px}.stat strong{font-family:Noto Naskh Arabic,serif;display:block;font-size:30px;line-height:1.25;font-weight:700}.stat span:not(.stat-icon){display:block;font-size:12px;white-space:nowrap;color:var(--muted)}.stat-icon{width:45px;height:45px;border-radius:50%;background:#f3eee2;color:var(--gold);display:grid;place-items:center}.dhikr-shortcut{display:flex;align-items:center;width:100%;gap:10px;margin-top:13px;background:#eaf1e8;border-radius:18px;padding:12px 13px;text-align:right;min-height:69px}.shortcut-icon{width:45px;height:45px;display:grid;place-items:center;background:#dce9da;border-radius:50%}.dhikr-shortcut strong{font-size:16px;display:block}.dhikr-shortcut small{font-size:12px;color:var(--muted)}.dhikr-shortcut>svg{margin-right:auto}.bottom-nav{position:fixed;bottom:0;right:0;left:0;margin:0 auto;z-index:30;max-width:440px;min-height:75px;display:grid;grid-template-columns:repeat(4,1fr);background:#fffefb;border-top:1px solid #eeece4;padding:7px 4px max(8px,env(safe-area-inset-bottom))}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#89918e;font-size:11px;min-height:55px}.bottom-nav button.active{color:var(--green);font-weight:600}.bottom-nav button.active:after{content:"";position:absolute;bottom:-3px;width:30px;height:3px;background:#c09b4c;border-radius:3px}.page-title{text-align:center;padding:22px 0 24px}.page-title>p{font-size:13px;color:var(--gold);margin-bottom:6px}.page-title h1{font-family:Noto Naskh Arabic,serif;font-size:32px;line-height:1.4}.page-title>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.back-button{display:flex;align-items:center;gap:6px;color:var(--muted);padding:12px 0 0;font-size:12px}.prayer-page .page-title{padding:12px 0 17px}.prayer-visual{height:145px;overflow:hidden;border-radius:100px 100px 15px 15px;width:200px;margin:0 auto 20px}.prayer-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 33%}.prayer-copy{text-align:center;padding:0 15px}.prayer-copy>svg{color:var(--gold);margin-bottom:15px}.dua-text{font-family:Noto Naskh Arabic,serif;font-size:25px;line-height:1.9;color:var(--deep);min-height:150px}.prayer-copy>span{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.step-indicator{display:flex;gap:6px;justify-content:center;margin:24px 0 20px}.step-indicator span{width:25px;height:4px;background:#dedfd5;border-radius:3px}.step-indicator span.complete{background:#af8f48}.text-button{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px auto 0;padding:9px 14px;min-height:44px;color:var(--muted);font-size:12px}.small-note{font-size:10px;line-height:1.9;color:#8b918a;text-align:center;margin:18px 12px 4px}.completion{padding:75px 10px;text-align:center}.completion-icon{display:grid;place-items:center;width:82px;height:82px;border:1px solid #d9dfce;background:#eaf0e4;border-radius:50%;margin:0 auto 25px}.completion h1{font-family:Noto Naskh Arabic,serif;font-size:36px;margin:10px 0}.completion>p{font-size:13px;line-height:2;color:var(--muted)}.completion .section-kicker{color:var(--gold)}.completion .primary-button{margin-top:30px}.phrase-tabs{display:flex;gap:5px;background:#eeeee7;padding:5px;border-radius:12px}.phrase-tabs button{flex:1;font-family:Noto Naskh Arabic,serif;font-size:16px;min-height:42px;padding:5px 2px;border-radius:9px}.phrase-tabs button.active{background:#fffefb;color:var(--green);box-shadow:0 2px 6px #23332408}.dhikr-focus{text-align:center;padding:28px 12px 20px}.dhikr-focus>svg{color:var(--gold)}.dhikr-focus h2{font-family:Noto Naskh Arabic,serif;font-size:34px;margin:10px 0 5px}.dhikr-focus>p{font-size:12px;color:var(--muted)}.counter-button{width:205px;height:205px;border-radius:50%;border:2px solid #b59753;background:var(--green);color:#fff;outline:8px solid #e8ecdf;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:35px auto 27px;box-shadow:0 10px 25px #174d3414}.counter-button:active{transform:scale(.96);background:#0e654e}.counter-button strong{font-family:Noto Naskh Arabic,serif;font-size:73px;line-height:1.3;font-weight:600}.counter-button>span{font-size:13px;color:#bdd2c8}.dhikr-focus progress{height:5px;border:0;width:165px;border-radius:10px;overflow:hidden;background:#e1e5d8}.dhikr-focus progress::-webkit-progress-bar{background:#e1e5d8}.dhikr-focus progress::-webkit-progress-value{background:#b49a5b;border-radius:10px}.dhikr-focus progress::-moz-progress-bar{background:#b49a5b}.counter-caption{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;margin-top:14px}.reset-counter{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin:6px auto 0;min-height:44px}.total-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 8px;font-size:13px}.total-row strong{font-family:Noto Naskh Arabic,serif;font-size:25px;color:var(--gold)}.info-row{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;color:var(--muted);padding:10px 8px;min-height:44px}.checkin-panel{text-align:center;padding:24px 20px;background:#edf1e6;border-radius:20px}.checkin-panel>svg{color:var(--gold)}.checkin-panel h2{font-family:Noto Naskh Arabic,serif;font-size:26px;margin:12px 0 5px}.checkin-panel p{font-size:12px;color:var(--muted);margin-bottom:20px}.checkin-panel button:disabled{background:#dce7d5;color:#466c52}.section-heading{font-size:16px;margin:28px 0 18px}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.week-row>div{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:88px}.week-row span{font-size:9px;color:var(--muted)}.week-row strong{font-size:13px;font-weight:400;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eeeee5}.week-row .checked strong{background:var(--green);color:#fff}.week-row small{color:var(--gold);font-size:9px}.journey-totals{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:22px 0}.journey-totals>div{display:flex;align-items:center;flex-direction:column;gap:7px}.journey-totals>div+div{border-right:1px solid var(--line)}.journey-totals svg{color:var(--gold)}.journey-totals strong{font-family:Noto Naskh Arabic,serif;font-size:30px;line-height:1.3}.journey-totals span{font-size:12px;color:var(--muted)}.profile-header{text-align:center;padding:0 0 25px}.profile-header>span{display:grid;place-items:center;border:1px solid #e2dbc5;background:#f2edde;width:74px;height:74px;border-radius:50%;margin:0 auto;color:var(--gold)}.profile-header h2{font-family:Noto Naskh Arabic,serif;font-size:28px;margin-top:12px}.profile-header p{font-size:12px;color:var(--muted)}.profile-header button{display:flex;align-items:center;gap:6px;margin:12px auto 0;font-size:11px;color:var(--gold);min-height:44px}.settings-list{border-top:1px solid var(--line)}.settings-list>button,.settings-list>label{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--line);width:100%;padding:14px 4px;font-size:13px;text-align:right}.settings-list>button>svg:first-child,.settings-list>label>svg{color:var(--gold)}.settings-list>button>svg:last-child,.settings-list input{margin-right:auto}.settings-list input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:39px;height:23px;background:#d8ded4;border-radius:20px;position:relative;cursor:pointer}.settings-list input:after{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px}.settings-list input:checked{background:var(--green)}.settings-list input:checked:after{left:19px}.about-brand{padding:30px;text-align:center;display:flex;align-items:center;flex-direction:column}.about-brand img{width:45px;height:45px;border-radius:50%}.about-brand strong{font-family:Noto Naskh Arabic,serif;font-size:25px;margin-top:8px}.about-brand span{font-size:10px;color:var(--gold)}.about-brand small{font-size:9px;color:#9da399;margin-top:15px}.app-dialog{border:1px solid #e3dfd2;border-radius:24px;background:var(--paper);color:var(--deep);padding:35px 24px 15px;max-width:360px;width:calc(100% - 36px);box-shadow:0 20px 80px #00241830}.app-dialog::backdrop{background:#082b2277;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:32px;height:32px;color:var(--muted)}.app-dialog h2{font-family:Noto Naskh Arabic,serif;font-size:29px;padding-left:14px;margin:10px 0 12px}.app-dialog p{font-size:13px;line-height:2;color:#63746a;margin-bottom:20px}.app-dialog .primary-button{font-size:13px;min-height:46px}.app-dialog .danger{background:#8d4a3d}.name-field{font-size:12px;display:block;margin-bottom:20px}.name-field input{display:block;width:100%;margin-top:8px;border:1px solid #d9d9c8;border-radius:12px;padding:12px;background:#fffefb;color:var(--green);font-size:16px}.large-text .dua-text{font-size:29px}.large-text .prayer-copy>span,.large-text .app-dialog p{font-size:15px}.large-text .feature-caption p{font-size:20px}@media(min-width:600px){.app-shell{border-right:1px solid #dce2d8;border-left:1px solid #dce2d8}.app-header{padding-top:24px}.kaaba-image{height:245px}}@media(max-width:350px){.brand strong{font-size:29px}.brand img{width:48px;height:48px}.greeting h1{font-size:29px}.stat{padding:8px}.stat-icon{width:36px;height:36px}.stat span:not(.stat-icon){font-size:11px}.phrase-tabs button{font-size:14px}.week-row strong{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.greeting{padding:3px 0 14px}.greeting>p{line-height:1.35}.gold-divider{margin:5px auto 9px}.kaaba-image{object-position:center}.dhikr-shortcut strong{line-height:1.5}.dhikr-shortcut small{display:block;line-height:1.5}.stat span:not(.stat-icon){line-height:1.5}.brand strong{font-size:29px;line-height:1.35}.brand,.brand div{min-width:0}.round-button{flex-shrink:0}@media(max-width:350px){.brand strong{font-size:25px}.brand{gap:8px}.app-header{padding-left:16px;padding-right:16px}}.app-download{margin-top:12px;text-align:center}.download-app{font-family:Noto Naskh Arabic,serif;font-size:27px;min-height:56px;padding:6px 55px}.download-invitation{font-family:Noto Naskh Arabic,serif;font-size:19px;line-height:1.8;margin:12px 10px 3px;color:var(--deep)}.download-guidance{font-size:11px;line-height:1.9;color:#68756d;margin:0 12px 15px}.large-text .download-guidance{font-size:13px}.download-label{display:flex;flex-direction:column;align-items:center;line-height:1.25}.download-label small{font-family:Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.3px;color:#e0ece4;margin-top:2px}