.moment-layer{z-index:40;padding:var(--space-6);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.moment{justify-items:center;gap:var(--space-1);max-width:18rem;padding:var(--space-6) var(--space-6) var(--space-5);border-radius:var(--radius-md);color:var(--paper-50);text-align:center;box-shadow:var(--shadow-sheet);animation:moment-life 2.2s var(--ease-out) both;background:#16130fe0;display:grid}.moment__mark{font:var(--text-work-title);font-size:var(--font-size-4xl);color:#e7b49a;animation:moment-mark .9s var(--ease-spring) both;line-height:1}.moment__title{margin:var(--space-2) 0 0;font:var(--text-work-title);font-size:var(--font-size-xl)}.moment__text{font:var(--text-ui-sm);opacity:.8;margin:0}@keyframes moment-life{0%{opacity:0;transform:scale(.94)}12%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes moment-mark{0%{opacity:0;transform:scale(.6)rotate(-20deg)}}@media (prefers-reduced-motion:reduce){.moment,.moment__mark{animation-name:moment-fade}}@keyframes moment-fade{0%,to{opacity:0}15%,85%{opacity:1}}.save-burst{z-index:3;color:var(--color-accent);pointer-events:none;opacity:0;animation:save-burst .7s var(--ease-spring) forwards;position:absolute;translate:-50% -50%}@keyframes save-burst{0%{opacity:0;transform:scale(.5)}25%{opacity:.95;transform:scale(1)}70%{opacity:.95;transform:scale(1)}to{opacity:0;transform:translateY(-24px)scale(.9)}}@media (prefers-reduced-motion:reduce){.save-burst{animation:.7s linear forwards save-burst-still}@keyframes save-burst-still{0%,80%{opacity:.9}to{opacity:0}}}