.toasts{z-index:100;inset-inline:16px;pointer-events:none;flex-direction:column;gap:8px;max-width:480px;margin-inline:auto;display:flex;position:fixed;top:16px}.toasts.is-app{top:auto;bottom:calc(72px + env(safe-area-inset-bottom))}.toast{pointer-events:auto;background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-m);box-shadow:var(--shadow-card);align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.toast .toast-text{flex:1}.tone-success{border-inline-start:3px solid var(--color-success)}.tone-danger{border-inline-start:3px solid #e36b76}.tone-warning{border-inline-start:3px solid var(--color-crema)}.tone-info{border-inline-start:3px solid #7ba3c0}.toast-action{background:var(--color-crema);color:var(--color-ink);border-radius:var(--radius-s);border:0;padding:6px 10px;font-size:13px;font-weight:600}.toast-close{color:var(--color-paper);opacity:.7;background:0 0;border:0;place-items:center;padding:4px;display:grid}.toast-enter-active,.toast-leave-active{transition:all .2s var(--ease-out)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}.is-app .toast-enter-from,.is-app .toast-leave-to{transform:translateY(8px)}