.toasts{z-index:var(--z-toast);inset-inline:var(--space-4);bottom:calc(var(--bottomnav-h) + var(--space-3) + env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (min-width:1024px){.toasts{inset-inline:auto var(--space-6);bottom:var(--space-6);align-items:flex-end}}.toast{align-items:center;gap:var(--space-3);width:min(100%,420px);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--gray-900);color:#fff;font-size:var(--text-sm);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--duration) var(--ease);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast__icon{flex:none}.toast--success .toast__icon{color:#47cd89}.toast--info .toast__icon{color:#84caff}.toast--warning .toast__icon{color:#fdb022}.toast__msg{flex:1;min-width:0}.toast__action{min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--brand-200);font-weight:var(--weight-semibold);background:0 0;border:0;flex:none}.toast__action:hover{background:#ffffff1a}.toast__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--gray-400);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast__close:hover{color:#fff;background:#ffffff1a}