.notify-button{position:relative}.notice-badge{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef5f5f;color:#fff;font-size:8px;display:grid;place-items:center;border:2px solid var(--bg);font-weight:900}.notification-center{position:fixed;top:82px;right:18px;bottom:18px;width:min(430px,calc(100vw - 28px));z-index:160;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:color-mix(in srgb,var(--surface) 96%,#07100b);border:1px solid rgba(88,216,116,.18);box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(28px);border-radius:24px;overflow:hidden;transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none;transition:.22s}.notification-center.open{transform:none;opacity:1;pointer-events:auto}.notification-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.notification-head h3{margin:2px 0 1px;font-size:18px}.notification-head span{font-size:9px;color:var(--muted)}.notification-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border)}.notification-tools .secondary{padding:7px 9px;font-size:8px}.push-state{font-size:8px;color:var(--muted)}.push-state.on{color:var(--accent)}.notification-list{overflow:auto;padding:10px;display:grid;align-content:start;gap:7px}.notification-item{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:14px;padding:11px;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:start;cursor:pointer}.notification-item:hover{border-color:rgba(88,216,116,.24);background:rgba(88,216,116,.05)}.notification-item.unread{background:rgba(88,216,116,.075);border-color:rgba(88,216,116,.16)}.notification-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(88,216,116,.08);font-size:13px}.notification-copy strong,.notification-copy span,.notification-copy small{display:block}.notification-copy strong{font-size:10px}.notification-copy span{font-size:9px;color:var(--muted);line-height:1.45;margin-top:3px}.notification-copy small{font-size:7px;color:var(--muted);margin-top:5px}.notification-item i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(88,216,116,.8);margin-top:4px}@media(max-width:780px){.notification-center{top:12px;right:12px;bottom:12px;width:calc(100vw - 24px)}}