:root{--sw:1920px;--sh:1080px;--fade:.6s;--tk-h:0px;--tk-fs:40px;--tk-color:#fff;--tk-bg:#000000e6}html,body{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Noto Sans Hebrew,Noto Sans,Helvetica Neue,Arial,sans-serif}body.hide-cursor,body.hide-cursor *{cursor:none!important}[hidden]{display:none!important}#stage{background:#000;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}html[data-orient=portrait_cw] #stage,html[data-orient=portrait_ccw] #stage{width:100vh;height:100vw;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}html[data-orient=portrait_ccw] #stage{transform:translate(-50%,-50%)rotate(-90deg)}#frame{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#zones{position:absolute;top:0;bottom:0;left:0;right:0}.zone{position:absolute;overflow:hidden}.zone-empty{position:absolute;top:0;bottom:0;left:0;right:0}.layer{opacity:0;width:100%;height:100%;transition:opacity var(--fade) linear;will-change:opacity;position:absolute;top:0;left:0}.layer.active{opacity:1}.layer img,.layer video{object-fit:var(--fit,contain);background:0 0;width:100%;height:100%;display:block}.layer video{object-position:center}.layer .widget{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.layer .embed{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.layer .embed iframe{background:#000;border:0;width:100%;height:100%;display:block}#ticker{height:var(--tk-h);z-index:20;contain:strict;background:var(--tk-bg);color:var(--tk-color);font-size:var(--tk-fs);line-height:var(--tk-h);font-weight:600;position:absolute;left:0;right:0;overflow:hidden}#ticker.top{top:0}#ticker.bottom{bottom:0}.ticker__track{white-space:nowrap;will-change:transform;position:absolute;top:0}#ticker[dir=ltr] .ticker__track{left:0}#ticker[dir=rtl] .ticker__track{right:0}.ticker__seg{padding:0 .4em;display:inline-block}.ticker__sep{opacity:.7;padding:0 .5em}#logo{z-index:30;pointer-events:none;object-fit:contain;height:auto;max-height:40%;position:absolute}#override{z-index:40;text-align:center;word-break:break-word;justify-content:center;align-items:center;padding:5%;font-weight:700;line-height:1.25;animation:2s ease-in-out infinite ov-pulse;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes ov-pulse{0%,to{box-shadow:inset 0 0 #fff0}50%{box-shadow:inset 0 0 0 calc(var(--sh) * .012) #ffffff59}}#status{z-index:50;text-align:center;background:#0b0f19;flex-direction:column;justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#status .st-icon{font-size:calc(var(--sh) * .12);line-height:1}#status .st-title{font-size:calc(var(--sh) * .05);margin-top:calc(var(--sh) * .03);max-width:85%;font-weight:700}#status .st-msg{font-size:calc(var(--sh) * .028);opacity:.85;max-width:80%;margin-top:calc(var(--sh) * .015)}#status .st-foot{font-size:calc(var(--sh) * .02);opacity:.5;font-family:monospace;position:absolute;bottom:3%}#pairing{z-index:55;background:radial-gradient(circle at 50% 30%,#1e2a5a,#0b0f19 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pair-title{font-size:calc(var(--sh) * .04);font-weight:700;line-height:1.3}.pair-hint{font-size:calc(var(--sh) * .022);opacity:.7;margin-top:calc(var(--sh) * .01)}.pair-digits{gap:calc(var(--sw) * .012);margin:calc(var(--sh) * .035) 0;direction:ltr;display:flex}.pair-digit{width:calc(var(--sh) * .12);height:calc(var(--sh) * .16);font-size:calc(var(--sh) * .09);background:#ffffff0f;border:3px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;font-family:monospace;font-weight:700;display:flex}.pair-digit.current{border-color:#6ea8ff;box-shadow:0 0 0 4px #6ea8ff59}.pair-digits.error .pair-digit{border-color:#ff5a5a;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pair-keys{grid-template-columns:repeat(3, calc(var(--sh) * .14));gap:calc(var(--sh) * .014);direction:ltr;display:grid}.pair-key{height:calc(var(--sh) * .09);font-size:calc(var(--sh) * .045);cursor:pointer;background:#ffffff1a;border:3px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-weight:600;display:flex}.pair-key:hover{background:#fff3}.pair-key.focus{background:#6ea8ff4d;border-color:#6ea8ff}.pair-key.ok{background:#2f6fed}.pair-key.ok.focus{background:#4d86ff}.pair-status{margin-top:calc(var(--sh) * .02);font-size:calc(var(--sh) * .024);color:#ffb4b4;min-height:1.6em}#hint{z-index:60;color:#fff;font-size:calc(var(--sh) * .024);white-space:normal;text-align:center;box-sizing:border-box;background:#000000bf;border:1px solid #ffffff40;border-radius:1.2em;width:max-content;max-width:88%;padding:.6em 1.4em;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}#offline{z-index:60;color:#ff5a5a;font-size:calc(var(--sh) * .03);text-shadow:0 0 6px #000;position:absolute;top:1.5%;left:1.5%}#standby{z-index:65;cursor:none;background:#000;position:absolute;top:0;bottom:0;left:0;right:0}html.standby #hint{z-index:66}#debug{z-index:70;color:#9f9;white-space:pre-wrap;text-align:left;direction:ltr;background:#000000d9;max-width:70%;padding:10px 14px;font:14px/1.45 Consolas,Menlo,monospace;position:absolute;top:0;left:0}#debug .dbg-menu{margin-top:6px}#debug .dbg-menu button{color:#fff;font:inherit;cursor:pointer;background:#222;border:2px solid #555;margin:4px 6px 0 0;padding:4px 12px}#debug .dbg-menu button.focus{background:#2f6fed;border-color:#6ea8ff}.w{width:100%;height:100%;padding:calc(var(--zh) * .05);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.w-muted{opacity:.6}.w-clock .w-time{font-size:calc(var(--zw) * .22);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:700;line-height:1}.w-clock .w-date{font-size:calc(var(--zw) * .06);margin-top:calc(var(--zh) * .04);opacity:.9}.w-clock .w-hijri{font-size:calc(var(--zw) * .045);margin-top:calc(var(--zh) * .02);opacity:.7}.w-weather .w-city{font-size:calc(var(--zw) * .07);opacity:.9;font-weight:600}.w-weather .w-now{align-items:center;gap:calc(var(--zw) * .04);margin-top:calc(var(--zh) * .03);display:flex}.w-weather .w-icon svg,.w-weather .w-day-icon svg{width:calc(var(--zw) * .22);height:calc(var(--zw) * .22)}.w-weather .w-day-icon svg{width:calc(var(--zw) * .1);height:calc(var(--zw) * .1)}.w-weather .w-temp{font-size:calc(var(--zw) * .22);font-weight:700;line-height:1}.w-weather .w-desc{font-size:calc(var(--zw) * .06);margin-top:calc(var(--zh) * .015)}.w-weather .w-meta{font-size:calc(var(--zw) * .04);opacity:.75;margin-top:calc(var(--zh) * .01)}.w-weather .w-days{gap:calc(var(--zw) * .06);margin-top:calc(var(--zh) * .05);display:flex}.w-weather .w-day{text-align:center;font-size:calc(var(--zw) * .045)}.w-weather .w-day-name{opacity:.8}.w-prayer .w-title{font-size:calc(var(--zw) * .07);margin-bottom:calc(var(--zh) * .02);font-weight:700}.w-prayer .w-hijri-line{font-size:calc(var(--zw) * .045);opacity:.75;margin-bottom:calc(var(--zh) * .02)}.w-prayer .w-table{border-collapse:collapse;font-size:calc(var(--zw) * .062);width:80%}.w-prayer .w-table td{padding:calc(var(--zh) * .012) calc(var(--zw) * .03)}.w-prayer .w-pname{text-align:start}.w-prayer .w-ptime{text-align:end;font-variant-numeric:tabular-nums;direction:ltr;font-family:system-ui,monospace;font-weight:600}.w-prayer tr.is-next td{color:#ffd54a;background:#ffd54a2e;border-radius:8px}.w-prayer .w-next{margin-top:calc(var(--zh) * .03);font-size:calc(var(--zw) * .05);color:#ffd54a}.w-list{text-align:start;justify-content:flex-start;align-items:stretch}.w-head{font-size:calc(var(--zw) * .045 + var(--zh) * .012);margin-bottom:calc(var(--zh) * .02);justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.w-pages{opacity:.6;font-variant-numeric:tabular-nums;font-size:.6em}.w-bell .w-title{font-size:calc(var(--zw) * .06);opacity:.85;font-weight:600}.w-bell .w-bell-phase{font-size:calc(var(--zw) * .05);letter-spacing:.05em;opacity:.7;margin-top:calc(var(--zh) * .02)}.w-bell .w-bell-current{font-size:calc(var(--zw) * .11);font-weight:700;line-height:1.15}.w-bell.is-after .w-bell-current,.w-bell.is-none .w-bell-current,.w-bell.is-before .w-bell-current{font-size:calc(var(--zw) * .085);opacity:.9}.w-bell .w-bell-label{font-size:calc(var(--zw) * .05);opacity:.75;margin-top:calc(var(--zh) * .03)}.w-bell .w-bell-remaining{font-size:calc(var(--zw) * .18);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.w-bell.is-final .w-bell-remaining{color:#ff7a59;animation:1s ease-in-out infinite bell-pulse}.w-bell .w-bell-bar{width:80%;height:calc(var(--zh) * .016);margin-top:calc(var(--zh) * .03);background:#ffffff2e;border-radius:999px;overflow:hidden}.w-bell .w-bell-fill{transform-origin:0;background:#ffd54a;height:100%;transition:transform 1s linear;transform:scaleX(0)}html[dir=rtl] .w-bell .w-bell-fill{transform-origin:100%}.w-bell.is-break .w-bell-fill,.w-bell.is-gap .w-bell-fill{background:#5ad38a}.w-bell.is-break .w-bell-current,.w-bell.is-gap .w-bell-current{color:#5ad38a}.w-bell .w-bell-next{margin-top:calc(var(--zh) * .035);font-size:calc(var(--zw) * .055);color:#ffd54a}@keyframes bell-pulse{0%,to{opacity:1}50%{opacity:.55}}.w-countdown .w-title{font-size:calc(var(--zw) * .07);opacity:.9;font-weight:600}.w-countdown .w-cd-num{font-size:calc(var(--zw) * .3);font-variant-numeric:tabular-nums;margin-top:calc(var(--zh) * .02);font-weight:800;line-height:1}.w-countdown .w-cd-num.is-word{font-size:calc(var(--zw) * .14);line-height:1.2}.w-countdown .w-cd-unit{font-size:calc(var(--zw) * .08);margin-top:calc(var(--zh) * .01)}.w-countdown .w-cd-sub{font-size:calc(var(--zw) * .05);opacity:.8;margin-top:calc(var(--zh) * .02)}.w-countdown .w-cd-date{font-size:calc(var(--zw) * .045);opacity:.65;margin-top:calc(var(--zh) * .03)}.w-countdown.is-done .w-cd-num{color:#5ad38a}.w-notices .w-notices-list{flex:1;min-height:0;transition:opacity .3s;overflow:hidden}.w-notices .w-notices-list.is-out{opacity:0}.w-notice{--accent:#6ea8ff;--accent-bg:#6ea8ff2e;padding:calc(var(--zh) * .015) calc(var(--zw) * .035);margin-top:calc(var(--zh) * .015);background:var(--accent-bg);border-radius:10px}.w-notice:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:calc(var(--zw) * .012) solid var(--accent)}.w-notice:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:calc(var(--zw) * .012) solid var(--accent)}.w-notice:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:calc(var(--zw) * .012) solid var(--accent)}.w-notice:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:calc(var(--zw) * .012) solid var(--accent)}.w-notice:first-child{margin-top:0}.w-notice .w-notice-title{font-size:calc(var(--zw) * .03 + var(--zh) * .018);font-weight:700;line-height:1.25}.w-notice .w-notice-body{font-size:calc(var(--zw) * .022 + var(--zh) * .014);opacity:.92;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:.15em;line-height:1.35;display:-webkit-box;overflow:hidden}.w-events .w-ev-day{font-size:calc(var(--zw) * .026 + var(--zh) * .014);color:#ffd54a;margin-top:calc(var(--zh) * .02);font-weight:700}.w-events .w-ev-day:first-child{margin-top:0}.w-events .w-ev{padding:calc(var(--zh) * .01) 0;border-bottom:1px solid #ffffff1f;align-items:center;display:flex}.w-events .w-ev.is-past{opacity:.45}.w-events .w-ev-badge{font-size:calc(var(--zw) * .018 + var(--zh) * .01);white-space:nowrap;background:#6c6f80;border-radius:999px;flex:none;padding:.15em .6em;font-weight:700}.w-events .w-ev-badge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--zw) * .02)}.w-events .w-ev-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--zw) * .02)}.w-events .w-ev-badge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--zw) * .02)}.w-events .w-ev-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--zw) * .02)}.w-events .w-ev-badge.is-exam{background:#d9534f}.w-events .w-ev-badge.is-holiday{background:#2e9e5b}.w-events .w-ev-badge.is-trip{background:#2f6fed}.w-events .w-ev-badge.is-event{background:#8e5bd8}.w-events .w-ev-main{flex:1;min-width:0}.w-events .w-ev-title{font-size:calc(var(--zw) * .026 + var(--zh) * .015);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.w-events .w-ev-group{font-size:calc(var(--zw) * .02 + var(--zh) * .011);opacity:.7;display:block}.w-events .w-ev-time{font-size:calc(var(--zw) * .026 + var(--zh) * .014);font-variant-numeric:tabular-nums;opacity:.9;direction:ltr;flex:none}.w-events .w-ev-time:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--zw) * .02)}.w-events .w-ev-time:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--zw) * .02)}.w-events .w-ev-time:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--zw) * .02)}.w-events .w-ev-time:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--zw) * .02)}.w-quote .w-quote-mark{font-size:calc(var(--zw) * .2);opacity:.35;font-family:Georgia,Times New Roman,serif;line-height:.6}.w-quote .w-quote-text{font-size:calc(var(--zw) * .05 + var(--zh) * .02);max-width:90%;font-weight:600;line-height:1.4;transition:opacity .35s}.w-quote .w-quote-text.is-long{font-size:calc(var(--zw) * .035 + var(--zh) * .015)}.w-quote .w-quote-text.is-out{opacity:0}.zone[data-zone=side]{background:#ffffff0f}
