.pwa-install-button {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 9200;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid rgba(250, 210, 91, .54);
  border-radius: 999px;
  color: #fff3bf;
  background: linear-gradient(180deg, #8f1728 0%, #5e0c18 100%);
  box-shadow: 0 14px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.13);
  font: 800 13px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .01em;
  cursor: pointer;
  transform: translateX(-50%);
  transition: transform .18s ease, filter .18s ease, opacity .18s ease;
  -webkit-tap-highlight-color: transparent;
}
.pwa-install-button[hidden] { display: none !important; }
.pwa-install-button:hover { filter: brightness(1.1); transform: translateX(-50%) translateY(-1px); }
.pwa-install-button:active { transform: translateX(-50%) translateY(1px); }
.pwa-install-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pwa-install-button.pwa-install-ready::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #46d990;
  box-shadow: 0 0 0 3px rgba(70,217,144,.15);
}

.pwa-install-overlay {
  position: fixed;
  inset: 0;
  z-index: 9300;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.pwa-install-overlay[hidden] { display: none !important; }
.pwa-install-dialog {
  width: min(420px, 94vw);
  border: 1px solid rgba(236, 202, 102, .28);
  border-radius: 22px;
  padding: 22px;
  color: #f9efd1;
  background: linear-gradient(145deg, #191512, #0c0b0a 72%);
  box-shadow: 0 28px 80px rgba(0,0,0,.56);
}
.pwa-install-dialog-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.pwa-install-dialog-icon {
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(145deg,#a51c31,#630d1b);
  border:1px solid rgba(250,210,91,.35);
}
.pwa-install-dialog-icon svg { width:23px; height:23px; fill:none; stroke:#ffe58d; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.pwa-install-dialog h2 { margin:0; font:800 22px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif; }
.pwa-install-dialog p { margin:0 0 12px; color:rgba(249,239,209,.76); font:500 14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
.pwa-install-dialog ol { margin:0 0 18px; padding-left:21px; color:#fff3bf; font:650 14px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
.pwa-install-dialog-actions { display:flex; justify-content:flex-end; gap:9px; }
.pwa-install-dialog-actions button {
  min-height:40px;
  padding:9px 15px;
  border-radius:11px;
  border:1px solid rgba(236,202,102,.25);
  color:#f8e9b4;
  background:rgba(255,255,255,.05);
  font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}
.pwa-install-dialog-actions button:hover { background:rgba(236,202,102,.12); }

@media (max-width: 860px) {
  .pwa-install-button {
    bottom: calc(15px + env(safe-area-inset-bottom));
    min-height: 42px;
    padding: 9px 14px;
    font-size: 12px;
  }
  body.pwa-has-bottom-nav .pwa-install-button {
    bottom: calc(92px + env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .pwa-install-button { transition: none; }
}