.pwa-install {
  position:fixed;
  right:max(12px, env(safe-area-inset-right));
  bottom:max(12px, env(safe-area-inset-bottom));
  z-index:24;
  display:none;
  max-width:min(320px, calc(100vw - 24px));
  color:var(--text, var(--ink, #0f172a));
  font:500 12px/1.45 Inter, Pretendard, "Noto Sans KR", system-ui, sans-serif;
}
.pwa-install.is-visible { display:block; }
.pwa-install__button {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 11px;
  border:1px solid var(--line, #bfdbfe);
  border-radius:8px;
  background:var(--surface, #fff);
  color:var(--accent, var(--blue, #1d4ed8));
  box-shadow:0 8px 24px rgba(15, 23, 42, .14);
  font:700 12px/1.2 inherit;
  cursor:pointer;
}
.pwa-install__button:hover { background:#eff6ff; }
.pwa-install__panel {
  display:none;
  margin-top:6px;
  padding:11px 12px;
  border:1px solid var(--line, #dbe4f0);
  border-radius:8px;
  background:var(--surface, #fff);
  box-shadow:0 12px 32px rgba(15, 23, 42, .16);
}
.pwa-install.is-open .pwa-install__panel { display:block; }
.pwa-install__panel strong { display:block; margin-bottom:5px; color:var(--text, var(--ink, #0b1f3a)); font-size:13px; }
.pwa-install__panel p { margin:3px 0; color:var(--muted, #475569); }
.pwa-install__actions { display:flex; gap:6px; margin-top:8px; }
.pwa-install__action {
  min-height:30px;
  padding:5px 9px;
  border:1px solid var(--line, #cbd5e1);
  border-radius:6px;
  background:var(--surface, #fff);
  color:var(--text, var(--ink, #334155));
  font:700 11px/1.2 inherit;
  cursor:pointer;
}
.pwa-install__action--primary { border-color:#1d4ed8; background:#1d4ed8; color:#fff; }
@media (min-width:769px) {
  .pwa-install { display:none !important; }
}