#fp-install-app {
  position: fixed;
  top: 18px;
  left: 50%;
  z-index: 9999;
  width: min(580px, calc(100vw - 28px));
  min-height: 94px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 58px 16px 16px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #0b2d4a;
  font-family: system-ui, sans-serif;
  box-shadow: 0 14px 36px rgba(0,0,0,.28);
  animation: fp-install-in .32s ease-out both;
}
#fp-install-app > img { width: 58px; height: 58px; border-radius: 13px; object-fit: cover; box-shadow: 0 3px 10px rgba(0,0,0,.14); }
.fp-install-copy { display: grid; gap: 3px; min-width: 0; flex: 1; }
.fp-install-copy strong { font-size: 18px; line-height: 1.1; }
.fp-install-copy span { font-size: 13px; line-height: 1.35; color: #52606d; }
.fp-install-action { flex: 0 0 auto; border: 0; border-radius: 9px; padding: 11px 14px; background: #075e9e; color: #fff; font: 700 15px/1 system-ui, sans-serif; cursor: pointer; }
.fp-install-action:hover { background: #073b6e; }
.fp-install-close { position: absolute; top: 7px; right: 9px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: #61717f; font-size: 25px; line-height: 24px; cursor: pointer; }
.fp-install-close:hover { background: #edf2f7; color: #0b2d4a; }
@keyframes fp-install-in { from { opacity: 0; transform: translate(-50%, -16px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (max-width: 640px) {
  #fp-install-app { top: 9px; padding: 15px 43px 15px 13px; gap: 10px; border-radius: 14px; }
  #fp-install-app > img { width: 50px; height: 50px; border-radius: 11px; }
  .fp-install-copy strong { font-size: 16px; }
  .fp-install-copy span { font-size: 12px; }
  .fp-install-action { padding: 10px 11px; font-size: 14px; }
}