:root{--paper: #f3ede0;--paper-deep: #e9dfcc;--ink: #20221e;--ink-soft: #5c5f56;--line: #cbc0aa;--accent: #bf3b28;--accent-ink: #842718;--moss: #53634b;--navy: #273444;--surface: rgba(255, 252, 245, .52);--shadow: rgba(65, 43, 24, .14);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=dark]{--paper: #151714;--paper-deep: #1d211d;--ink: #eee8da;--ink-soft: #aaa99f;--line: #3d413a;--accent: #e3654e;--accent-ink: #f18a75;--moss: #96a88b;--navy: #91a5ba;--surface: rgba(35, 38, 34, .56);--shadow: rgba(0, 0, 0, .28);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans),sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--serif),serif}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}body{overflow-x:clip}.adhan{--clock-rim: color-mix(in srgb, var(--line) 70%, transparent);--clock-tick: rgba(255, 255, 255, .68);--clock-hand: #fdf6e6;--clock-halo: rgba(0, 0, 0, .5);--clock-mark: #ffffff;--clock-mark-edge: rgba(0, 0, 0, .38);--clock-next: #ffcf3f;--clock-next-edge: rgba(86, 54, 0, .55);--clock-night: #0b1120;--clock-day: #9ccbe8}.adhan [data-face=indigo]{--clock-night: #16233f;--clock-day: #93c6e9}.adhan [data-face=filtered]{--clock-night-filter: invert(1) saturate(1.3) brightness(.95);--clock-day-filter: brightness(1.03) saturate(.85);--clock-tick: rgba(126, 122, 112, .95);--clock-halo: rgba(0, 0, 0, .35)}:root[data-theme=dark] .adhan [data-face=filtered]{--clock-night-filter: brightness(.55);--clock-day-filter: invert(1) brightness(1.02) saturate(.85)}.adhan [data-face=sky]{--clock-night: #02040a;--clock-tick: rgba(255, 255, 255, .72);--clock-halo: rgba(0, 0, 0, .55)}.adhan main{min-height:100svh;padding:clamp(24px,5vw,72px);padding-top:92px;display:flex;flex-direction:column;justify-content:center;position:relative}.adhan .back{position:absolute;top:32px;color:var(--ink-soft);font-size:12px;letter-spacing:.08em}.adhan .eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.adhan h1{margin:22px 0 18px;font-weight:400;font-size:clamp(40px,12vw,80px);line-height:.78;letter-spacing:-.07em}.adhan .lede{max-width:46ch;margin:0;color:var(--ink-soft);font-family:var(--serif),serif;font-size:17px;line-height:1.55}.adhan .stage{display:grid;grid-template-columns:minmax(280px,460px) minmax(260px,1fr);align-items:center;gap:clamp(28px,5vw,64px);margin-top:clamp(28px,4vw,48px)}.adhan .dialog{display:flex;flex-direction:column;gap:22px;max-width:34rem}.adhan .digital{margin:0;font-family:var(--serif),serif;font-size:clamp(38px,6vw,58px);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.03em}.adhan .countdown{margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.adhan .countdown strong{color:var(--accent);font-weight:700}.adhan .controls{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;color:var(--ink-soft);font-size:13px}.adhan .locate{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent);font-size:12px}.adhan .locate:hover{border-color:var(--accent)}.adhan .locate:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.adhan .place{color:var(--ink-soft);font-size:12px;letter-spacing:.04em}.adhan .schedule{display:grid;grid-template-columns:auto auto auto 1fr;column-gap:0;row-gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}.adhan .schedule li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:baseline;background:var(--paper)}@supports not (grid-template-columns: subgrid){.adhan .schedule li{grid-template-columns:auto auto auto 1fr}}.adhan .schedule li>*{padding:9px}.adhan .schedule li.past{background:var(--paper-deep);color:var(--ink-soft)}.adhan .schedule li.next{background:color-mix(in srgb,var(--accent) 12%,var(--paper))}.adhan .schedule .name{padding-left:14px;font-family:var(--serif),serif;font-size:15px}.adhan .schedule .arabic{color:var(--ink-soft);font-size:13px;text-align:right}.adhan .schedule .at{font-variant-numeric:tabular-nums;font-size:14px;text-align:right}.adhan .schedule .delta{padding-right:14px;color:var(--ink-soft);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.adhan .schedule li.next .delta,.adhan .schedule li.next .at{color:var(--accent-ink)}.adhan .note{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.6}@media(max-width:1024px){.adhan main{justify-content:flex-start}}@media(max-width:860px){.adhan .stage{grid-template-columns:minmax(0,1fr);justify-items:stretch}}