.toast{position:fixed;left:50%;bottom:calc(var(--dock) + 16px);transform:translate(-50%,10px);z-index:50;padding:9px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;opacity:0;pointer-events:none;transition:.3s var(--ease)}
.toast.show{opacity:1;transform:translate(-50%,0)}

::view-transition-old(panel){animation:vtOut .22s var(--ease) both}
::view-transition-new(panel){animation:vtIn .4s var(--ease) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}}
::view-transition-old(lightbox),::view-transition-new(lightbox){animation:none;mix-blend-mode:normal}