@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(120%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(120%)}}.toast{bottom:calc(var(--bottom-nav-height) + var(--space-4));align-items:center;gap:var(--space-3);color:#fff;padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);z-index:var(--z-toast);white-space:nowrap;background:#1a1a1a;min-width:22rem;animation:.3s both toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.toast--leaving{animation:.3s both toast-out}.toast__icon{color:#fff;flex-shrink:0}.toast__message{font-size:var(--font-size-sm);font-family:var(--font-sans);flex:1}.toast__action{color:#1a1a1a;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-family:var(--font-sans);padding:var(--space-1) var(--space-3);cursor:pointer;background:#fff;border:none;flex-shrink:0;font-weight:600}.toast__action:hover{background:#ffffffd9}.toast__close{color:#ffffffb3;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.toast__close:hover{color:#fff}