#pwa-install-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:9999}
#pwa-install-overlay.show{display:block}
#pwa-install-modal{position:relative;margin:6vh auto;padding:20px;background:#fff;max-width:680px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2);}
#pwa-install-close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.pwa-install-content{font-family:system-ui,-apple-system,Segoe UI,Roboto,Montserrat,Arial,sans-serif;color:#222}
.pwa-install-content h2{margin:.2rem 0 .4rem;font-size:1.6rem}
.pwa-install-sub{margin:0 0 1rem;color:#555}
.pwa-install-tabs{display:flex;gap:8px;margin:.6rem 0}
.tab-button{padding:8px 12px;border-radius:999px;border:1px solid #d0d4e0;background:#f5f7fb;cursor:pointer}
.tab-button.active{background:#3b436f;color:#fff;border-color:#3b436f}
.pwa-install-panels .panel{display:none}
.pwa-install-panels .panel.active{display:block}
.steps{margin:.5rem 1rem;line-height:1.6}
.steps li{margin:.35rem 0}
.cta-row{display:flex;gap:10px;margin-top:.8rem}
.primary{background:#3b436f;border:1px solid #3b436f;color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer}
.primary:disabled{opacity:.55;cursor:not-allowed}
.ghost{background:transparent;border:1px solid #c7ccdb;color:#3b436f;padding:10px 16px;border-radius:12px;cursor:pointer}
.hint{margin-top:.6rem;color:#666;font-size:.95rem}
.ios-share{display:inline-block;padding:0 .25rem;border:1px solid #ccc;border-radius:6px}
@media (max-width:560px){
  #pwa-install-modal{margin:0;min-height:100vh;border-radius:0;box-shadow:none}
  #pwa-install-close{top:14px;right:14px}
}