.notif-root{z-index:100;background:#f8faff;flex-direction:column;width:100%;display:flex;position:fixed;inset:0;height:100%!important;overflow:hidden!important}.notif-header{background:var(--container-bg,#fff);border-bottom:1px solid var(--border-light,#e8ecf0);z-index:10;flex-shrink:0}.notif-header-inner{box-sizing:border-box;align-items:center;gap:.75rem;width:100%;max-width:56.25rem;margin:0 auto;padding:.875rem 1.25rem;display:flex}.notif-back-btn{background:var(--icon-bg,#f3f4f6);border:1px solid var(--border-light,#e8ecf0);width:2.25rem;height:2.25rem;color:var(--text-primary,#1a1a1a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.notif-back-btn:active{transform:scale(.9)}.notif-title{color:var(--text-primary,#1a1a1a);letter-spacing:-.0188rem;flex:1;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}.notif-count-badge{color:#fff;letter-spacing:0;background:#c62e2e;border-radius:1.25rem;padding:2px .4375rem;font-size:.62rem;font-weight:800}.notif-mark-all-btn{border:1px solid var(--border-card,#e2e6ea);color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border-radius:1.25rem;padding:.4375rem .875rem;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .2s}.notif-mark-all-btn:active{transform:scale(.96)}.notif-mark-all-btn:disabled{opacity:.6;cursor:not-allowed}.notif-content{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex:1;width:100%;max-width:56.25rem;margin:0 auto;padding:.75rem 1rem 5rem;overflow-y:auto!important}.notif-content::-webkit-scrollbar{display:none}.notif-loading{color:var(--text-muted,#9ca3af);flex-direction:column;justify-content:center;align-items:center;gap:.875rem;padding:5rem 1.25rem;font-size:.85rem;display:flex}.notif-spinner{border:.1562rem solid var(--border-card,#e2e6ea);border-top-color:#2c8e5a;border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite notif-spin}@keyframes notif-spin{to{transform:rotate(360deg)}}.notif-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1.5rem;display:flex}.notif-empty-icon{background:var(--icon-bg,#f3f4f6);width:4.5rem;height:4.5rem;color:var(--text-muted,#9ca3af);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:1.8rem;display:flex}.notif-empty-title{color:var(--text-primary,#1a1a1a);letter-spacing:-.0125rem;font-size:1rem;font-weight:800}.notif-empty-sub{color:var(--text-muted,#9ca3af);max-width:16.25rem;font-size:.8rem;font-weight:500;line-height:1.5}.notif-list{background:var(--card-bg,#fff);border:1px solid var(--border-card,#e2e6ea);border-radius:1.25rem;flex-direction:column;gap:0;display:flex;overflow:hidden}.notif-item{border-bottom:1px solid var(--border-light,#e8ecf0);cursor:pointer;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:active,.notif-item.unread{background:var(--card-alt-bg,#f8f9fb)}.notif-item.unread:active{background:var(--icon-bg,#f3f4f6)}.notif-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-top:1px;font-size:1rem;display:flex}.notif-body{flex:1;min-width:0}.notif-item-title{color:var(--text-primary,#1a1a1a);margin-bottom:.1875rem;font-size:.88rem;font-weight:700;line-height:1.3}.notif-item-msg{color:var(--text-secondary,#6b7280);margin-bottom:.3125rem;font-size:.78rem;font-weight:500;line-height:1.4}.notif-item-time{color:var(--text-muted,#9ca3af);font-size:.68rem;font-weight:500}.notif-dot{background:#c62e2e;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.375rem}body.dark .notif-root{background:#121212}html:has(body.dark){background:#121212}body.dark .notif-item.unread{background:#ffffff08}body.dark .notif-item:active{background:var(--card-alt-bg,#2a2a2a)}@media (min-width:501px){.notif-content{padding:1.25rem 2rem 2.5rem}}@media (min-width:1024px){.notif-content{padding-left:calc(var(--sidebar-width,0px) + 2rem);max-width:100%}}.notif-fake-banner{background:var(--card-alt-bg,#f8f9fb);border:1px dashed var(--border-card,#e2e6ea);color:var(--text-muted,#9ca3af);border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:.625rem;padding:.625rem .875rem;font-size:.75rem;font-weight:600;display:flex}.notif-fake-banner i{font-size:.7rem}.notif-list-preview{opacity:.55;pointer-events:none}body.black,body.black .notif-root{background:#000}html:has(body.black){background:#000}body.black .notif-item:active{background:var(--card-alt-bg,#000)}body.blue,body.blue .notif-root{background:#0b141e}html:has(body.blue){background:#0b141e}body.blue .notif-item:active{background:var(--card-alt-bg,#0b141e)}