.notif-readall{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--sf);color:var(--ink);font-size:12px;font-weight:600;transition:opacity .15s,transform .1s}.notif-readall svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.notif-readall:active{transform:scale(.97)}.notif-readall:disabled{opacity:.45}.notif-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 12px 24px}.notif-filters{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 -12px;padding:10px 12px;background:var(--bg)}.notif-filters button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;border:1px solid var(--line);border-radius:999px;background:var(--sf);color:var(--ink);font-size:12.5px;font-weight:600;transition:background .15s,color .15s,transform .1s}.notif-filters button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-filters svg,.notif-filters small{flex:none}@media(max-width:370px){.notif-filters{gap:5px}.notif-filters button{gap:4px;padding:7px 4px;font-size:11.5px}.notif-filters svg{width:13px;height:13px}}.notif-filters button:active{transform:scale(.97)}.notif-filters svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notif-filters svg .fill{fill:currentColor;stroke:none}.notif-filters small{color:var(--soft);font-size:12px;font-weight:600}.notif-filters button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.notif-filters button[aria-selected=true] small{color:inherit;opacity:.7}.notif-sec{margin:10px 4px 8px;color:var(--ink);font-size:14px;font-weight:700}.notif-list.no-filters{padding-top:6px}.notif-list>.notif-sec:first-child{margin-top:2px}.notif-list .notif-item{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--sf);font-weight:400;cursor:pointer;transition:background .15s,transform .1s}.notif-list .notif-item:active{transform:scale(.99)}.notif-list .notif-item.unread{padding:12px 14px 12px 20px;background:color-mix(in srgb,var(--ink) 4%,var(--sf))}.notif-av{position:relative;flex:none;width:44px;height:44px}.notif-av .av{width:44px;height:44px;font-size:17px}.notif-av.is-stack .av{position:absolute;width:32px;height:32px;font-size:13px;border:2px solid var(--sf)}.notif-av.is-stack .av:first-child{right:0;bottom:0;z-index:1}.notif-av.is-stack .av:nth-child(2){left:0;top:0;background:var(--line)}.notif-badge-ic{position:absolute;z-index:2;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--tc);border:2px solid var(--sf)}.notif-badge-ic svg{width:11px;height:11px;fill:none;stroke:var(--tf);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.notif-badge-ic svg .fill{fill:var(--tf);stroke:none}.notif-text{flex:1;min-width:0}.notif-text p{margin:0;font-size:14px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}.notif-text b{font-weight:650}.notif-text small{display:block;margin-top:3px;color:var(--soft);font-size:12px}.notif-list .notif-dot{position:absolute;top:50%;left:8px;width:6px;height:6px;margin-top:-3px;border:0;border-radius:50%;background:var(--ink)}.notif-thumb{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--sf2)}.notif-follow{flex:none;padding:7px 12px;border:1px solid var(--ac-edge);border-radius:var(--radius-s);background:var(--ac);color:var(--on);font-size:12px;font-weight:650;transition:transform .1s}.notif-follow:active{transform:scale(.97)}.notif-follow.is-on,.notif-following{flex:none;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--sf);color:var(--soft);font-size:12px;font-weight:600}.notif-chev{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sf2);transition:transform .25s ease}.notif-chev svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.notif-item.is-open .notif-chev{transform:rotate(180deg)}.notif-people{display:grid;grid-template-rows:0fr;opacity:0;margin:0 0 0 24px;transition:grid-template-rows .28s ease,opacity .2s ease,margin .28s ease}.notif-people>div{min-height:0;overflow:hidden}.notif-people.open{grid-template-rows:1fr;opacity:1;margin:-2px 0 10px 24px}.notif-people-in{display:grid;gap:6px;padding:4px 0 2px 12px;border-left:2px solid var(--line)}.notif-person{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--sf);cursor:pointer;transition:transform .1s}.notif-person:active{transform:scale(.99)}.notif-people.anim .notif-person{animation:notifIn .25s ease-out backwards;animation-delay:calc(var(--j, 0) * 30ms)}.notif-person .av{width:34px;height:34px;font-size:13px}.notif-person-text{flex:1;min-width:0;display:grid}.notif-person-text b{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-person-text small{color:var(--soft);font-size:12px}.notif-person-ic{flex:none;display:grid;place-items:center}.notif-person-ic svg{width:18px;height:18px;fill:none;stroke:var(--soft);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notif-person-ic svg .fill{fill:var(--tc);stroke:none}.notif-people-go{justify-self:start;margin:2px 0 0;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--sf);color:var(--ink);font-size:12px;font-weight:600}.notif-in{animation:notifIn .25s ease-out backwards;animation-delay:calc(var(--i, 0) * 25ms)}@keyframes notifIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.notif-new{animation:notifNew .9s ease-out}@keyframes notifNew{0%{background:color-mix(in srgb,var(--ink) 10%,var(--sf))}}.notif-empty{display:grid;justify-items:center;gap:6px;padding:48px 24px;text-align:center}.notif-empty>span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--sf2)}.notif-empty svg{width:28px;height:28px;fill:none;stroke:var(--soft);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notif-empty b{margin-top:8px;font-size:16px;font-weight:650}.notif-empty p{margin:0;max-width:270px;color:var(--soft);font-size:13px;line-height:1.5}@media(prefers-reduced-motion:reduce){.notif-people.anim .notif-person,.notif-in,.notif-new{animation:none!important}}#notificationsList{overflow-x:hidden}.notif-list .notif-item{touch-action:pan-y}.notif-del{position:absolute;top:0;bottom:0;right:-96px;width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:var(--radius-m);background:var(--danger);color:#fff;font-size:12px;font-weight:700;cursor:pointer;visibility:hidden;transition:width .18s ease,right .18s ease}.notif-item.sw .notif-del{visibility:visible}.notif-del svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notif-item.del-armed .notif-del{right:calc(-100% - 8px);width:calc(100% - 4px)}