#pwa-a2h-banner{position:fixed;bottom:calc(var(--bottom-nav-h, 64px) + 12px);left:50%;transform:translate(-50%) translateY(120%);width:min(calc(100vw - 32px),420px);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 32px #00000059;display:flex;align-items:center;gap:10px;padding:12px 14px;z-index:1200;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .28s ease;opacity:0}#pwa-a2h-banner.pwa-a2h-visible{transform:translate(-50%) translateY(0);opacity:1}@media(min-width:769px){#pwa-a2h-banner{bottom:24px;left:auto;right:24px;transform:translateY(120%)}#pwa-a2h-banner.pwa-a2h-visible{transform:translateY(0)}}.pwa-a2h-icon{font-size:28px;flex-shrink:0;line-height:1}.pwa-a2h-text{flex:1;min-width:0}.pwa-a2h-text strong{display:block;font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.pwa-a2h-text span{font-size:11.5px;color:var(--text-secondary)}.pwa-a2h-install{flex-shrink:0;background:var(--brand, #DC2626);color:#fff;border:none;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s}.pwa-a2h-install:hover{opacity:.88}.pwa-a2h-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:4px 6px;border-radius:6px;line-height:1;transition:background .15s}.pwa-a2h-dismiss:hover{background:var(--border)}#pwa-push-banner{position:fixed;bottom:calc(var(--bottom-nav-h, 64px) + 12px);left:50%;transform:translate(-50%) translateY(120%);width:min(calc(100vw - 32px),440px);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 32px #00000059;z-index:1200;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .28s ease;opacity:0;overflow:hidden}#pwa-push-banner.push-banner-visible{transform:translate(-50%) translateY(0);opacity:1}@media(min-width:769px){#pwa-push-banner{bottom:24px;left:auto;right:24px;transform:translateY(120%)}#pwa-push-banner.push-banner-visible{transform:translateY(0)}}.push-banner-body{display:flex;flex-direction:column;gap:10px;padding:18px 16px 14px}.push-banner-icon{font-size:26px;line-height:1}.push-banner-text strong{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}.push-banner-text span{font-size:12.5px;color:var(--text-secondary);line-height:1.4}.push-banner-actions{display:flex;gap:8px;margin-top:4px}.push-btn-primary{flex:1;background:var(--brand, #DC2626);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.push-btn-primary:hover{opacity:.88}.push-btn-ghost{flex-shrink:0;background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;padding:9px 14px;font-size:13px;cursor:pointer;transition:background .15s}.push-btn-ghost:hover{background:var(--border)}