/* Final assembled ux25 notification visual system; real-account data only. */
#nx4{--v:#7C3AED;--v2:#6328F5;--vd:#5B21B6;--vt:#F3EEFF;--ink:#14121F;--mut:#8A8798;--line:#EEEDF3;--bg:#FFFFFF;--font:-apple-system,BlinkMacSystemFont,"SF Arabic","Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif;font-family:var(--font);color:var(--ink);direction:rtl}
#nx4 *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#nx4 button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}
#nx4 button:disabled{cursor:default}
#nx4 button:focus-visible{outline:2px solid var(--v);outline-offset:3px}
#nx4 .n4body{padding:0;scrollbar-width:thin;scrollbar-color:#C9B8E6 #F5F0FB}
#nx4 .n4app{max-width:none;margin:0 auto;background:var(--bg);min-height:100%;position:relative;padding-bottom:max(40px,env(safe-area-inset-bottom,0px))}
#nx4 .n4hd{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:calc(10px + env(safe-area-inset-top,0px)) 14px 8px}
#nx4 .n4hr{display:flex;align-items:center;gap:10px}
#nx4 .n4bk{width:38px;height:38px;border-radius:50%;background:var(--v);display:grid;place-items:center;flex:none;box-shadow:0 4px 12px rgba(124,58,237,.3)}
#nx4 .n4bk svg{width:20px;height:20px}
#nx4 .n4ttl{font-size:24px;font-weight:800;flex:1;letter-spacing:-.2px;margin:0;line-height:1.5}
#nx4 .n4mk{color:var(--v);font-size:14px;font-weight:700;padding:8px 4px}
#nx4 .n4mk:disabled{color:#B9B6C6}
#nx4 .n4chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
#nx4 .n4chips::-webkit-scrollbar{display:none}
#nx4 .n4ch{flex:none;height:36px;padding:0 14px;border-radius:18px;background:#F2F1F6;font-size:14px;font-weight:700;color:#3C3950;display:flex;align-items:center;gap:6px}
#nx4 .n4ch.on{background:var(--ink);color:#fff}
#nx4 .n4ch b{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--v);color:#fff;font-size:12px;display:grid;place-items:center}
#nx4 .n4ch.on b{background:#fff;color:var(--ink)}
#nx4 .n4ch b:empty{display:none}
#nx4 .n4sec{padding:18px 16px 6px;font-size:16px;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin:0}
#nx4 .n4it{display:flex;gap:12px;padding:12px 14px;position:relative;align-items:flex-start}
#nx4 .n4it.un{background:#FAF7FF}
#nx4 .n4it.un:before{content:"";position:absolute;right:4px;top:30px;width:6px;height:6px;border-radius:50%;background:var(--v)}
#nx4 .n4it+.n4it{border-top:1px solid var(--line)}
#nx4 .n4av{position:relative;flex:none;width:52px;height:52px;pointer-events:none}
#nx4 .n4av .new-avatar,#nx4 .n4av img{width:52px!important;height:52px!important;border-radius:50%;object-fit:cover}
#nx4 .n4av .new-avatar{font-size:16px;font-weight:800}
#nx4 .n4bd{position:absolute;bottom:-2px;left:-2px;width:22px;height:22px;border-radius:50%;border:2.5px solid #fff;display:grid;place-items:center;color:#fff}
#nx4 .n4bd svg{width:12px;height:12px}
#nx4 .n4bd.gift{background:#F59E0B}
#nx4 .n4bd.heart{background:#F43F5E}
#nx4 .n4bd.mic,#nx4 .n4bd.follow,#nx4 .n4bd.comment{background:var(--v)}
#nx4 .n4bd.at{background:#0EA5E9}
#nx4 .n4bd.bolt{background:#F97316}
#nx4 .n4bd.comm{background:#10B981}
#nx4 .n4bo{flex:1;min-width:0}
#nx4 .n4target{display:block;width:100%;text-align:right}
#nx4 .n4target::after{content:"";position:absolute;inset:0}
#nx4 .n4target:focus-visible{outline-offset:5px;border-radius:6px}
#nx4 .n4target[aria-busy=true]{opacity:.55}
#nx4 .n4tx2{font-size:14.5px;line-height:1.5;color:#2A2738;overflow-wrap:anywhere}
#nx4 .n4tx2 b{font-weight:800;color:var(--ink)}
#nx4 .n4tm{display:block;font-size:12px;color:var(--mut);margin-top:3px}
#nx4 .n4row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
#nx4 .n4pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 12px;border-radius:15px;font-size:13px;font-weight:800}
#nx4 .n4pill.rp{background:var(--vt);color:var(--v)}
#nx4 .n4pill.rp svg{width:14px;height:14px}
#nx4 .n4empty{padding:50px 20px;text-align:center;color:var(--mut);font-size:14px;line-height:1.8}
#nx4 .n4empty>svg{display:block;margin:0 auto 14px;color:#C4B5FD}
#nx4 .n4empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}
#nx4 .n4error{margin:10px 14px;padding:12px 14px;border-radius:14px;background:#FFF3F6;color:#A42A50;font-size:14px;line-height:1.7}
#nx4 .n4retry{display:block;margin-top:8px;font-weight:700;color:var(--vd)}
#nx4 .n4skeleton{display:flex;gap:12px;padding:18px 14px}
#nx4 .n4skeleton>i{display:block;width:52px;height:52px;border-radius:50%;background:#F2EDF9;flex:none}
#nx4 .n4skeleton>span{display:grid;gap:10px;flex:1;padding:7px 0}
#nx4 .n4skeleton em{display:block;background:#F2EDF9;border-radius:8px;height:13px}
#nx4 .n4skeleton em:last-child{width:48%;height:10px}
#nx4 .n4loading{animation:n4loading 1.2s ease-in-out infinite alternate}
.n4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes n4loading{to{opacity:.45}}
@media(prefers-reduced-motion:reduce){#nx4 .n4loading{animation:none}#nx4 *{scroll-behavior:auto!important}}
#nx4 .n4digest{margin:12px 14px 4px;padding:15px;border-radius:20px;background:linear-gradient(135deg,#F8F4FF,#EEE7FF);border:1px solid #E7DDF8}
#nx4 .n4digest-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#nx4 .n4digest-head b{font-size:15px;font-weight:800;color:#24183D}
#nx4 .n4digest-head span{font-size:11px;color:#817797}
#nx4 .n4digest-listens{display:flex;align-items:baseline;gap:8px;margin-top:9px}
#nx4 .n4digest-listens strong{font-size:27px;color:#6C31D7;line-height:1}
#nx4 .n4digest-listens span{font-size:12px;color:#6D6680}
#nx4 .n4digest-bars{height:38px;display:flex;align-items:end;gap:6px;margin-top:10px;padding-bottom:2px}
#nx4 .n4digest-bars i{height:var(--h);flex:1;min-width:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#D844C2,#7430E7)}
#nx4 .n4digest-followers{margin-top:13px;padding-top:11px;border-top:1px solid #E4D9F5}
#nx4 .n4digest-followers>b{font-size:12px}
#nx4 .n4digest-followers>div{display:flex;gap:8px;margin-top:8px;overflow:auto}
#nx4 .n4follow-avatar{width:38px;height:38px;border:2px solid #fff;border-radius:50%;padding:2px;flex:none}
#nx4 .n4digest-activity{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
#nx4 .n4digest-activity span{padding:6px 10px;border-radius:15px;background:#fff9;color:#625777;font-size:11px}
#nx4 .n4digest-activity b{color:#6C31D7}