:root{--t-count: clamp(56px, 13vw, 82px);--t-h1: 30px;--t-h2: 21px;--t-time: 17px;--t-body: 16px;--t-cap: 13px;--t-mono: 11px}h1,h2,h3{font-family:var(--bn-display);font-weight:600;line-height:1.35;letter-spacing:-.02em;margin:0;color:var(--ink)}h1{font-size:calc(var(--t-h1) * var(--scale))}h2{font-size:calc(var(--t-h2) * var(--scale))}p{margin:0;line-height:1.75}a{color:var(--accent)}[lang=en]{font-family:var(--la)}.mono{font-family:var(--mono);font-size:calc(var(--t-mono) * var(--scale));letter-spacing:.11em}.tabular,time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:46rem;margin:0 auto;padding-inline:var(--s5);box-sizing:border-box}.masthead{border-bottom:1px solid var(--hairline)}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:var(--touch);padding-block:var(--s2)}.brand{font-family:var(--bn-display);font-weight:600;font-size:calc(var(--t-h2) * var(--scale));color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch)}.brand-disc{width:calc(12px * var(--scale));height:calc(12px * var(--scale));border-radius:var(--r-disc);background:var(--flag-red);flex:none}.masthead-link{color:var(--ink-2);text-decoration:none;font-size:calc(var(--t-cap) * var(--scale));display:inline-flex;align-items:center;gap:var(--s1);min-height:var(--touch);padding-inline:var(--s2)}.masthead-link:hover{color:var(--accent)}main{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--s6);padding-bottom:var(--s7)}.stack{display:flex;flex-direction:column;gap:var(--s4)}section{display:flex;flex-direction:column;gap:var(--s3)}.section-head{border-top:1px solid var(--hairline);padding-top:var(--s3)}.cap{font-size:calc(var(--t-cap) * var(--scale));line-height:1.75;color:var(--ink-3)}.cap a,.strip a,.hero .district-line a{display:inline-flex;align-items:center;min-height:var(--touch)}.hero{position:relative;isolation:isolate;--sky-stops: var(--sky-day);background:linear-gradient(var(--sky-angle),var(--sky-stops));transition:background 1.5s ease-in-out}.hero:before{content:"";position:absolute;inset:0;background:var(--sky-scrim);z-index:-1}.hero .wrap{position:relative;display:flex;flex-direction:column;gap:var(--s3);padding-block:calc(var(--s8) + var(--s5)) var(--s7);color:var(--on-sky)}.disc{position:absolute;left:45%;top:var(--s5);width:calc(96px * var(--scale));height:calc(96px * var(--scale));border-radius:var(--r-disc);background:var(--flag-red);box-shadow:0 0 60px 18px color-mix(in srgb,var(--flag-red) 30%,transparent);pointer-events:none}@media(max-width:460px){.disc{width:calc(64px * var(--scale));height:calc(64px * var(--scale))}}.hero h1{color:var(--on-sky);font-size:calc(var(--t-h1) * var(--scale))}.hero .date-line,.hero .district-line{color:var(--on-sky);font-size:calc(var(--t-body) * var(--scale));opacity:.86}.hero .district-line a{color:var(--on-sky)}.mount-countdown{min-height:calc(var(--t-count) * 1.25 + 52px);display:flex;flex-direction:column;justify-content:center;gap:var(--s2)}.static-events{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s7)}.static-event{display:flex;flex-direction:column;gap:var(--s1)}.static-event .label{font-size:calc(var(--t-body) * var(--scale));opacity:.86}.static-event .value{font-family:var(--bn-display);font-weight:300;font-size:calc(var(--t-count) * .78 * var(--scale));line-height:1.15;letter-spacing:-.03em}.hero[data-provisional="1"] .static-event .value{opacity:.72}.strip,.banner{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-field);font-size:calc(var(--t-cap) * var(--scale));line-height:1.75}.strip{background:var(--surface-2);border-left:3px solid var(--hairline-strong);color:var(--ink-2)}.strip a{color:var(--accent)}.banner{background:var(--amber-bg);border-left:3px solid var(--amber);color:var(--amber)}.banner .icon,.strip .icon{flex:none;margin-top:2px}.confidence{display:flex;align-items:flex-start;gap:var(--s2);font-size:calc(var(--t-cap) * var(--scale));line-height:1.75;color:var(--ink-3)}.confidence .dot{flex:none;width:8px;height:8px;margin-top:8px;border-radius:var(--r-disc);background:var(--amber)}.confidence .marker{color:var(--amber);text-decoration:underline dotted;text-underline-offset:3px}.times{list-style:none;margin:0;padding:0}.times li{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);border-top:1px solid var(--hairline);padding:var(--s3) var(--s2);min-height:var(--touch);box-sizing:border-box}.times .name{color:var(--ink-2);font-size:calc(var(--t-body) * var(--scale))}.times .time{font-family:var(--bn-display);font-weight:500;font-size:calc(var(--t-time) * var(--scale));color:var(--ink)}.times .asr-cell{display:inline-block;padding:var(--s1) var(--s2);margin:calc(var(--s1) * -1) calc(var(--s2) * -1);border-radius:var(--r-field)}.times li[data-next="1"]{background:var(--surface-2)}.times li[data-next="1"] .name{color:var(--ink);font-weight:600}.times li[data-next="1"] .time{color:var(--accent)}.madhab-scope{display:flex;flex-direction:column;gap:var(--s3)}.madhab-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mswitch{display:inline-flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.mswitch .label{font-size:calc(var(--t-cap) * var(--scale));color:var(--ink-3)}.mswitch .track{display:inline-flex;background:var(--surface-2);border-radius:var(--r-chip);padding:var(--s1);gap:var(--s1)}.mswitch .seg{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);min-width:calc(var(--touch) * 1.6);padding-inline:var(--s4);border-radius:var(--r-chip);font-size:calc(var(--t-body) * var(--scale));color:var(--ink-2);cursor:pointer;user-select:none}#madhab-hanafi:checked~.mswitch .seg[for=madhab-hanafi],#madhab-shafi:checked~.mswitch .seg[for=madhab-shafi]{background:var(--accent);color:var(--accent-ink);font-weight:600}#madhab-hanafi:focus-visible~.mswitch .seg[for=madhab-hanafi],#madhab-shafi:focus-visible~.mswitch .seg[for=madhab-shafi]{outline:2px solid var(--accent);outline-offset:3px}.asr-shafi{display:none}#madhab-shafi:checked~.madhab-target .asr-hanafi,#madhab-shafi:checked~* .madhab-target .asr-hanafi{display:none}#madhab-shafi:checked~.madhab-target .asr-shafi,#madhab-shafi:checked~* .madhab-target .asr-shafi{display:inline}@keyframes asr-lift-a{0%{background-color:var(--surface-2)}70%{background-color:var(--surface-2)}to{background-color:transparent}}@keyframes asr-lift-b{0%{background-color:var(--surface-2)}70%{background-color:var(--surface-2)}to{background-color:transparent}}.madhab-scope:focus-within #madhab-hanafi:checked~.madhab-target .asr-cell,.madhab-scope:focus-within #madhab-hanafi:checked~* .madhab-target .asr-cell{animation:asr-lift-a .9s ease-out 1}.madhab-scope:focus-within #madhab-shafi:checked~.madhab-target .asr-cell,.madhab-scope:focus-within #madhab-shafi:checked~* .madhab-target .asr-cell{animation:asr-lift-b .9s ease-out 1}.table-scroll{overflow-x:auto}table.timetable{width:100%;border-collapse:collapse;font-size:calc(var(--t-time) * var(--scale))}table.timetable th,table.timetable td{border-top:1px solid var(--hairline);padding:var(--s3) var(--s2);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--ink)}table.timetable thead th{font-family:var(--bn-body);font-size:calc(var(--t-cap) * var(--scale));font-weight:500;color:var(--ink-3);border-top:0;position:sticky;top:0;background:var(--ground)}table.timetable th[scope=row]{text-align:left;font-weight:400;color:var(--ink-2)}table.timetable tbody tr{height:var(--touch)}table.timetable tr[data-jumuah="1"] th[scope=row],table.timetable tr[data-jumuah="1"] td{background:var(--surface-2)}table.timetable tr[data-today="1"] th[scope=row]{font-weight:600;color:var(--ink)}.date-cell{display:inline-flex;align-items:baseline;gap:var(--s1)}@media(max-width:560px){table.timetable{font-size:calc(var(--t-cap) * var(--scale))}table.timetable th,table.timetable td{padding:var(--s3) var(--s1)}table.timetable th:first-child,table.timetable td:first-child{padding-left:0}table.timetable th:last-child,table.timetable td:last-child{padding-right:0}.date-cell{flex-direction:column;align-items:flex-start;gap:0;line-height:1.35}.date-cell .wd{color:var(--ink-3)}}.picker ul{list-style:none;margin:0;padding:0}.picker li{border-top:1px solid var(--hairline)}.picker a{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--touch);padding:var(--s3) var(--s2);text-decoration:none;color:var(--ink);font-size:calc(var(--t-body) * var(--scale))}.picker a:hover{background:var(--surface-2)}.picker .en{color:var(--ink-3);font-size:calc(var(--t-cap) * var(--scale))}.needs-js{display:none}@media(scripting:enabled){.needs-js{display:flex}}.picker-tools{gap:var(--s2);flex-wrap:wrap;align-items:center}.picker-tools input[type=search]{flex:1 1 12rem;min-height:var(--touch);padding:var(--s2) var(--s3);border:1px solid var(--hairline-strong);border-radius:var(--r-field);background:var(--surface);color:var(--ink);font-family:var(--bn-body);font-size:calc(var(--t-body) * var(--scale))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--touch);padding-inline:var(--s4);border-radius:var(--r-field);border:1px solid transparent;font-family:var(--bn-body);font-size:calc(var(--t-body) * var(--scale));text-decoration:none;cursor:pointer;background:transparent}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{border-color:var(--hairline-strong);color:var(--ink)}.trust{border-top:1px solid var(--hairline)}.trust .wrap{display:flex;flex-direction:column;gap:var(--s2);padding-block:var(--s4) var(--s6)}.trust .line{font-family:var(--bn-body);font-size:calc(var(--t-mono) * 1.15 * var(--scale));line-height:1.9;color:var(--ink-3)}.trust .data{font-family:var(--mono);font-size:calc(var(--t-mono) * var(--scale));letter-spacing:.11em;color:var(--ink-3)}.trust a{color:var(--ink-3)}.notfound{gap:var(--s4);padding-block:var(--s8)}
