.khpwa-install-banner{position:fixed;left:14px;right:14px;bottom:14px;z-index:99999;display:flex;justify-content:center;pointer-events:none}
.khpwa-install-banner__content{pointer-events:auto;max-width:720px;width:100%;display:flex;align-items:center;gap:14px;background:rgba(15,23,42,.96);color:#fff;padding:14px 16px;border-radius:18px;box-shadow:0 20px 54px rgba(2,6,23,.35)}
.khpwa-install-banner__icon{width:48px;height:48px;border-radius:14px;object-fit:cover;flex:0 0 auto}
.khpwa-install-banner__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
.khpwa-install-banner__text strong{font-size:15px;line-height:1.2}
.khpwa-install-banner__text span{font-size:13px;line-height:1.45;color:rgba(255,255,255,.82)}
.khpwa-install-banner__primary,.khpwa-install-banner__ghost,.khpwa-push-chip{appearance:none;border:0;cursor:pointer;font:inherit}
.khpwa-install-banner__primary{background:#2563eb;color:#fff;padding:10px 14px;border-radius:12px;font-weight:700;white-space:nowrap}
.khpwa-install-banner__ghost{background:rgba(255,255,255,.10);color:#fff;padding:10px 12px;border-radius:12px;white-space:nowrap}
.khpwa-splash{position:fixed;inset:0;z-index:999999;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .28s ease,visibility .28s ease}
.khpwa-splash.is-hidden{opacity:0;visibility:hidden}
.khpwa-splash__inner{text-align:center;padding:24px}
.khpwa-splash__icon{width:112px;height:112px;border-radius:28px;object-fit:cover;display:block;margin:0 auto 16px;box-shadow:0 16px 40px rgba(37,99,235,.16)}
.khpwa-splash__name{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.02em}
.khpwa-splash__loader{width:34px;height:34px;border:3px solid rgba(37,99,235,.15);border-top-color:#2563eb;border-radius:50%;margin:18px auto 0;animation:khpwaSpin .9s linear infinite}
.khpwa-push-chip{position:fixed;right:14px;bottom:88px;z-index:99998;background:#16a34a;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:0 16px 40px rgba(22,163,74,.3);font-weight:700}
@keyframes khpwaSpin{to{transform:rotate(360deg)}}
@media (max-width: 640px){
  .khpwa-install-banner__content{display:grid;grid-template-columns:48px minmax(0,1fr);padding:14px}
  .khpwa-install-banner__primary,.khpwa-install-banner__ghost{grid-column:span 1}
  .khpwa-install-banner__text{grid-column:2}
  .khpwa-install-banner__primary{grid-column:1 / span 2}
  .khpwa-install-banner__ghost{grid-column:1 / span 2}
  .khpwa-push-chip{bottom:132px}
}