:root{--bg:#f6f4ee;--ink:#14201b;--emerald:#0f7a4d;--emerald-accent:#0b5e3b;--dim:#8a958f;--line:#e2ddd0;--row-sub:#65706a;--name-dim:#33403a;--foot:#b6bdb6;--next-bg:#0f7a4d;--next-ink:#ffffff;--next-sub:#e0f4ea;--next-name:#d2f1e0}body.theme-dark{--bg:#0b0f0d;--ink:#f2ede0;--emerald:#34d27a;--emerald-accent:#9fe3bd;--dim:#7c8a86;--line:#1f2a25;--row-sub:#8a978f;--name-dim:#c9d3cc;--foot:#3f5249;--next-bg:#0f7a4d;--next-ink:#ffffff;--next-sub:#cdeede;--next-name:#d2f1e0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);overflow:hidden}body{font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.serif{font-family:Baskerville,Hoefler Text,Georgia,Times New Roman,serif}.pairing,.board{display:none}body.mode-pairing .pairing,body.mode-board .board{display:flex}.crest{width:5.6vh;height:5.6vh;border-radius:50%;background:var(--emerald);display:flex;align-items:center;justify-content:center}.crest svg{width:58%;height:58%}.crest--lg{width:13vh;height:13vh;margin:0 auto 4vh}.pairing{position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;text-align:center;padding:5vh 6vw;overflow:hidden}.pairing-inner{position:relative;z-index:1;max-width:92vw;display:flex;flex-direction:column;align-items:center}.pairing-watermark{position:fixed;top:50%;left:50%;width:74vh;height:74vh;transform:translate(-50%,-50%);fill:none;stroke:var(--line);stroke-width:.6;opacity:.05;z-index:0;pointer-events:none}.pairing-greet{margin-bottom:2.2vh}.pairing-greet-ar{font-size:clamp(18px,3vh,42px);color:var(--emerald-accent);line-height:1}.pairing-greet-en{margin-top:.8vh;font-size:clamp(11px,1.6vh,22px);font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--emerald)}.crest--lg{width:11vh;height:11vh;margin:0 auto 2.6vh}body.mode-pairing .crest--lg{animation:breathe 6s ease-in-out infinite}.pairing-title{font-size:clamp(26px,4.6vh,64px);font-weight:600;color:var(--ink);margin-bottom:1.4vh;line-height:1.12}.pairing-title .t2{display:block;font-size:.6em;font-weight:400;color:var(--row-sub);margin-top:.5vh}.pairing-sub{font-size:clamp(13px,2.1vh,26px);color:var(--dim);margin-bottom:3.4vh;max-width:80vw;line-height:1.45}.pairing-sub b{color:var(--emerald-accent);font-weight:600}.pairing-code-card{display:inline-block;padding:2vh 3.4vw;border:1px solid var(--line);border-radius:2.2vh;background:transparent}.pairing-code{font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:clamp(50px,13vh,168px);font-weight:700;color:var(--emerald);letter-spacing:.16em;line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}.pairing-code .cgap{display:inline-block;width:.42em}.pairing-hadith{margin-top:3.4vh;max-width:74vw;transition:opacity .45s ease,transform .45s ease}.pairing-hadith.had-hidden{opacity:0;transform:translateY(6px)}.had-ar{font-size:clamp(15px,2.3vh,32px);color:var(--emerald-accent);margin-bottom:.9vh;line-height:1.5}.had-en{font-size:clamp(15px,2.4vh,32px);color:var(--name-dim);line-height:1.4}.had-src{margin-top:1.1vh;font-size:clamp(10px,1.3vh,16px);text-transform:uppercase;letter-spacing:.2em;color:var(--dim)}.pairing-hint{margin-top:3.4vh;font-size:clamp(12px,1.8vh,24px);color:var(--dim);text-transform:uppercase;letter-spacing:.18em}.pairing-regen{margin-top:1.6vh;background:none;border:none;cursor:pointer;color:var(--emerald);font-family:inherit;font-size:clamp(11px,1.5vh,20px);letter-spacing:.04em;text-decoration:underline;text-underline-offset:.3em;opacity:.8}.pairing-regen:hover{opacity:1}.pairing-paired{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2vh;opacity:0;pointer-events:none;transition:opacity .5s ease}.paired-check{width:8vh;height:8vh;margin-bottom:.6vh}.paired-check .pc-ring{fill:none;stroke:var(--emerald);stroke-width:2;opacity:.45}.paired-check .pc-tick{fill:none;stroke:var(--emerald);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}.paired-ar{font-size:clamp(20px,3.4vh,48px);color:var(--emerald-accent)}.paired-title{font-size:clamp(30px,6vh,96px);font-weight:600;color:var(--ink);line-height:1.1}.paired-sub{font-size:clamp(13px,2vh,26px);color:var(--dim);text-transform:uppercase;letter-spacing:.2em}.pairing.paired .pairing-greet,.pairing.paired .pairing-title,.pairing.paired .pairing-sub,.pairing.paired .pairing-code-card,.pairing.paired .pairing-hadith,.pairing.paired .pairing-hint,.pairing.paired .pairing-regen{opacity:0;transition:opacity .25s ease}.pairing.paired .pairing-paired{opacity:1}.pairing.paired .paired-check .pc-tick{animation:tickDraw .5s .25s ease-out forwards}.pairing.paired .crest--lg{animation:crestPulse .6s ease-out}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes crestPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes tickDraw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){body.mode-pairing .crest--lg,.pairing.paired .crest--lg{animation:none}.pairing-hadith.had-hidden{transform:none}.pairing.paired .paired-check .pc-tick{animation:none;stroke-dashoffset:0}}.board{position:fixed;top:0;right:0;bottom:0;left:0;padding:4vh 4vw;flex-direction:column;background:var(--bg)}.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.6vh;border-bottom:1px solid var(--line)}.masjid{display:flex;align-items:center;gap:1.1vw}.masjid .name{font-size:clamp(20px,3.2vh,46px);font-weight:600}.top .r{text-align:right}.clock{font-size:clamp(22px,4.2vh,60px);font-weight:600}.date{font-size:clamp(11px,1.8vh,24px);color:var(--ink);margin-top:.2vh}.date .hijri{color:var(--emerald-accent);font-weight:600}.split{flex:1;display:flex}.left{flex:1.05;display:flex;flex-direction:column;justify-content:center;padding-right:3vw}.divider{width:1px;background:var(--line)}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:3vw}.srow{display:flex;align-items:center;justify-content:space-between;padding:1.5vh 1.4vw;border-radius:1.4vh}.srow+.srow{margin-top:.6vh}.srow .nm{font-size:clamp(20px,3.6vh,56px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.srow .ad{font-size:clamp(11px,1.7vh,24px);color:var(--row-sub);margin-top:.2vh}.srow .iq{font-size:clamp(28px,5.4vh,92px);font-weight:700;color:var(--ink)}.srow .iq .ampm{font-size:.4em;color:var(--dim);font-weight:600;margin-left:.1em}.srow.next{background:var(--next-bg)}.srow.next .nm{color:var(--next-name)}.srow.next .iq,.srow.next .iq .ampm{color:var(--next-ink)}.srow.next .ad{color:var(--next-sub)}.srow.jrow{border-top:1px solid var(--line);border-radius:0;margin-top:1.2vh;padding-top:2vh}.srow.jrow~.srow.jrow{border-top:none;margin-top:0;padding-top:.6vh}.srow .ad.jsub{font-size:clamp(14px,2.4vh,32px);margin-top:.5vh}.jsub .jspk{color:var(--ink);font-weight:700}.jsub .jtop{font-style:italic;color:var(--name-dim)}.kicker{font-size:clamp(14px,2.4vh,38px);letter-spacing:.5em;padding-left:.5em;color:var(--emerald);text-transform:uppercase;font-weight:600}.pname{font-size:clamp(40px,10vh,170px);font-weight:600;line-height:1;color:var(--ink);text-transform:uppercase;margin-top:1vh}.bigtime{font-size:clamp(70px,18vh,300px);font-weight:600;line-height:.92;color:var(--ink);margin-top:.4vh}.bigtime .ampm{font-size:.34em;color:var(--ink);font-weight:500;margin-left:.12em}.count{font-size:clamp(26px,5.5vh,96px);font-weight:700;color:var(--emerald);line-height:1;margin-top:1.4vh}.foot{text-align:center;margin-top:1.2vh;color:var(--foot);font-size:clamp(10px,1.4vh,18px);letter-spacing:.18em;text-transform:uppercase}.foot b{color:var(--emerald);font-weight:600}