.toast{
      position:fixed; bottom:16px; left:50%;
      transform:translateX(-50%);
      padding:10px 12px;
      border:1px solid var(--stroke);
      background: rgba(0,0,0,0.45);
      color:var(--text);
      border-radius: 999px;
      backdrop-filter: blur(12px);
      box-shadow: var(--shadow);
      font-size:13px;
      display:none;
      z-index:120;
    }
    [data-theme="light"] .toast{background: rgba(255,255,255,0.75)}
    .toast.show{display:block; animation: pop .18s ease-out}
    @keyframes pop{ from{transform:translateX(-50%) translateY(6px);opacity:.0} to{transform:translateX(-50%) translateY(0);opacity:1} }