.footer{border-top:2px solid var(--red);padding:28px 0;color:var(--mute);font-size:14px}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,90px);background:var(--red);color:#fff;padding:10px 18px;transition:transform .25s;z-index:30;max-width:90vw;text-align:center}
#toast.on{transform:translate(-50%,0)}
#totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px;padding:0;background:var(--bg);border-color:var(--red);z-index:25;opacity:0;pointer-events:none;transition:opacity .2s}
#totop.show{opacity:1;pointer-events:auto}