.toast.celebrating{display:flex;align-items:center;gap:14px;padding:16px 22px;max-width:calc(100vw - 32px);background:var(--surface);color:var(--ink);border:2px solid var(--accent);border-radius:8px;box-shadow:4px 4px 0 var(--accent);pointer-events:none;animation:praise-arrive .35s ease-out;overflow:hidden}
.praise-symbol{display:grid;place-items:center;flex:0 0 42px;height:42px;color:var(--accent);background:var(--tint);border-radius:4px;animation:praise-spark .8s ease-out}
.praise-symbol svg{width:27px;height:27px}
.praise-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.praise-copy strong{font-size:21px;line-height:1.4;color:var(--accent)}
.praise-copy small{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.praise-copy em{font-size:12px;font-style:normal;color:var(--muted)}
@keyframes praise-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes praise-spark{0%{transform:scale(.7) rotate(-12deg)}45%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:650px){.toast.celebrating{width:calc(100% - 32px);gap:10px;padding:12px 14px;bottom:16px}.praise-copy strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.toast.celebrating,.praise-symbol{animation:none}}