@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}:root{color-scheme:only light;--white: #FFFFFF;--surface: #FFFFFF;--ink: #14292C;--ink-muted: #4E6366;--teal: #0D4A52;--teal-deep: #083A41;--on-teal: #FFFFFF;--gold: #AD8D40;--gold-strong: #8F7129;--line: #D6DEDF;--field: #6B7C7F;--error: #A61B1B;--focus: #1A5FD0;--radius-sm: 10px;--radius: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;font:400 18px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--white)}html,body{margin:0;background:#fff}.page{box-sizing:border-box;max-width:36rem;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-wrap:break-word}.page>main{flex:1 0 auto}.stack>*+*{margin-top:var(--s4)}header.top{padding-block:var(--s2) var(--s3);border-bottom:1px solid var(--gold)}.brand{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:0}.brand>span{font-size:1.1rem;font-weight:700;color:var(--teal);white-space:nowrap}.logo{display:block;width:176px;height:auto}header.top.compact .logo{width:144px}footer.foot{margin-top:40px;padding-top:var(--s4);border-top:1px solid var(--line);text-align:center;font-size:.9rem;color:var(--ink-muted)}footer.foot>*+*{margin-top:var(--s2)}.powered{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s2)}.powered img{display:block;width:80px;height:auto;border-radius:50%}.powered .name{font-weight:700;color:var(--ink);white-space:nowrap}.foot a{display:inline-flex;align-items:center;min-height:48px;color:var(--teal);font-weight:600;overflow-wrap:anywhere}h1{font-size:1.6rem;line-height:1.25;font-weight:700;color:var(--ink);margin:0;text-wrap:balance}h2{font-size:1.25rem;line-height:1.3;font-weight:700;margin:0 0 6px}p{margin:0}a{color:var(--teal)}.muted{color:var(--ink-muted)}.hint{font-size:.9rem;color:var(--ink-muted);margin-top:var(--s1)}.privacy{font-size:.9rem;color:var(--ink-muted)}.loading{padding:32px 16px;text-align:center}.caption{display:block;font-size:1rem;line-height:1.4;font-weight:600;color:var(--teal);margin-bottom:var(--s1)}h1 label{display:block;font:inherit;color:inherit;margin:0}.lead{font-size:1.05rem;line-height:1.5;color:var(--ink-muted);margin-top:var(--s2)}.welcome{text-align:center}.welcome-name{display:block;font-size:2rem;line-height:1.2;font-weight:700;color:var(--teal);overflow-wrap:anywhere}.welcome-line{display:block;font-size:1.3rem;line-height:1.35;font-weight:600;color:var(--ink)}.welcome-name+.sr-only+.welcome-line{margin-top:var(--s2)}.ar{font-family:Amiri,Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-weight:400;line-height:2;direction:rtl;unicode-bidi:isolate}.bismillah,.verse{margin:var(--s5) 0;text-align:center}.stack>.bismillah:first-child{margin-top:0}.bismillah .ar{font-size:1.75rem;color:var(--teal)}.verse .ar{font-size:1.6rem;color:var(--teal)}.meaning{font-size:1rem;line-height:1.5}.bismillah .meaning{color:var(--ink-muted)}.verse .meaning{color:var(--ink)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.notice{background:var(--white);border:1px solid var(--line);border-inline-start:4px solid var(--teal);border-radius:var(--radius-sm);padding:var(--s3)}.notice:empty{padding:0;border:0}.stack>.notice:empty{margin-top:0}.alert{background:var(--white);border:2px solid var(--error);border-radius:12px;padding:var(--s4)}.alert .alert-title{color:var(--error);font-weight:700}.alert ul{margin:8px 0 0;padding-inline-start:20px}.alert a{color:var(--error);font-weight:600}.sync-line{padding:var(--s2) var(--s3);font-weight:600;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm)}label,legend{display:block;font-weight:600;margin-bottom:var(--s1)}fieldset{border:0;padding:0;margin:0;min-width:0}input[type=text],input[type=tel],input[type=email],input[type=number],textarea,select{box-sizing:border-box;width:100%;min-height:56px;padding:12px 14px;font:inherit;font-size:1.15rem;line-height:1.4;color:var(--ink);background:var(--white);border:2px solid var(--field);border-radius:var(--radius-sm)}input:focus,textarea:focus,select:focus{border-color:var(--teal)}textarea{min-height:10rem;resize:vertical}input[type=file]{max-width:100%;font:inherit;font-size:1rem;color:var(--ink)}input[type=file]::file-selector-button{min-height:48px;margin-inline-end:12px;padding:10px 16px;font:inherit;font-weight:600;color:var(--teal);background:var(--white);border:2px solid var(--teal);border-radius:var(--radius-sm);cursor:pointer}[aria-invalid=true]{border:2px solid var(--error)}.error-text{font-weight:600;color:var(--error);margin-top:var(--s2)}.tel-field{display:flex;align-items:stretch;box-sizing:border-box;min-height:56px;background:var(--white);border:2px solid var(--field);border-radius:var(--radius-sm);direction:ltr}.tel-field .prefix{display:flex;align-items:center;flex:none;padding:0 12px;font-size:1.15rem;font-weight:600;color:var(--ink);background:var(--white);border-inline-end:1px solid var(--line);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.tel-field input[type=tel],.tel-field input[type=tel][aria-invalid=true]{flex:1;min-width:0;min-height:52px;border:0;border-radius:var(--radius-sm)}.tel-field:focus-within{border-color:var(--teal);outline:3px solid var(--focus);outline-offset:2px}.tel-field input:focus-visible{outline:none}.tel-field.invalid{border-color:var(--error)}.tel-field:has([aria-invalid=true]){border-color:var(--error)}.ltr{direction:ltr;text-align:left}.row{display:flex;flex-wrap:wrap;gap:var(--s2)}.row>.grow{flex:1 1 12rem}button,.btn-secondary{box-sizing:border-box;min-height:48px;padding:10px 16px;font:inherit;font-weight:600;color:var(--teal);background:var(--white);border:2px solid var(--teal);border-radius:var(--radius-sm);cursor:pointer}button:hover,button:active{box-shadow:inset 0 0 0 1px var(--teal);text-decoration:underline}.btn-secondary{width:100%;min-height:52px}button.primary,button.big,.btn-primary,.btn-made,a.button{color:var(--on-teal);background:var(--teal);border-color:var(--teal)}button.primary:hover,button.primary:active,button.big:hover,button.big:active,.btn-primary:hover,.btn-primary:active,.btn-made:hover,.btn-made:active,a.button:hover,a.button:active{background:var(--teal-deep);border-color:var(--teal-deep);box-shadow:none;text-decoration:none}.btn-primary{width:100%;min-height:56px;font-size:1.15rem;font-weight:700}button.big,.btn-made{width:100%;min-height:64px;font-size:1.25rem;font-weight:700}button.undo,.btn-undo,button.big.undo{width:100%;min-height:64px;font-size:1.25rem;font-weight:700;color:var(--ink);background:var(--white);border:3px solid var(--gold-strong)}button.undo:hover,button.undo:active,.btn-undo:hover,.btn-undo:active{background:var(--white);border-color:var(--gold-strong);box-shadow:inset 0 0 0 1px var(--gold-strong);text-decoration:underline}button.danger,.btn-danger{color:var(--error);background:var(--white);border-color:var(--error)}button.danger:hover,button.danger:active,.btn-danger:hover,.btn-danger:active{box-shadow:inset 0 0 0 1px var(--error)}.btn-back{display:inline-flex;align-items:center;justify-content:flex-start;gap:.3em;align-self:flex-start;min-width:96px;min-height:48px;padding:0 8px;color:var(--teal);background:var(--white);border:0}.btn-back:hover,.btn-back:active{box-shadow:none;text-decoration:underline}button:disabled,button[aria-disabled=true]{opacity:.6;cursor:not-allowed}button[aria-disabled=true]:hover,button:disabled:hover{box-shadow:none;text-decoration:none}.actions>*+*{margin-top:var(--s3)}.actions>.btn-back{margin-top:var(--s6)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.pair>button{min-height:52px}.choices{display:grid;grid-template-columns:1fr;gap:var(--s3)}.choices.months{grid-template-columns:repeat(2,minmax(0,1fr))}.choices.people{grid-template-columns:repeat(3,minmax(0,1fr))}.choices>.full{grid-column:1 / -1}.choice{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;min-height:60px;font-size:1.2rem;font-weight:600;color:var(--ink);background:var(--white);border:2px solid var(--field)}.choice:hover,.choice:active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);text-decoration:none}.choice.chosen{color:var(--on-teal);background:var(--teal);border-color:var(--teal)}.choice .tick{font-weight:700}.question>*+*{margin-top:var(--s5)}.question>.progress+h1{margin-top:var(--s3)}.question>h1+.lead{margin-top:var(--s2)}.more{margin-top:var(--s5)}.more>*+*{margin-top:var(--s2)}.more>.btn-primary{margin-top:var(--s4)}.progress{display:flex;gap:var(--s1);margin:0}.progress .seg{flex:1;box-sizing:border-box;height:6px;border-radius:3px;background:var(--white);border:1px solid var(--field)}.progress .seg.done{background:var(--teal);border-color:var(--teal)}.progress .seg.current{background:var(--gold-strong);border-color:var(--gold-strong)}.step-body{animation:dua-fade-in .16s ease-out}@keyframes dua-fade-in{0%{opacity:0}to{opacity:1}}.summary{margin:0}.summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line)}.summary>div:last-child{border-bottom:1px solid var(--line)}.summary dt{grid-column:1;font-size:.95rem;color:var(--ink-muted)}.summary dd{grid-column:1;margin:0;font-size:1.1rem;color:var(--ink);overflow-wrap:anywhere}.summary dd.change-cell{grid-column:2;grid-row:1 / span 2}.summary .change{flex:none;min-width:48px;min-height:48px}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}a.button{display:flex;align-items:center;justify-content:center;gap:var(--s2);box-sizing:border-box;min-height:48px;padding:10px 16px;font-weight:700;text-align:center;text-decoration:none;border:2px solid var(--teal);border-radius:var(--radius-sm)}a.button.big{width:100%;min-height:56px;font-size:1.15rem}button.wide{width:100%;min-height:56px}.stack.share>*+*{margin-top:var(--s3)}.share-url{font-weight:600;overflow-wrap:anywhere;direction:ltr}.copied{color:var(--teal);font-weight:600}.tabs{display:flex;gap:var(--s2)}.tabs button{flex:1}.tabs button[aria-pressed=true]{color:var(--on-teal);background:var(--teal)}.duas{list-style:none;margin:0;padding:0}.duas>li+li{margin-top:var(--s3)}.dua-meta{font-size:.9rem;color:var(--ink-muted);margin-bottom:var(--s2)}.dua-text{font-size:1.2rem;line-height:1.7;white-space:pre-wrap;margin-bottom:var(--s3)}.dua-made{font-weight:700;color:var(--teal)}.dua img{display:block;box-sizing:border-box;width:100%;height:auto;margin-bottom:var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm)}.dua audio{display:block;width:100%;margin-bottom:var(--s3)}.dua.own{border-inline-start:4px solid var(--gold-strong)}.dua .remove-own{margin-top:var(--s5)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.hp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.choice.chosen{border-width:3px}.progress .seg{border-color:CanvasText}.progress .seg.done,.progress .seg.current{forced-color-adjust:none;background:CanvasText}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}