.toast-viewport{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:10px;padding:0 16px;display:flex;position:fixed}.toast{--toast-success:#3b6e52;--toast-warning:#8a5d12;border-radius:var(--radius-inset);background:var(--ink);width:100%;max-width:420px;color:var(--ground);font-family:var(--sans);pointer-events:auto;align-items:center;gap:14px;padding:14px 16px;font-size:16px;line-height:1.4;animation:.25s cubic-bezier(.16,1,.3,1) both toast-rise;display:flex}.toast--success{background:var(--toast-success);color:var(--ground)}.toast--warning{background:var(--toast-warning);color:var(--ground)}.toast--error{background:var(--error);color:var(--ground)}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.toast-dismiss{border-radius:var(--radius-pill);min-width:32px;min-height:32px;color:inherit;cursor:pointer;background:0 0;border:1px solid;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes toast-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (min-width:700px){.toast-viewport{align-items:flex-end}}