:root{--wj-gold:#D8BE96;--wj-black:#050505}
.pwa-install-banner{
  position:fixed;left:18px;right:18px;bottom:18px;z-index:99999;
  display:none;gap:14px;align-items:center;justify-content:space-between;
  padding:16px;border-radius:22px;background:rgba(5,5,5,.94);color:white;
  border:1px solid rgba(216,190,150,.35);box-shadow:0 20px 70px rgba(0,0,0,.35);
  backdrop-filter:blur(18px);font-family:Inter,Arial,sans-serif
}
.pwa-install-banner.show{display:flex}
.pwa-install-banner strong{display:block;font-size:16px;margin-bottom:3px;color:#fff}
.pwa-install-banner span{display:block;color:rgba(255,255,255,.70);font-size:13px;line-height:1.35}
.pwa-actions{display:flex;gap:8px;align-items:center}
.pwa-btn{
  border:0;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer;
  background:linear-gradient(135deg,#B89A72,#D8BE96);color:#111;white-space:nowrap
}
.pwa-close{border:0;border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.10);color:white;font-weight:900;cursor:pointer}
.pwa-ios-help{
  position:fixed;inset:auto 18px 18px;z-index:100000;display:none;
  background:#fff;color:#111;border-radius:24px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.35);
  font-family:Inter,Arial,sans-serif
}
.pwa-ios-help.show{display:block}
.pwa-ios-help h3{font-size:22px;margin-bottom:10px}
.pwa-ios-help p{line-height:1.55;margin:8px 0;color:#333}
.pwa-ios-help button{margin-top:12px;border:0;border-radius:999px;padding:12px 16px;background:#111;color:white;font-weight:900}
.pwa-update-toast{
  position:fixed;right:18px;bottom:18px;z-index:99999;display:none;
  background:#111;color:#fff;border:1px solid rgba(216,190,150,.35);
  border-radius:18px;padding:15px;box-shadow:0 18px 60px rgba(0,0,0,.35);font-family:Inter,Arial,sans-serif
}
.pwa-update-toast.show{display:block}
@media(max-width:600px){
  .pwa-install-banner{align-items:flex-start}
  .pwa-actions{flex-direction:column}
  .pwa-btn,.pwa-close{width:100%}
}