@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2)format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-700-normal-DIjoEGk6.woff2)format("woff2"),url(/assets/amiri-latin-700-normal-BH9dHmOv.woff)format("woff")}:root{--ink:#fbf5e6;--gold:#e3c274;--glass:#1828226b;--line:#fff4d638;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#0f2b2c;margin:0;font:500 15px/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.pill{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 16px;display:flex;box-shadow:0 8px 28px #00000047,inset 0 1px #ffffff38,inset 0 -10px 18px #0000001a}#hud{pointer-events:none;z-index:5;animation:.8s both fade;position:fixed;inset:0}#hud>*{pointer-events:none}#hud button{pointer-events:auto}.top{left:calc(12px + var(--sal));right:calc(12px + var(--sar));top:calc(12px + var(--sat));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.top .l{padding-left:6px}.top .l .name{letter-spacing:.02em;font:700 19px Amiri,serif}.top .room{align-items:center;gap:2px;font-weight:600;display:inline-flex}.top .room svg{opacity:.7;width:14px;height:14px}.top .cnt{opacity:.85;font-variant-numeric:tabular-nums;letter-spacing:.02em}.top .r{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.top .r .pill{pointer-events:auto}.ib{pointer-events:auto;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s,transform .15s;display:grid}.ib:active{background:#ffffff24;transform:scale(.9)}.ib svg{width:22px;height:22px}#tasbihBtn svg circle,#join svg circle{fill:currentColor;stroke:none}.pill.txt{background:#202c2280;gap:6px;height:40px;padding:0 16px 0 12px;font-weight:600}.pill.txt svg{fill:currentColor;stroke:none;width:16px;height:16px}.pill.txt.sm{opacity:.92;height:32px;padding:0 12px;font-size:12px}#listen.on svg{animation:1.4s ease-in-out infinite pulse}#sp .x,#mute.off #sp .w{display:none}#mute.off #sp .x{display:block}#hint{left:0;right:0;bottom:calc(100px + var(--sab));text-align:center;letter-spacing:.01em;color:#fffaebf2;text-shadow:0 1px 8px #000000b3;margin:0;padding:0 20px;font-size:13px;transition:opacity 1s;display:none;position:absolute}#nick{color:#2a3a2c;white-space:nowrap;will-change:transform;background:#fcf6e6f0;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px 0 5px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000040}#nick i{color:#fff;background:#6b7f5b;border-radius:50%;place-items:center;width:24px;height:24px;font:700 11px Amiri,serif;display:grid}#nick i:before{content:"You";font-family:inherit}.bar{left:calc(14px + var(--sal));right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:999px;max-width:440px;height:74px;margin:0 auto;padding:0 8px;display:flex;position:absolute;box-shadow:0 10px 34px #00000052,inset 0 1px #ffffff38}.bar button{letter-spacing:.01em;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;font-size:12.5px;font-weight:600;transition:transform .15s,background .25s,color .25s;display:flex}.bar button svg{width:26px;height:26px}.bar button:active{transform:scale(.94)}.bar button.act{color:#ffe9b0;background:#e3c27438;box-shadow:inset 0 0 0 1px #e3c27473}#entry{z-index:20;padding:calc(20px + var(--sat)) 20px calc(20px + var(--sab));-webkit-backdrop-filter:blur(5px);background:radial-gradient(120% 90% at 50% 40%,#0c28288c,#08181adb);place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0;overflow-y:auto}#entry.gone{opacity:0;visibility:hidden;pointer-events:none}.entry-card{text-align:center;flex-direction:column;align-items:center;width:min(100%,460px);display:flex}.entry-card .ar{color:var(--gold);text-shadow:0 2px 24px #e3c27459;font:400 clamp(54px,15vw,84px)/1.2 Amiri,serif;animation:1.2s .1s both rise}.entry-card h1{letter-spacing:.14em;text-indent:.14em;margin:-4px 0 4px;font:700 clamp(40px,11vw,58px)/1.1 Amiri,serif;animation:1.2s .25s both rise}.tag{color:#fbf5e6db;margin:4px 0 26px;font-size:16px;animation:1.2s .4s both rise}.choose{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:12px;font-size:12px;animation:1.2s .5s both rise}.cards{grid-template-columns:1fr 1fr;gap:14px;width:100%;animation:1.2s .6s both rise;display:grid}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#fff8e417;border-radius:26px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px 14px;transition:transform .25s,border-color .25s,background .25s;display:flex;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff2e}.card:hover{background:#fff8e426;border-color:#e3c274b3;transform:translateY(-3px)}.card:active{transform:scale(.97)}.card .pv{aspect-ratio:4/4.4;background:radial-gradient(80% 70% at 50% 40%,#ffe2a047,#ffe2a000);border-radius:18px;place-items:center;width:100%;display:grid}.card img{object-fit:contain;width:100%;height:100%}.card b{letter-spacing:.04em;font:700 22px Amiri,serif}.card small{opacity:.72;font-size:12px}.fine{opacity:.6;letter-spacing:.04em;margin:22px 0 0;font-size:12px;animation:1.2s .8s both rise}#tasbih{z-index:15;-webkit-backdrop-filter:blur(3px);background:#0614146b;justify-content:center;align-items:flex-end;animation:.3s both fade;display:flex;position:fixed;inset:0}.sheet{width:min(100%,480px);padding:22px 20px calc(18px + var(--sab));text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.4);background:linear-gradient(#1e342cd1,#0e201eeb);border-bottom:0;border-radius:34px 34px 0 0;animation:.45s cubic-bezier(.2,.9,.25,1) both sheet;position:relative;box-shadow:0 -16px 50px #0006,inset 0 1px #ffffff38}.sheet .x{background:#ffffff1a;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1;position:absolute;top:14px;right:16px}.steps{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.steps i{background:#fff3;border-radius:3px;width:34px;height:5px;transition:background .3s}.steps i.on{background:var(--gold)}.steps i.done{background:#e3c27480}.ph-ar{color:var(--gold);min-height:88px;padding-top:6px;font:400 46px/1.9 Amiri,serif;overflow:visible}.ph-en{letter-spacing:.04em;margin-top:-4px;font:700 22px Amiri,serif}.ph-mean{opacity:.7;margin-top:2px;font-size:13px}#tTap{aspect-ratio:1;width:min(66vw,250px);box-shadow:inset 0 0 0 1px var(--line), 0 10px 40px #00000059;touch-action:manipulation;background:radial-gradient(circle at 50% 38%,#ffecbe29,#ffecbe08 70%);border-radius:50%;margin:14px auto 6px;display:block;position:relative}#tTap:active .cnt b{transform:scale(.92)}#ring{width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}#ring circle{fill:#fff3;stroke:none;transition:fill .25s,r .25s}#ring circle.on{fill:var(--gold)}#tTap .cnt{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#tTap .cnt b{font-variant-numeric:tabular-nums;font:700 64px/1 Amiri,serif;transition:transform .12s}#tTap .cnt small{opacity:.7;margin-top:2px;font-size:15px}.hint2{opacity:.55;font-size:12px}.reset{border:1px solid var(--line);opacity:.85;border-radius:999px;margin-top:8px;padding:8px 18px;font-size:13px}#toast{left:50%;bottom:calc(110px + var(--sab));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);opacity:0;z-index:30;pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 18px;transition:all .4s;position:fixed;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sheet{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.25)}}@media (width>=700px){.top .l{padding-left:8px}.top .l .name{font-size:22px}}@media (height<=640px){.ph-ar{min-height:52px;font-size:34px}#tTap{width:150px}}