.bell-btn{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;transition:background .13s ease-out,border-color .13s ease-out,transform .1s ease-out;display:flex;position:relative}.bell-btn:hover{background:var(--secondary)}.bell-btn:active{transform:scale(.94)}.bell-btn[data-popup-open]{background:var(--secondary);border-color:var(--muted-foreground)}.bell-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.bell-btn.on-nav{color:var(--sidebar-foreground);background:0 0;border-color:#0000}.bell-btn.on-nav:hover,.bell-btn.on-nav[data-popup-open]{background:color-mix(in oklch, var(--sidebar-foreground) 7%, transparent);border-color:#0000}.bell-btn.on-nav:focus-visible{outline-color:var(--sidebar-accent)}.bell-btn .ic{transform-origin:50% 12%;overflow:visible}.bell-btn:hover .ic{animation:.45s cubic-bezier(.25,.46,.45,.94) bell-sway}.bell-btn:hover .ic .clap{animation:.45s cubic-bezier(.25,.46,.45,.94) bell-clap}.bell-btn.ringing .ic{animation:.6s cubic-bezier(.25,.46,.45,.94) bell-ring}.bell-btn.ringing .ic .clap{animation:.6s cubic-bezier(.25,.46,.45,.94) bell-clap-ring}.bell-btn.ringing{animation:.6s cubic-bezier(.25,.46,.45,.94) bell-btn-pop}@keyframes bell-sway{0%{transform:none}25%{transform:rotate(16deg)}55%{transform:rotate(-12deg)}80%{transform:rotate(5deg)}to{transform:none}}@keyframes bell-clap{0%,to{transform:none}25%{transform:translate(-2px)}55%{transform:translate(2px)}}@keyframes bell-ring{0%{transform:none}10%{transform:rotate(18deg)}24%{transform:rotate(-16deg)}38%{transform:rotate(13deg)}52%{transform:rotate(-9deg)}66%{transform:rotate(5deg)}82%{transform:rotate(-2deg)}to{transform:none}}@keyframes bell-clap-ring{0%,to{transform:none}10%,38%,66%{transform:translate(-2.5px)}24%,52%{transform:translate(2.5px)}}@keyframes bell-btn-pop{0%,to{transform:none}18%{transform:scale(1.08)}}.bell-dot{top:9px;background:var(--gold);width:9px;height:9px;box-shadow:0 0 0 2px var(--card);opacity:0;border-radius:999px;transition:opacity .15s ease-in,transform .15s ease-in;position:absolute;inset-inline-end:10px;transform:scale(.4)}.bell-btn.on-nav .bell-dot{background:var(--sidebar-accent);box-shadow:0 0 0 2px var(--sidebar)}.bell-btn.unread .bell-dot{opacity:1;transition:opacity .22s ease-out,transform .36s cubic-bezier(.34,1.56,.64,1);transform:none}.bell-dot:after{content:"";border-radius:inherit;background:var(--gold);opacity:0;position:absolute;inset:0}.bell-btn.on-nav .bell-dot:after{background:var(--sidebar-accent)}.bell-btn.unread .bell-dot:after{animation:1.8s ease-out infinite bell-dot-pulse}@keyframes bell-dot-pulse{0%{opacity:.65;transform:scale(1)}75%,to{opacity:0;transform:scale(2.7)}}.n-scrim{all:unset;z-index:35;-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;visibility:hidden;background:#09112314;background:lab(5.0172% 1.39134 -13.4663/.08);transition:opacity .15s ease-in,visibility 0s linear .15s;position:fixed;inset:0}.n-scrim.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease-out,visibility}.n-panel{background:var(--popover);width:368px;color:var(--foreground);border:1px solid var(--border);border-radius:18px;padding:6px;box-shadow:0 20px 48px #09112329,0 2px 6px #09112312;box-shadow:0 20px 48px lab(5.0172% 1.39134 -13.4663/.16),0 2px 6px lab(5.0172% 1.39134 -13.4663/.07)}@media (max-width:1023.98px){.n-panel{width:calc(100vw - 20px);max-width:420px}}.n-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.n-title{font-size:16px;font-weight:700}.n-mark{all:unset;box-sizing:border-box;cursor:pointer;color:var(--muted-foreground);border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:13px;font-weight:500;transition:background .13s ease-out,color .13s ease-out;display:flex}.n-mark:hover{background:var(--muted);color:var(--foreground)}.n-mark:disabled{opacity:.5;cursor:default}.n-row{all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:11px 12px;transition:background .13s ease-out;display:flex}.n-row:hover{background:var(--muted)}.n-row:disabled{opacity:.6;cursor:default}.n-row:focus-visible,.n-mark:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.n-ic{background:var(--secondary);width:36px;height:36px;color:var(--primary);border:1px solid var(--border);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.n-txt{text-align:start;flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.n-main{color:var(--foreground);font-size:14px;line-height:1.4}.n-time{color:var(--muted-foreground);font-size:12px}.n-flag{background:var(--gold);opacity:0;border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:7px}.n-row.unread .n-main{font-weight:600}.n-row.unread .n-flag{opacity:1}.n-sep{background:var(--border);height:1px;margin:4px 6px}.n-dismiss{all:unset;box-sizing:border-box;cursor:pointer;top:6px;width:22px;height:22px;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);opacity:0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .13s ease-out,background .13s ease-out,color .13s ease-out;display:flex;position:absolute;inset-inline-end:6px}.n-row-wrap:hover .n-dismiss,.n-dismiss:focus-visible{opacity:1}.n-dismiss:hover{background:var(--secondary);color:var(--foreground)}.n-dismiss:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@media (hover:none){.n-dismiss{opacity:.55;width:20px;height:20px}.n-dismiss:active{opacity:1}}