.toast{position:fixed;z-index:1000;left:50%;bottom:calc(20px + env(safe-area-inset-bottom, 0px));transform:translate(-50%,12px);max-width:480px;width:calc(100% - 32px);box-sizing:border-box;padding:14px 18px;border-radius:12px;background:rgb(0 0 0 / .88);color:#fff;font:500 14px/20px var(--f1,'sf pro display',sans-serif);text-align:center;box-shadow:0 8px 28px rgb(0 0 0 / .25);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast--visible{opacity:1;transform:translate(-50%,0);pointer-events:auto;cursor:pointer}