:root{--font-urdu-family:"Jameel Noori Nastaleeq";--font-display:"Spectral",Georgia,"Times New Roman",serif;--font-sans:"Public Sans",system-ui,-apple-system,sans-serif;--font-urdu:var(--font-urdu-family),serif;--font-body:var(--font-sans);--font-arabic:var(--font-urdu);--t-hero:56px;--t-display:40px;--t-h1:31px;--t-h2:24px;--t-h3:19px;--t-body:16px;--t-small:14px;--t-micro:12.5px;--t-label:11.5px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--r-sm:8px;--r:12px;--r-lg:16px;--r-pill:999px;--radius:var(--r);--radius-sm:var(--r-sm);--ease:cubic-bezier(.2,.7,.3,1);--dur-1:.13s;--dur-2:.2s;--maxw:1080px;--maxw-narrow:760px}html[dir=rtl],html[lang|=ur]{--t-hero:72px;--t-display:52px;--t-h1:40px;--t-h2:31px;--t-h3:24px;--t-body:18px;--t-small:16px;--t-micro:14px;--t-label:13px}:root,:root[data-theme=light]{color-scheme:light;--bg:#fbf7ee;--bg-tint:#f5efdf;--surface:#fffdf7;--surface-2:#f3ecda;--text:#1b2a23;--text-muted:#6b6353;--text-faint:#8d8472;--on-green:#fbf7ee;--line:#e6dec9;--line-strong:#d6cab0;--green:#0b3d2e;--green-hover:#0f4c39;--green-press:#0a3325;--green-tint:#ecf2ec;--green-line:#cfe0d4;--green-ink:#0b3d2e;--gold:#b8860b;--gold-ink:#876407;--gold-tint:#f6eed4;--gold-line:#e7d49a;--ok-bg:#ecf2ec;--ok-text:#0b3d2e;--ok-line:#cadcce;--warn-bg:#f6eed3;--warn-text:#7a5805;--warn-line:#e6d29a;--focus:#0b3d2e;--focus-contrast:#b8860b;--shadow-1:0 1px 2px rgba(11,61,46,.05),0 1px 3px rgba(11,61,46,.05);--shadow-2:0 2px 8px rgba(11,61,46,.06),0 10px 28px rgba(11,61,46,.06);--bg-elev:var(--surface);--surface-border:var(--line);--accent:var(--gold);--accent-on-hero:var(--gold-400,#e3b53a);--link:var(--green-ink);--focus-ring:var(--focus);--text-on-hero:var(--on-green);--bg-hero-from:#0f4d3a;--bg-hero-to:#0b3d2e;--cream-200:#f3ecda;--confirmed:var(--ok-text);--confirmed-bg:var(--ok-bg);--estimate:var(--warn-text);--estimate-bg:var(--warn-bg);--shadow:var(--shadow-1)}:root[data-theme=dark]{color-scheme:dark;--bg:#0e1611;--bg-tint:#111c15;--surface:#15211a;--surface-2:#1a281f;--text:#ece6d6;--text-muted:#a6ad9f;--text-faint:#7c8377;--on-green:#07140e;--line:#28352c;--line-strong:#38463b;--green:#2f9e78;--green-hover:#38b487;--green-press:#2a8d6b;--green-tint:#14241c;--green-line:#2c4537;--green-ink:#6cc6a0;--gold:#e3b53a;--gold-ink:#e9c463;--gold-tint:#241e10;--gold-line:#45391c;--ok-bg:#14241c;--ok-text:#8fdcb6;--ok-line:#2c4537;--warn-bg:#241e10;--warn-text:#ecc868;--warn-line:#45391c;--focus:#6cc6a0;--focus-contrast:#e9c463;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 2px 10px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.36);--bg-elev:var(--surface);--surface-border:var(--line);--accent:var(--gold);--accent-on-hero:var(--gold);--link:var(--green-ink);--focus-ring:var(--focus);--text-on-hero:var(--on-green);--bg-hero-from:#0b3d2e;--bg-hero-to:#07150f;--cream-200:#f3ecda;--confirmed:var(--ok-text);--confirmed-bg:var(--ok-bg);--estimate:var(--warn-text);--estimate-bg:var(--warn-bg);--shadow:var(--shadow-1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{block-size:10px;inline-size:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid transparent;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body,var(--font-sans));font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}#__nuxt,body{display:flex;flex-direction:column;min-height:100vh}.num,.tnum{font-variant-numeric:tabular-nums}html[dir=rtl],html[lang|=ur]{--font-body:var(--font-urdu);--font-display:var(--font-urdu);line-height:2.05}.sans{font-family:var(--font-sans)}html[lang|=ur] .sans{line-height:1.45}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0 0 .5em}html[lang|=ur] h1,html[lang|=ur] h2,html[lang|=ur] h3{line-height:1.7}a{color:var(--green-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}::-moz-selection{background:var(--gold-tint)}::selection{background:var(--gold-tint)}:where(a,button,input,select,[tabindex]):focus-visible{border-radius:3px;outline:2px solid var(--focus);outline-offset:2px}.container{margin-inline:auto;max-width:var(--maxw);padding-inline:var(--s-6);width:100%}.container.narrow{max-width:var(--maxw-narrow)}main{flex:1 0 auto;padding-block:var(--s-6) var(--s-12)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.btn{align-items:center;background:var(--surface);border:1px solid transparent;border-radius:var(--r-sm);color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--t-small);font-weight:600;gap:var(--s-2);justify-content:center;line-height:1;padding:11px 18px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn svg{block-size:16px;inline-size:16px}.btn--accent,.btn-primary{background:var(--green);color:var(--on-green)}.btn--accent:hover,.btn-primary:hover{background:var(--green-hover)}.btn-primary:active{background:var(--green-press)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn-quiet{background:transparent;color:var(--green-ink);padding-inline:8px}.btn-quiet:hover{background:var(--green-tint)}.arrow-link{align-items:center;color:var(--green-ink);display:inline-flex;font-size:var(--t-small);font-weight:600;gap:6px}.arrow-link svg{block-size:15px;inline-size:15px;transition:transform var(--dur-1) var(--ease)}.arrow-link:hover{text-decoration:none}.arrow-link:hover svg{transform:translate(3px)}[dir=rtl] .arrow-link svg{transform:scaleX(-1)}[dir=rtl] .arrow-link:hover svg{transform:scaleX(-1) translate(3px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card.pad,.feature-card{padding:var(--s-6)}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:var(--s-3);text-align:start;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.feature-card:hover{border-color:var(--green-line);box-shadow:var(--shadow-2);text-decoration:none;transform:translateY(-2px)}.feature-card .ficon{color:var(--green-ink)}.feature-card .ficon svg{block-size:36px;inline-size:30px}.feature-card h2,.feature-card h3{color:var(--text);font-family:var(--font-display);font-size:var(--t-h3);font-weight:600;letter-spacing:-.01em;margin:0}html[lang|=ur] .feature-card h2,html[lang|=ur] .feature-card h3{line-height:1.8}.feature-card p{color:var(--text-muted);font-size:var(--t-small);line-height:1.55;margin:0}.feature-card .more{margin-block-start:auto}.badge{align-items:center;border:1px solid transparent;border-radius:var(--r-pill);display:inline-flex;font-size:var(--t-micro);font-weight:600;gap:6px;line-height:1.2;padding:5px 11px 5px 9px;white-space:nowrap}[dir=rtl] .badge{padding:5px 9px 5px 11px}.badge svg{block-size:13px;flex:0 0 auto;inline-size:13px}.badge--confirmed{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-text)}.badge--estimate{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-text)}.badge.lg{font-size:var(--t-small);padding:7px 14px 7px 11px}.badge__detail{color:var(--text-muted);font-weight:400}.srcnote{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--t-micro);gap:6px}.srcnote svg{block-size:13px;flex:0 0 auto;inline-size:13px;opacity:.8}.srcnote b{color:var(--text);font-weight:600}.field{display:flex;flex-direction:column;gap:7px;min-inline-size:0}.field>label{color:var(--text-faint);font-size:var(--t-micro);font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}html[lang|=ur] .field>label{letter-spacing:0;text-transform:none}label{color:var(--text-muted);display:block;font-size:var(--t-small);font-weight:600}.input,input,select{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);font:inherit;inline-size:100%;outline:none;padding:10px 13px;transition:border-color var(--dur-1) var(--ease)}.input:hover,input:hover,select:hover{border-color:var(--text-faint)}.input:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.select{display:inline-block;min-inline-size:160px;position:relative}.select-btn{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--t-small);gap:10px;inline-size:100%;justify-content:space-between;line-height:1.3;padding:10px 13px;text-align:start;transition:border-color var(--dur-1) var(--ease)}.select-btn:hover{border-color:var(--text-faint)}.select-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.select-btn .select-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-btn .chev{color:var(--text-muted);display:grid;flex:0 0 auto;transition:transform var(--dur-1) var(--ease)}.select-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.select-btn .chev svg{block-size:14px;inline-size:14px}.select-menu{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-2);inset-block-start:calc(100% + 5px);inset-inline-start:0;list-style:none;margin:0;max-block-size:264px;min-inline-size:100%;overflow-y:auto;overscroll-behavior:contain;padding:5px;position:absolute;z-index:50}.select-menu li{align-items:center;border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:var(--t-small);gap:10px;justify-content:space-between;padding:9px 11px;white-space:nowrap}.select-menu li.active{background:var(--surface-2)}.select-menu li[aria-selected=true]{color:var(--green-ink);font-weight:600}.select-menu li[aria-selected=true] .tick{color:var(--green-ink);display:grid}.select-menu li .tick{display:none}.select-menu li .tick svg{block-size:14px;inline-size:14px}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);display:inline-flex;gap:2px;padding:3px}.segmented button{background:transparent;border:0;border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--t-micro);font-weight:600;padding:7px 13px;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);white-space:nowrap}.segmented button.on{background:var(--green-tint);color:var(--green-ink)}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:13px 16px;text-align:start}th{color:var(--text-muted);font-size:var(--t-small);font-weight:600}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow-x:auto}table.data{border-collapse:collapse;inline-size:100%}table.data td,table.data th{padding:13px 16px;text-align:start}table.data thead th{background:var(--bg-tint);border-block-end:1px solid var(--line);color:var(--text-faint);font-size:var(--t-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}html[lang|=ur] table.data thead th{font-size:15px;letter-spacing:0;text-transform:none}table.data tbody td{border-block-end:1px solid var(--line);font-size:var(--t-small)}table.data tbody tr:last-child td{border-block-end:0}table.data tbody tr.is-today{background:var(--green-tint)}table.data tbody tr:hover{background:var(--surface-2)}table.data .time{font-variant-numeric:tabular-nums;font-weight:600}html[lang|=ur] table.data .col-num,html[lang|=ur] table.data .time{line-height:1.5}table.data td .meri{color:var(--text-faint);font-size:11.5px;font-weight:500;margin-inline-start:3px}.col-num{color:var(--text-muted);font-variant-numeric:tabular-nums}.prayer-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden}.prayer-strip .cell{border-inline-end:1px solid var(--line);padding:15px 8px;position:relative;text-align:center}.prayer-strip .cell:last-child{border-inline-end:0}.prayer-strip .cell.next{background:var(--green-tint);box-shadow:inset 0 2px 0 var(--green)}.prayer-strip .pname{color:var(--text-muted);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase}html[lang|=ur] .prayer-strip .pname{font-size:17px;letter-spacing:0;text-transform:none}.prayer-strip .cell.next .pname{color:var(--green-ink)}.prayer-strip .ptime{color:var(--text);font-size:19px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.3;margin-block-start:5px}html[lang|=ur] .prayer-strip .ptime{font-size:22px;line-height:1.55}.prayer-strip .nexttag{color:var(--green-ink);font-size:9px;font-weight:700;inset-block-start:6px;inset-inline-end:7px;letter-spacing:.1em;position:absolute;text-transform:uppercase}html[lang|=ur] .prayer-strip .nexttag{font-size:13px;letter-spacing:0;text-transform:none}.hero{padding-block:var(--s-16) var(--s-10);text-align:center}.eyebrow{color:var(--gold-ink);font-size:var(--t-label);font-weight:700;letter-spacing:.17em;text-transform:uppercase}html[lang|=ur] .eyebrow{font-size:16px;letter-spacing:0;text-transform:none}.hero h1.display{color:var(--text);font-family:var(--font-display);font-size:clamp(34px,6vw,var(--t-hero));font-weight:600;letter-spacing:-.015em;line-height:1.04;margin:var(--s-4) 0 var(--s-3)}html[lang|=ur] .hero h1.display{line-height:1.7}.hero .greg{color:var(--text-muted);font-size:var(--t-h3)}.hero .hero-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center;margin-block-start:var(--s-5)}.page-head{padding-block:var(--s-10) var(--s-6)}.page-head h1{color:var(--text);font-family:var(--font-display);font-size:var(--t-display);font-weight:600;letter-spacing:-.015em;line-height:1.08;margin:var(--s-2) 0 0}html[lang|=ur] .page-head h1{line-height:1.7}.page-head p.lede{color:var(--text-muted);font-size:var(--t-h3);margin:var(--s-3) 0 0;max-width:60ch}.section-label{align-items:baseline;display:flex;gap:var(--s-4);justify-content:space-between;margin-block-end:var(--s-4)}.section-label .l{color:var(--text-faint);font-size:var(--t-label);font-weight:700;letter-spacing:.13em;text-transform:uppercase}html[lang|=ur] .section-label .l{font-size:15px;letter-spacing:0;text-transform:none}.motif{align-items:center;display:flex;gap:var(--s-5);padding-block:var(--s-10)}.motif .rule{background:var(--line);block-size:1px;flex:1}.motif .mark{color:var(--gold);opacity:.85}.motif .mark svg{block-size:20px;display:block;inline-size:20px}.accordion{border-block-start:1px solid var(--line)}.accordion .item{border-block-end:1px solid var(--line)}.accordion .q{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--t-h3);font-weight:600;gap:var(--s-4);inline-size:100%;justify-content:space-between;line-height:1.4;padding:var(--s-5) 2px;text-align:start}html[lang|=ur] .accordion .q{line-height:1.8}.accordion .q .pm{color:var(--green-ink);flex:0 0 auto;transition:transform var(--dur-2) var(--ease)}.accordion .item.open .q .pm{transform:rotate(45deg)}.accordion .q .pm svg{block-size:18px;display:block;inline-size:18px}.accordion .a{max-block-size:0;overflow:hidden;transition:max-block-size var(--dur-2) var(--ease)}.accordion .item.open .a{max-block-size:360px}.accordion .a-inner{color:var(--text-muted);font-size:var(--t-body);max-width:68ch;padding:0 2px var(--s-6)}.result{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s-8);text-align:center}.result .big{color:var(--text);font-family:var(--font-display);font-size:var(--t-display);font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:var(--s-2) 0}html[lang|=ur] .result .big{line-height:1.75}.result .sub{color:var(--text-muted);font-size:var(--t-h3)}.result hr.soft{border:0;border-block-start:1px solid var(--line);margin-block:var(--s-6)}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.wrap{flex-wrap:wrap}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.gap-8{gap:var(--s-8)}.mt-4{margin-block-start:var(--s-4)}.mt-6{margin-block-start:var(--s-6)}.mt-8{margin-block-start:var(--s-8)}.mt-10{margin-block-start:var(--s-10)}.muted{color:var(--text-muted)}.center{text-align:center}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.grid-3{display:grid;gap:var(--s-5)}.grid-2{grid-template-columns:1fr 1fr}.hide{display:none!important}.sep{background:var(--line-strong);block-size:.85em;display:inline-block;inline-size:1px;margin-inline:4px;transform:translateY(1px)}@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:560px){.prayer-strip{grid-template-columns:repeat(3,1fr)}.prayer-strip .cell:nth-child(3){border-inline-end:0}.prayer-strip .cell:nth-child(-n+3){border-block-end:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}