#pwa-install-bar {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #0F172A;
  color: #F8FAFC;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.35);
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.35;
}
#pwa-install-bar[hidden] { display: none !important; }
#pwa-install-bar .pwa-install-text { flex: 1; min-width: 0; }
#pwa-install-bar .pwa-install-text strong { display: block; font-size: 15px; }
#pwa-install-bar button {
  border: none;
  border-radius: 10px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  padding: 10px 14px;
  white-space: nowrap;
}
#pwa-install-bar [data-pwa-install] {
  background: #6366F1;
  color: #fff;
}
#pwa-install-bar [data-pwa-dismiss] {
  background: transparent;
  color: #94A3B8;
  padding: 10px 8px;
}
#pwa-install-bar.pwa-ios {
  flex-wrap: wrap;
}
#pwa-install-bar.pwa-ios .pwa-install-text {
  flex-basis: calc(100% - 40px);
}
#pwa-install-bar .pwa-desc-ios .pwa-share-mark {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.12);
  font-weight: 600;
}
#pwa-install-bar.pwa-ios [data-pwa-install] {
  display: none;
}
@media (min-width: 768px) {
  #pwa-install-bar {
    left: auto;
    max-width: 380px;
    right: 20px;
    bottom: 20px;
  }
}