@font-face{font-family:NusukArabic;src:url('arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#25282a;--gold:#b49366;--gold-dark:#806037;--paper:#f6f3ee;--line:#e5dfd5;--muted:#73716d;--green:#426351;--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px));font-family:NusukArabic,"Segoe UI",Tahoma,sans-serif;color:var(--ink);background:#e7e2d9;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button{color:inherit}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}button,input,textarea{-webkit-appearance:none}button{border:0}input,textarea{color:var(--ink)}[hidden]{display:none!important}.app-shell{max-width:520px;min-height:100dvh;background:var(--paper);margin:auto;box-shadow:0 0 80px #26231a12}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 7% -10%,#ae8b564d,transparent 62%),var(--ink);color:#fff9ee;padding:calc(24px + var(--tg-content-safe-area-inset-top,0px)) 24px 25px}.hero::after{content:"";position:absolute;width:380px;height:380px;border:1px solid #b4936626;border-radius:50%;top:-160px;left:-210px;box-shadow:0 0 0 14px #b4936609,0 0 0 28px #b4936608,0 0 0 42px #b4936607;pointer-events:none}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center}.brand img{width:65px;height:65px;border-radius:14px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:.035em}.brand p{font-size:13px;color:#d8d1c4;margin:5px 0 0}.spark{font-size:36px;color:#d4b883}.hero-copy{margin-top:29px}.gold{color:#d5b888}.hero h1{font-size:31px;line-height:1.65;font-weight:600;letter-spacing:-.6px;margin:1px 0 0}.hero-copy>p{font-size:14px;color:#d5d2cb;margin:2px 0 19px}.location{display:flex;gap:7px;align-items:center;font-size:10px;color:#c7c3ba}.location-dot{width:5px;height:5px;background:#cbb18a;border-radius:50%}.divider{margin:0 3px;color:#76766f}main{padding:22px 20px 125px}.date-section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.date-copy{display:grid;gap:3px}.overline{font-size:10px;color:var(--muted)}.date-copy strong{font-size:15px;font-weight:600}.date-picker{position:relative;display:flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;min-height:44px;font-size:11px;color:#635d54;overflow:hidden}.date-picker svg{width:17px;height:17px}.date-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;min-width:0}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid var(--line);background:#eeebe5;padding:5px;border-radius:16px;margin-bottom:23px}.tabs button{min-height:48px;border-radius:11px;background:transparent;font-size:15px;font-weight:600;color:#7a746a;transition:background .18s}.tabs button>span:first-child{margin-left:7px;font-size:20px}.tabs button[aria-pressed=true]{color:#fff5e4;background:var(--ink);box-shadow:0 3px 9px #2a282521}.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 1px 15px}.section-heading h2{font-size:22px;font-weight:600;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:4px 0 0}.status-tag{flex-shrink:0;border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:10px;color:#787065;background:#fff}.status-tag.recorded{color:var(--green);border-color:#d4e1d7;background:#edf3ed}.card{border:1px solid var(--line);background:#fffdf9;border-radius:19px;padding:20px;margin-bottom:14px}.card-title{font-size:14px;font-weight:600;margin:0 0 5px}.card-desc{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 16px}.duha-card{text-align:center;padding:23px 19px 19px;background:radial-gradient(ellipse at 50% 0,#fbf3df 0,transparent 65%),#fffdf9}.sun-emblem{width:46px;height:46px;border:1px solid #c4a57273;border-radius:50%;color:var(--gold-dark);display:grid;place-items:center;margin:0 auto 15px;font-size:28px;box-shadow:0 0 0 7px #b493660b}.duha-card h3{font-size:16px;font-weight:600;margin:10px 0 4px}.duha-card .card-desc{margin-bottom:18px}.stepper{display:flex;gap:20px;justify-content:center;align-items:center;direction:ltr;margin:10px auto 17px}.stepper button{height:45px;width:45px;border-radius:50%;font-size:24px;background:#f0ebe2;color:#725634;border:1px solid #e3d7c4}.stepper input{background:transparent;border:0;border-bottom:1px solid transparent;outline-offset:0;text-align:center;font-size:45px;font-weight:500;line-height:1;width:118px;min-width:0;max-width:45%;padding:0;font-variant-numeric:tabular-nums;border-radius:0}.stepper input:focus{border-bottom-color:var(--gold)}.unit{font-size:11px;color:var(--muted);margin-top:-13px;margin-bottom:20px}.quick-values{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.quick-values button{border:1px solid var(--line);background:#fff;min-width:46px;min-height:42px;border-radius:11px;font-size:13px}.quick-values button[aria-pressed=true]{background:#f2eadc;border-color:var(--gold);color:#70502c}.target-note{padding-top:17px;margin-top:18px;border-top:1px solid var(--line);font-size:11px;color:#776a55;line-height:1.9}.target-note strong{color:#6b522e}.field{border:0;padding:0;margin:0 0 20px;min-width:0}.field:last-child{margin-bottom:0}.field legend{font-size:13px;font-weight:600;margin-bottom:10px;padding:0}.options{display:flex;flex-wrap:wrap;gap:7px}.option{flex:1 1 auto;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:#fff;font-size:12px;line-height:1.7}.option[aria-pressed=true]{color:#70552f;background:#f0e8da;border-color:#b49366;box-shadow:inset 0 0 0 .3px var(--gold)}.option.subtle{color:#7e776d}.option[aria-pressed=true]::before{content:'✓';margin-left:6px;font-size:11px}.field-help{font-size:10px;margin:9px 0 0;color:var(--muted);line-height:1.9}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sunnah{padding:14px 7px;border:1px solid var(--line);border-radius:14px;text-align:center;background:#fff}.sunnah h4{font-size:12px;margin:0 0 3px}.sunnah .stepper{gap:4px;margin:14px auto 10px}.sunnah .stepper button{width:32px;height:36px;flex-shrink:0;font-size:20px}.sunnah .stepper input{font-size:27px;width:50px;max-width:45%}.sunnah p{font-size:10px;color:var(--muted);margin:3px 0}.sunnah .quick-values{gap:4px;margin:12px 0}.sunnah .quick-values button{min-width:31px;min-height:38px;font-size:11px}.small-state{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:15px}.small-state button{padding:8px;min-height:40px;border:1px solid transparent;font-size:10px;border-radius:8px;background:transparent;color:var(--muted)}.small-state button[aria-pressed=true]{border-color:var(--line);background:#eeebe4;color:#5c5447}.extras summary{cursor:pointer;font-size:13px;font-weight:600;min-height:30px}.extras[open] summary{margin-bottom:18px}.optional{font-size:10px;font-weight:400;color:var(--muted);margin-right:5px}textarea{border:1px solid var(--line);border-radius:12px;width:100%;resize:vertical;min-height:82px;padding:12px;font-size:16px;background:#fff;line-height:1.7}.textarea-label{display:block;font-size:12px;margin-bottom:10px}.message{border-radius:13px;padding:13px 15px;font-size:12px;line-height:1.9;background:#efe6d5;color:#6e512c;border:1px solid #dfd0b6;margin:0 0 17px}.message.success{background:#e7efe6;color:#35563c;border-color:#cbdcca}.message.error{background:#f4e8e1;color:#793e2d;border-color:#e4c7b9}.message button{border:1px solid currentColor;border-radius:9px;padding:7px 13px;background:transparent;margin-top:9px;min-height:40px;display:block}.loading-card{border:1px solid var(--line);border-radius:18px;background:#fffcf6;padding:60px 20px;text-align:center;font-size:14px;color:var(--muted)}.footnote{text-align:center;font-size:11px;color:#918572;margin:23px 0}.save-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:10;border-top:1px solid #ded6c7;background:#fbf9f4f5;backdrop-filter:blur(16px);padding:10px 20px calc(15px + var(--safe-bottom))}.save-bar>div{display:flex;gap:14px;align-items:center;justify-content:space-between}.save-bar #save-hint{font-size:10px;color:#86745b;max-width:35%;line-height:1.8}.save-bar button{min-height:51px;flex:1;max-width:245px;padding:12px 18px;border-radius:13px;background:var(--ink);color:#fff8ed;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:12px;align-items:center}.save-bar button span{color:#dbbb83;font-size:23px}.preview-banner{font-size:11px;line-height:1.8;background:#e9e0d1;border-radius:10px;padding:9px 12px;margin-bottom:18px}dialog{max-width:min(90vw,380px);border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1e2225a6;backdrop-filter:blur(3px)}dialog h2{font-size:18px;margin:0 0 10px}dialog p{font-size:13px;line-height:1.9}.dialog-actions{display:grid;gap:10px}.dialog-actions button{border-radius:12px;background:var(--ink);color:#fff;min-height:46px;font-size:13px;padding:10px}.dialog-actions .secondary{background:#e8dfd0;color:#6c502d}.gated{text-align:center;padding:35px 18px}.gated h2{font-size:20px}.gated p{color:var(--muted);font-size:13px;line-height:1.9}.gated a{display:inline-block;padding:11px 23px;background:var(--ink);border-radius:12px;color:#fff;text-decoration:none;font-size:14px;margin:10px 0}
.hero{padding:calc(17px + var(--tg-content-safe-area-inset-top,0px)) 24px 18px}.brand img{width:50px;height:50px;border-radius:11px}.hero-copy{margin-top:16px}.hero h1{font-size:28px;line-height:1.6}.hero-copy>p{margin-bottom:12px}.hero .location{font-size:9px}.sunnah .stepper button{width:40px;height:44px}.sunnah .quick-values button{min-width:44px;min-height:44px}.small-state button{min-height:44px}.option{font-size:13px}
@media(min-width:600px){.app-shell{margin:28px auto;min-height:calc(100dvh - 56px);border-radius:26px;overflow:hidden}.save-bar{border-radius:18px 18px 0 0}.hero{padding:27px 30px}main{padding-inline:28px}}
@media(max-width:350px){main{padding-inline:14px}.hero{padding-inline:20px}.brand{gap:10px}.brand img{width:57px;height:57px}.brand p{font-size:11px}.eyebrow{font-size:9px}.card{padding:15px}.sunnah{padding-inline:4px}.sunnah .stepper{gap:1px}.date-picker{font-size:10px;padding:8px}.save-bar{padding-inline:15px}.hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}