.bell{cursor:pointer;width:40px;height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex:none;place-items:center;margin:0 10px 0 auto;padding:0;transition:transform .14s ease-out;display:grid;position:relative}.bell[hidden]{display:none}.bell svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%;width:20px;height:20px}.bell:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.bell:hover{background:#ffffff1a}}.motion .bell:not([hidden]){animation:.6s cubic-bezier(.34,1.56,.64,1) both pop}.bell.ring svg{animation:.9s cubic-bezier(.36,.07,.19,.97) bell-ring}@keyframes bell-ring{0%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.bell-badge{min-width:18px;height:18px;font:700 10.5px/1 var(--body);font-variant-numeric:tabular-nums;color:#0b0b0c;background:linear-gradient(135deg, var(--gold-hi), var(--gold) 50%, var(--gold-2));box-shadow:0 0 0 2px var(--bg);border-radius:999px;place-items:center;padding:0 5px;animation:.45s cubic-bezier(.34,1.56,.64,1) both bell-pop;display:grid;position:absolute;top:-3px;right:-4px}.bell-badge[hidden]{display:none}.bell.ring .bell-badge{animation:.45s cubic-bezier(.34,1.56,.64,1) .1s both bell-pop}@keyframes bell-pop{0%{opacity:0;transform:scale(.2)}}.appbar-in:has(.bell:not([hidden])) .mini{right:116px}@media (max-width:460px){.appbar-in:has(.bell:not([hidden])) .brand{transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1)}.appbar-in:has(.bell:not([hidden])) .mini{right:auto;left:max(16px, env(safe-area-inset-left,0px))}.appbar-in:has(.bell:not([hidden])):has(.mini.show) .brand{opacity:0;pointer-events:none;transform:translateY(-8px)}}.nf-push{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 12px 12px 14px;display:flex}.nf-push.is-on{border-color:#7fd1a047}.nf-push-ic{background:var(--surface-2);width:36px;height:36px;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.nf-push.is-on .nf-push-ic{color:var(--ok)}.nf-push-ic svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.nf-push-t{flex:1;min-width:0}.nf-push-t strong{font-size:14.5px;font-weight:600;display:block}.nf-push-t span{color:var(--muted);text-wrap:pretty;margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.nf-push .pill{flex:none;min-height:38px;padding:0 14px}.nf-push .pill[hidden]{display:none}.nf-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.nf-item{background:var(--surface);border:1px solid var(--line);-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:flex-start;gap:12px;padding:12px 14px 12px 12px;display:flex;position:relative}.motion .nf-item{animation:.5s cubic-bezier(.16,1,.3,1) both si-in}.nf-item.tap{cursor:pointer;transition:transform .12s ease-out}.nf-item.tap:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.nf-item.tap:hover{background:var(--surface-2)}}.nf-item.unread:after{content:"";background:var(--gold);width:8px;height:8px;box-shadow:0 0 10px var(--gold);border-radius:50%;transition:opacity .6s,transform .6s;position:absolute;top:18px;right:14px}.nf-item.unread.seen:after{opacity:0;transform:scale(.4)}.nf-av.avatar{width:42px;height:42px;cursor:inherit;flex:none;place-items:center;font-size:17px;display:grid}.nf-t{flex:1;min-width:0;padding-right:14px}.nf-p{color:var(--text);text-wrap:pretty;font-size:14.5px;line-height:1.4;display:block}.nf-p strong{font-weight:600}.nf-meta{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12.5px;display:block;overflow:hidden}.nf-act{gap:6px;margin-top:10px;display:flex}.nf-act .pill.small{min-height:36px;padding:0 16px}.nf-empty{text-align:center;color:var(--muted);margin:10px 0 4px;font-size:14px}.nf-msg{margin:0 0 12px}.nf-msg[hidden]{display:none}@media (prefers-reduced-motion:reduce){.bell.ring svg,.bell-badge,.motion .bell:not([hidden]),.motion .nf-item{animation:none}}