.notif-bell-wrap{display:inline-flex;position:relative}.notif-host{z-index:55;position:fixed;top:11px;right:18px}.notif-toast{z-index:56;cursor:pointer;filter:drop-shadow(0 14px 34px #00000061);width:360px;max-width:calc(100vw - 36px);animation:.42s cubic-bezier(.2,.9,.3,1) both notif-slidein;position:fixed;top:60px;right:18px}@keyframes notif-slidein{0%{opacity:0;transform:translate(22px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notif-toast{animation:none}}.notif-bell{border:1px solid var(--edge);background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:11px;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.notif-bell:hover{box-shadow:2px 2px 0 0 var(--shadow);transform:translate(-1px,-1px)}.notif-bell:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.notif-badge{background:var(--pink);color:#fff;min-width:18px;height:18px;font-family:var(--mono);border:2px solid var(--bg);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;animation:2.2s infinite notif-pulse;display:grid;position:absolute;top:-5px;right:-5px}@keyframes notif-pulse{0%{box-shadow:0 0 #ff2d6f80}70%{box-shadow:0 0 0 7px #ff2d6f00}to{box-shadow:0 0 #ff2d6f00}}@media (prefers-reduced-motion:reduce){.notif-badge{animation:none}}.notif-panel{z-index:60;background:var(--paper);border:1px solid var(--edge);border-radius:16px;width:380px;max-width:92vw;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 50px -12px #00000080,0 0 0 1px #00000008}.notif-panel-head{border-bottom:1px solid var(--line-soft,var(--edge));padding:14px 16px 12px}.notif-panel-head h2{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:16px;font-weight:700}.notif-list{flex-direction:column;gap:6px;max-height:420px;padding:8px;display:flex;overflow-y:auto}.notif-empty{text-align:center;color:var(--dim);padding:28px 18px;font-size:13px;line-height:1.5}.notif-link{color:inherit;text-decoration:none;display:block}.notif{background:var(--raise,var(--surface));border:1px solid var(--line-soft,var(--edge));cursor:pointer;border-radius:13px;gap:12px;padding:11px 12px;transition:background .14s,transform .14s;display:flex;position:relative}.notif:hover{background:var(--raise,var(--surface));transform:translateY(-1px)}.notif.unread:before{content:"";background:var(--pink);border-radius:999px;width:6px;height:6px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.notif.from-agent{border-color:#ff2d6f47}.notif-pfp{color:#fff;width:40px;height:40px;font-family:var(--display);border-radius:11px;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid;overflow:hidden}.notif-pfp img{object-fit:cover;width:100%;height:100%;display:block}.notif-body{flex:1;min-width:0}.notif-top{align-items:baseline;gap:8px;display:flex}.notif-name{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);font-size:14px;font-weight:600}.notif-agent-tag{font-family:var(--mono);color:var(--pink);background:#ff2d6f1f;border:1px solid #ff2d6f38;border-radius:999px;flex:none;padding:1px 6px;font-size:9.5px}.notif-time{font-family:var(--mono);color:var(--dim);flex:none;margin-left:auto;font-size:11px}.notif-action{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.4}.notif-action b{color:var(--ink);font-weight:600}.notif-pos{color:var(--pos)}.notif-neg{color:var(--neg)}.notif-quote{color:var(--muted);font-style:italic}@media (max-width:720px){.notif-panel{right:-8px}}