:root{--bg:#f6f4ee;--ink:#14201b;--emerald:#0f7a4d;--emerald-deep:#0b5e3b;--dim:#8a958f;--line:#e2ddd0}*{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}.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:6vh;height: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:6vh 6vw}.pairing-inner{max-width:90vw}.pairing-title{font-size:clamp(28px,5vh,72px);font-weight:600;color:var(--ink);margin-bottom:1.5vh}.pairing-sub{font-size:clamp(14px,2.4vh,30px);color:var(--dim);margin-bottom:5vh}.pairing-sub b{color:var(--emerald-deep)}.pairing-code{font-family:Avenir Next,Helvetica Neue,monospace;font-size:clamp(60px,18vh,240px);font-weight:700;color:var(--emerald);letter-spacing:.12em;line-height:1;margin-bottom:4vh}.pairing-hint{font-size:clamp(13px,2vh,26px);color:var(--dim);text-transform:uppercase;letter-spacing:.18em}.board{position:fixed;top:0;right:0;bottom:0;left:0;padding:4.5vh 5vw;flex-direction:column;background:var(--bg)}.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:2vh;border-bottom:1px solid var(--line)}.masjid{display:flex;align-items:center;gap:1.3vw}.masjid .name{font-size:clamp(20px,3.4vh,48px);font-weight:600;letter-spacing:.005em}.right{text-align:right}.clock{font-size:clamp(24px,4.6vh,66px);font-weight:600}.date{font-size:clamp(12px,1.9vh,26px);color:var(--ink);margin-top:.3vh}.date .hijri{color:var(--emerald-deep);font-weight:600}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.kicker{font-size:clamp(15px,2.6vh,38px);letter-spacing:.5em;padding-left:.5em;color:var(--emerald);text-transform:uppercase;font-weight:600}.pname{font-size:clamp(40px,11vh,164px);font-weight:600;line-height:1;color:var(--ink);text-transform:uppercase;letter-spacing:.02em;margin-top:1vh}.bigtime{font-size:clamp(96px,29vh,460px);font-weight:600;line-height:.9;color:var(--ink);margin-top:.2vh}.bigtime .ampm{font-size:.34em;color:var(--ink);margin-left:.14em;font-weight:500}.count{font-size:clamp(30px,7vh,112px);font-weight:700;color:var(--emerald);line-height:1;margin-top:1.6vh}.hero.now .count{color:var(--emerald-deep)}.strip{display:flex;gap:1.3vw;margin-top:2vh;padding-top:2.4vh;border-top:1px solid var(--line)}.cell{flex:1;padding:2.4vh 1vw;text-align:center;border-radius:1.6vh;display:flex;flex-direction:column;align-items:center;gap:.9vh}.cell .pn{font-size:clamp(17px,3vh,46px);color:#33403a;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.cell .iq{font-size:clamp(36px,7.8vh,128px);font-weight:700;line-height:1;color:var(--ink)}.cell .iq .ampm{font-size:.4em;color:#5b675f;margin-left:.12em;font-weight:600}.cell .ad{font-size:clamp(14px,2.3vh,32px);color:#65706a;font-weight:500}.cell.next{background:var(--emerald)}.cell.next .pn{color:#d2f1e0}.cell.next .iq,.cell.next .iq .ampm{color:#fff}.cell.next .ad{color:#e0f4ea}.foot{text-align:center;margin-top:1.4vh;color:#b6bdb6;font-size:clamp(10px,1.5vh,20px);letter-spacing:.18em;text-transform:uppercase}.foot b{color:var(--emerald);font-weight:600}