.np.svelte-egk1f5{border:1px solid rgb(var(--accent-rgb) / .35);background:linear-gradient(120deg, rgb(var(--accent-rgb) / .14), rgb(var(--accent-rgb) / .04));color:var(--text);text-align:left;border-radius:14px;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;animation:.4s svelte-egk1f5-np-in;display:flex}.np.embedded.svelte-egk1f5{margin:14px 0 0;padding:12px}.np.done.svelte-egk1f5{background:#22c55e1a;border-color:#22c55e73}.np-bell.svelte-egk1f5{background:var(--accent);width:40px;height:40px;color:var(--on-accent,#fff);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.np-bell.svelte-egk1f5 svg:where(.svelte-egk1f5){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 10%;animation:2.6s ease-in-out infinite svelte-egk1f5-np-ring}.np.done.svelte-egk1f5 .np-bell:where(.svelte-egk1f5){background:var(--success)}.np.done.svelte-egk1f5 .np-bell:where(.svelte-egk1f5) svg:where(.svelte-egk1f5){animation:none}.np-body.svelte-egk1f5{flex:1;min-width:0}.np-title.svelte-egk1f5{margin:0;font-size:.95rem;font-weight:700}.np-text.svelte-egk1f5{color:var(--mid);margin:2px 0 0;font-size:.85rem;line-height:1.45}.np-note.svelte-egk1f5{color:var(--dim);margin:4px 0 0;font-size:.75rem}.np.svelte-egk1f5 a:where(.svelte-egk1f5){color:var(--accent);font-weight:600}.np-actions.svelte-egk1f5{flex-shrink:0;align-items:center;gap:10px;display:flex}.np-later.svelte-egk1f5{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.82rem}.np-later.svelte-egk1f5:hover{color:var(--text)}@keyframes svelte-egk1f5-np-in{0%{opacity:0;transform:translateY(8px)}}@keyframes svelte-egk1f5-np-ring{0%,70%,to{transform:rotate(0)}74%{transform:rotate(16deg)}80%{transform:rotate(-14deg)}86%{transform:rotate(10deg)}92%{transform:rotate(-6deg)}}@media (max-width:560px){.np.svelte-egk1f5{flex-wrap:wrap}.np-actions.svelte-egk1f5{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.np.svelte-egk1f5{animation:none}.np-bell.svelte-egk1f5 svg:where(.svelte-egk1f5){animation:none}}
