.pwa-install-trigger {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9997;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(4,11,19,.92);
  color: #fff;
  box-shadow: 0 16px 45px rgba(0,0,0,.34);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font: 700 13px/1 Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}
.pwa-install-trigger.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.pwa-install-trigger:hover { border-color: rgba(255,120,48,.65); }
.pwa-install-trigger img { width: 25px; height: 25px; object-fit: contain; }
.pwa-install-trigger svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }

.pwa-install-sheet[hidden] { display: none !important; }
.pwa-install-sheet {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  align-items: end;
  background: rgba(0,0,0,.56);
  padding: 16px;
}
.pwa-install-panel {
  width: min(100%, 470px);
  margin: 0 auto;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: #08111d;
  color: #fff;
  box-shadow: 0 24px 70px rgba(0,0,0,.5);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.pwa-install-panel-head { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.pwa-install-panel-head img { width:44px; height:44px; border-radius:12px; }
.pwa-install-panel h2 { margin:0; font-size:19px; line-height:1.25; }
.pwa-install-panel p { margin:7px 0 0; color:#b9c4d1; font-size:13px; line-height:1.55; }
.pwa-install-steps { margin:16px 0; display:grid; gap:10px; }
.pwa-install-step { display:flex; gap:10px; align-items:flex-start; color:#e7edf5; font-size:14px; line-height:1.45; }
.pwa-install-step b { display:grid; place-items:center; flex:0 0 27px; height:27px; border-radius:50%; background:rgba(255,112,47,.14); color:#ff7a35; }
.pwa-install-close { width:100%; min-height:44px; border:0; border-radius:12px; background:#fff; color:#06101c; font-weight:800; cursor:pointer; }

@media (max-width: 640px) {
  .pwa-install-trigger { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .pwa-install-sheet { padding: 12px 12px max(12px, env(safe-area-inset-bottom)); }
}