.toast{z-index:20;width:min(calc(100% - 2 * var(--safe-x)), calc(var(--content-max) - 2 * var(--sp-4)));left:50%;bottom:calc(76px + var(--safe-bottom));border-radius:var(--r-md);background:var(--text);color:var(--surface);font-size:var(--fs-footnote);line-height:var(--lh-footnote);box-shadow:0 10px 30px -8px var(--shadow);padding:12px 14px;transition:opacity .25s ease-out,transform .25s ease-out;position:fixed;transform:translate(-50%)}.toast[data-show=false]{opacity:0;pointer-events:none;transform:translate(-50%,8px)}