#install-toast[hidden]{display:none!important}
.install-toast{position:fixed;right:16px;bottom:16px;z-index:2147483600;max-width:420px}
.install-toast__body{
  display:flex;align-items:center;gap:12px;
  padding:12px 12px 12px 14px;border-radius:12px;
  background:rgba(16,19,28,.9);color:#e5e7eb;
  backdrop-filter:saturate(140%) blur(6px);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08)
}
@media (prefers-color-scheme: light){
  .install-toast__body{background:rgba(255,255,255,.95);color:#111827;border-color:rgba(0,0,0,.08)}
}
.install-toast__text{display:grid;gap:2px}
.install-toast__text strong{font-size:14px;line-height:1.1}
.install-toast__sub{font-size:12px;opacity:.8}
.install-toast__btn{
  appearance:none;text-decoration:none;padding:8px 12px;border-radius:10px;
  font-weight:600;font-size:13px;background:#3b82f6;color:#fff;border:none
}
.install-toast__btn:focus{outline:2px solid #93c5fd;outline-offset:2px}
.install-toast__close{
  appearance:none;border:0;background:transparent;color:currentColor;
  width:28px;height:28px;line-height:28px;border-radius:8px;font-size:18px;opacity:.7
}
.install-toast__close:hover{opacity:1;background:rgba(255,255,255,.06)}
@media (max-width:680px){
  .install-toast{right:12px;left:12px;bottom:12px}
  .install-toast__body{justify-content:space-between}
  .install-toast__text{max-width:60%}
}