.upd-ov{position:fixed;left:0;right:0;bottom:0;z-index:5000;padding:12px 12px calc(12px + var(--sb));display:flex;justify-content:center;animation:up .26s cubic-bezier(.2,.8,.2,1)}.upd-ov.force{top:0;align-items:center;background:var(--bg);animation:fi .25s}
.upd-card{width:min(92vw,420px);background:var(--c);border:1px solid var(--y);border-radius:24px;padding:20px 18px 16px;box-shadow:0 10px 40px #0006;text-align:center}.upd-ic{width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--y) 16%,transparent);color:var(--y);display:grid;place-items:center;margin:0 auto 10px}
.upd-card h3{font-size:21px;margin:0 0 6px}.upd-card p{margin:6px 0;line-height:1.8;font-size:14px}.upd-n{color:var(--m);font-size:13px}.upd-eta{display:inline-block;margin:6px 0;padding:3px 12px;border-radius:14px;background:var(--soft);font-size:12px;color:var(--m)}.upd-b{display:grid;gap:8px;margin-top:12px}.upd-b .btn{margin-top:0}.upd-off{color:var(--m);font-size:13px;min-height:18px;margin-top:8px}
.upd-ext{position:fixed;inset:0;z-index:9500;display:flex;flex-direction:column;background:linear-gradient(170deg,#16201f,#0b0e10 72%);color:#e8e6e1;padding:calc(14px + var(--st)) 22px calc(20px + var(--sb));overscroll-behavior:contain;touch-action:none;animation:fi .25s ease}
.ux-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;opacity:.8;padding-bottom:12px;border-bottom:1px solid #ffffff24}.ux-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ux-ico{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:16px}.ux-ico img{width:84px;height:84px;border-radius:24px;box-shadow:0 10px 30px #0006}
.ux-ring{position:absolute;inset:0;width:100%;height:100%;animation:uxSp 1.3s linear infinite}.ux-ring circle{fill:none;stroke:#c9a766;stroke-width:5;stroke-linecap:round;stroke-dasharray:110 229}
.ux-ok{position:absolute;bottom:4px;right:4px;width:34px;height:34px;border-radius:50%;background:#4fae9f;color:#06201c;font-weight:800;font-size:20px;display:none;place-items:center}
.upd-ext.ok .ux-ring,.upd-ext.err .ux-ring{animation:none}.upd-ext.ok .ux-ring circle{stroke:#4fae9f;stroke-dasharray:339 0}.upd-ext.err .ux-ring circle{stroke:#e0726c;stroke-dasharray:339 0}.upd-ext.ok .ux-ok{display:grid}
.ux-mid h2{font-size:24px;margin:0 0 4px}.ux-mid p{font-size:14px;opacity:.85;margin:0;min-height:22px}.ux-pb{width:min(86%,320px);height:10px;border-radius:10px;background:#ffffff29;overflow:hidden;margin-top:22px}
.ux-pb i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#2b7770,#c9a766);transition:width .15s linear}.upd-ext.run .ux-pb i{background:repeating-linear-gradient(135deg,#ffffff4d 0 8px,#fff0 8px 16px),linear-gradient(90deg,#2b7770,#c9a766);background-size:32px 100%,100% 100%;animation:uxSt .8s linear infinite}.upd-ext.ok .ux-pb i{background:#4fae9f;animation:none}
.ux-pc{font-size:13px;font-weight:700;margin-top:8px;opacity:.9;font-variant-numeric:tabular-nums}.ux-st{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px;text-align:right;font-size:13.5px}.ux-st li{display:flex;align-items:center;gap:9px;opacity:.45}
.ux-st li::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #ffffff80;flex:none}.ux-st li.on{opacity:1}.ux-st li.on::before{border-color:#c9a766;border-top-color:transparent;animation:uxSp .8s linear infinite}.ux-st li.dn{opacity:1}.ux-st li.dn::before{background:#4fae9f;border-color:#4fae9f}
.ux-rt{margin-top:22px;width:auto;min-width:180px;padding:13px 28px}.ux-n{text-align:center;font-size:12px;opacity:.65}@keyframes uxSp{to{transform:rotate(360deg)}}@keyframes uxSt{to{background-position:32px 0,0 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== v4.2 ===== */
.hlg{width:36px;height:36px;border-radius:12px;flex:none}.hdt{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background:var(--y);border:2px solid var(--bg)}
.appbar{gap:8px}.bd2{min-width:20px;height:20px;border-radius:10px;background:var(--y);color:#111;font-size:11.5px;font-weight:700;display:inline-grid;place-items:center;padding:0 6px}
/* الكيبورد وزر الإعجاب */
.cb{align-items:flex-end}.lkb{display:grid;place-items:center;width:36px;height:40px;flex:none;color:var(--ox)}.cb.has .lkb{display:none}
.b.lk{background:none!important;border:0!important;padding:2px 4px 0;min-width:0}.lkc{display:block;color:var(--ox);animation:lkp .35s cubic-bezier(.2,1.6,.3,1)}.lkc svg{width:46px;height:46px;stroke-width:1.6;fill:color-mix(in srgb,var(--ox) 22%,transparent)}
@keyframes lkp{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.mt span{font-size:10px;opacity:.8;margin-inline-end:3px}.avb{display:inline-grid;padding:0;border-radius:50%;align-self:flex-end}
/* تفاعلات */
.em1{font-family:'Apple Color Emoji','Noto Color Emoji','Segoe UI Emoji',sans-serif;line-height:1}
.rcs{margin-top:-7px;position:relative;z-index:1;padding:0 6px}.rc{border:1px solid var(--l);background:var(--c);box-shadow:0 1px 4px #0003;padding:1px 6px;color:var(--t)}.rc.mine{border-color:var(--ox);background:color-mix(in srgb,var(--o) 16%,var(--c))}.rc small{font-size:11px;color:var(--m)}
.rc.nw{animation:rpop .38s cubic-bezier(.2,1.7,.3,1)}@keyframes rpop{from{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}
#rb{position:fixed;inset:0;z-index:85;display:none}#rb.on{display:block}.rbk{position:absolute;inset:0;background:#0008}.rh{position:absolute;pointer-events:none}.rh .b{width:100%;max-width:none}
.rbar{position:absolute;display:flex;gap:1px;padding:5px 8px;background:var(--c);border:1px solid var(--l);border-radius:32px;box-shadow:0 8px 28px #0006;animation:rbi .22s cubic-bezier(.2,1.2,.3,1)}
.rbar button{width:42px;height:42px;border-radius:50%;font-size:27px;line-height:1;font-family:'Apple Color Emoji','Noto Color Emoji','Segoe UI Emoji',sans-serif;transition:transform .12s;animation:emo .34s cubic-bezier(.2,1.6,.3,1) both;animation-delay:calc(var(--i)*40ms)}.rbar button:active{transform:scale(1.4)}.rbar button.sel{background:color-mix(in srgb,var(--o) 26%,transparent)}
.ract{position:absolute;min-width:190px;background:var(--c);border:1px solid var(--l);border-radius:16px;box-shadow:0 8px 28px #0006;overflow:hidden;animation:fi .2s}.ract button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;text-align:start}.ract button+button{border-top:1px solid var(--l)}.ract .dn{color:var(--rd)}
@keyframes rbi{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes emo{from{transform:translateY(16px) scale(.3);opacity:0}to{transform:none;opacity:1}}
/* بطاقات الدعوات والطلبات المضغوطة */
.ic{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;width:calc(100% - 16px);max-width:440px;margin:7px auto;background:var(--c);border:1px solid var(--l);border-inline-start:3px solid var(--y);border-radius:14px;padding:7px 10px;box-shadow:var(--sh)}
.ic.f{border-inline-start-color:var(--rd)}.ic.t{border-inline-start-color:var(--ox)}.ic.dd{opacity:.7;box-shadow:none}
.ic .ii{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--y) 16%,transparent);color:var(--y)}.ic.f .ii{background:color-mix(in srgb,var(--rd) 14%,transparent);color:var(--rd)}.ic.t .ii{background:color-mix(in srgb,var(--o) 18%,transparent);color:var(--ox)}
.ic .it{flex:1 1 120px;min-width:0;line-height:1.35}.ic .it b{display:block;font-size:13.5px}.ic .it small{display:block;color:var(--m);font-size:11.8px;word-break:break-word}
.ib{display:flex;gap:6px;flex:none;margin-inline-start:auto}.ib button{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:15px;font-size:12.5px;font-weight:700;background:var(--o);color:#fff;white-space:nowrap}.ib button.s{background:var(--soft);color:var(--t)}.ib button.on{outline:2px solid var(--ox);outline-offset:1px}.ib button:active{transform:scale(.96)}
/* القائمة الجانبية */
#dr{position:fixed;inset:0;z-index:80;pointer-events:none}#dr.on{pointer-events:auto}.dov{position:absolute;inset:0;background:#0007;opacity:0;transition:opacity .22s}#dr.on .dov{opacity:1}
.dw{position:absolute;top:0;bottom:0;right:0;width:min(84vw,330px);background:var(--c);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);padding:calc(16px + var(--st)) 0 calc(10px + var(--sb));box-shadow:-10px 0 40px #0006;overflow-y:auto;overscroll-behavior:contain}#dr.on .dw{transform:none}
.dh{display:flex;align-items:center;gap:12px;padding:6px 18px 16px;border-bottom:1px solid var(--l)}.dh .gr1{min-width:0}.dh b{font-size:17px}
.dl{padding:8px 8px}.dit{display:flex;align-items:center;gap:14px;width:100%;padding:12px 12px;border-radius:14px;font-size:15px;text-align:start;color:var(--t)}.dit:active{background:var(--soft)}.dit span{flex:1}.dit svg{color:var(--ox)}
.dev{margin:auto 12px 0;padding:12px 14px;border:1px solid var(--l);border-radius:18px;background:var(--bg);text-align:center;display:grid;gap:4px}.dev b{font-size:16px;color:var(--y)}
.dlk{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:6px 0}.dlk a{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:14px;background:var(--soft);color:var(--t);text-decoration:none;font-size:12.5px;font-weight:600}.dlk a svg{color:var(--ox)}
.dver{text-align:center;color:var(--m);font-size:11.5px;margin:10px 0 0}
/* الدردشة الخاصة */
#dmv{position:fixed;inset:0;z-index:75;max-width:520px;margin:0 auto;background:var(--bg);display:none;flex-direction:column}#dmv.on{display:flex;animation:fi .2s}
.dmh{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--st)) 12px 8px;background:var(--bar);border-bottom:1px solid var(--l);flex:none;min-height:56px}.dmp{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.cmp.dm{padding-bottom:calc(8px + var(--sb))}body.kb .cmp.dm{padding-bottom:8px}
.ml .r2{width:100%}