.notification-center{gap:12px;min-width:0;display:grid}.notification-toolbar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:0 4px;font-size:13px;font-weight:600;display:flex}.notification-text-button{color:#c0b6ff;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:4px 8px;font-size:13px;font-weight:650;display:inline-flex}.notification-text-button:hover:not(:disabled){color:var(--ink);background:#6757f524}.notification-text-button svg{width:16px;height:16px}.notification-item{align-items:flex-start;gap:14px;padding:16px;display:flex}.notification-item.is-unread{background:#6757f512}.notification-content{flex:1;gap:4px;min-width:0;display:grid}.notification-title{align-items:center;gap:8px;display:flex}.notification-title h2{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.45}.notification-dot{background:#8a7cff;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notification-dot span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notification-body{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.notification-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:28px;display:flex}.notification-meta time{color:#f5f3fa85;font-size:12px}.notification-meta .notification-text-button{min-height:32px;margin:-4px -8px -4px 0}.notification-empty{border:1px solid var(--line);background:var(--surface);color:var(--muted);text-align:center;border-radius:16px;justify-items:center;gap:12px;padding:48px 20px;display:grid}.notification-empty p{margin:0}.notification-more{justify-self:center;min-width:200px}@media (max-width:700px){.notification-item{gap:12px;padding:14px}}