.pwa-settings-button {
  appearance: none;
  border: 0;
  padding: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.pwa-prompt[hidden] { display: none !important; }

.pwa-prompt {
  position: fixed;
  z-index: 2200;
  inset: auto 20px 20px auto;
  width: min(420px, calc(100vw - 40px));
  color: #f7fbff;
}

.pwa-prompt-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(64, 169, 255, .3);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(11, 31, 51, .98), rgba(4, 15, 28, .99));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .48);
}

.pwa-prompt-card::before {
  content: '';
  position: absolute;
  width: 190px;
  height: 190px;
  right: -85px;
  top: -100px;
  border-radius: 50%;
  background: rgba(22, 158, 255, .2);
  filter: blur(4px);
}

.pwa-prompt-head { display: flex; gap: 16px; padding-right: 30px; }
.pwa-prompt-icon { width: 58px; height: 58px; flex: 0 0 58px; border-radius: 16px; }
.pwa-prompt-copy { position: relative; }
.pwa-prompt-copy small { color: #4ec4ff; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.pwa-prompt-copy h2 { margin: 5px 0 8px; font-size: 24px; line-height: 1.12; }
.pwa-prompt-copy p { margin: 0; color: #aebed0; font-size: 14px; line-height: 1.55; }
.pwa-close { position: absolute; z-index: 2; top: 13px; right: 13px; width: 34px; height: 34px; border: 1px solid #24425e; border-radius: 11px; background: #0b2136; color: #fff; font-size: 20px; cursor: pointer; }
.pwa-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.pwa-actions .btn { justify-content: center; min-height: 46px; padding: 11px 14px; }
.pwa-actions .btn[hidden] { display: none; }
.pwa-later { border: 0; background: transparent; color: #8fa5bb; font-weight: 700; cursor: pointer; }
.pwa-status { min-height: 20px; margin: 13px 0 0; color: #8fcfff; font-size: 13px; }
.pwa-ios-help[hidden] { display: none; }
.pwa-ios-help { margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: rgba(29, 144, 255, .1); color: #cfdeeb; font-size: 14px; line-height: 1.55; }
.pwa-ios-help strong { color: #fff; }

@media (max-width: 680px) {
  .pwa-prompt { inset: auto 12px calc(82px + env(safe-area-inset-bottom)) 12px; width: auto; }
  .pwa-prompt-card { padding: 20px; border-radius: 21px; }
  .pwa-prompt-copy h2 { font-size: 21px; }
  .pwa-actions { grid-template-columns: 1fr; }
}