.enp-pwa-bar {
	position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom));
	z-index: 99990; max-width: 520px; margin: 0 auto;
	display: flex; align-items: center; gap: 12px;
	padding: 10px 10px 10px 12px; border-radius: 14px;
	background: #0F172A; color: #fff;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.35);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	transform: translateY(140%); transition: transform 0.35s ease;
}
.enp-pwa-bar.is-in { transform: translateY(0); }
.enp-pwa-icon { width: 44px; height: 44px; border-radius: 10px; flex: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25); }
.enp-pwa-text { flex: 1; min-width: 0; line-height: 1.25; }
.enp-pwa-text strong { display: block; font-size: 15px; }
.enp-pwa-text span { font-size: 12px; opacity: 0.85; }
.enp-pwa-install {
	flex: none; border: 0; border-radius: 10px; padding: 10px 16px;
	background: #F59E0B; color: #0F172A; font-weight: 700; font-size: 14px; cursor: pointer;
}
.enp-pwa-bar .enp-pwa-close {
	flex: none; border: 0; background: transparent; color: #fff; opacity: 0.7;
	font-size: 24px; line-height: 1; padding: 4px 6px; cursor: pointer;
}
/* keep page content (e.g. the footer) reachable above the bar */
html.enp-pwa-bar-open body { padding-bottom: 84px; }

.enp-pwa-guide {
	position: fixed; inset: 0; z-index: 99995; background: rgba(15, 23, 42, 0.55);
	display: flex; align-items: flex-end; justify-content: center;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.enp-pwa-sheet {
	position: relative; width: 100%; max-width: 480px; background: #fff; color: #0f172a;
	border-radius: 18px 18px 0 0; padding: 24px 22px calc(22px + env(safe-area-inset-bottom)); text-align: center;
}
.enp-pwa-sheet img { border-radius: 12px; }
.enp-pwa-sheet h3 { margin: 10px 0 12px; font-size: 18px; }
.enp-pwa-sheet ol { text-align: left; margin: 0 0 18px; padding-left: 22px; font-size: 15px; line-height: 1.6; }
.enp-pwa-sheet ol svg { vertical-align: -3px; color: #007aff; }
.enp-pwa-sheet .enp-pwa-close {
	position: absolute; top: 10px; right: 12px; border: 0; background: transparent;
	font-size: 26px; color: #64748b; cursor: pointer;
}
.enp-pwa-sheet .enp-pwa-done { width: 100%; padding: 12px; }