.notif-anchor{position:relative}.notif-bell{border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.notif-bell:hover{background:var(--bg)}}.notif-bell--float{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb, var(--card) 82%, transparent)}.notif-badge{background:var(--prim);min-width:16px;height:16px;color:var(--prim-fg);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:-3px;right:-3px}.notif-pop{left:calc(var(--rail-w-full) + 10px);width:330px;max-width:calc(100vw - var(--rail-w-full) - 24px);background:var(--card);border:1px solid var(--line);z-index:950;border-radius:14px;max-height:min(70dvh,420px);padding:14px;position:fixed;bottom:14px;overflow-y:auto;box-shadow:0 12px 32px #00000024}@media (width<=1279px){.notif-pop{left:calc(var(--rail-w-icon) + 10px);max-width:calc(100vw - var(--rail-w-icon) - 24px)}}.notif-sheet{padding:4px 16px 24px}.notif-title{color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:800}.notif-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.notif-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}@media (hover:hover){.notif-row:hover{background:var(--bg)}}.notif-row.is-unread{background:var(--prim-tint,color-mix(in srgb, var(--prim) 10%, transparent))}.notif-body{color:var(--ink);font-size:13.5px;font-weight:600}.notif-meta{color:var(--sub);font-size:11.5px}.notif-empty{color:var(--sub);margin:4px 0;font-size:13px}