.pwa-install-banner{left:calc(12px + var(--pm-safe-left,env(safe-area-inset-left,0px)));right:calc(12px + var(--pm-safe-right,env(safe-area-inset-right,0px)));bottom:var(--pm-bottom-clearance,calc(12px + env(safe-area-inset-bottom,0px)));z-index:var(--pm-z-toast,20000);background:var(--pm-bg-card,#fff);color:var(--pm-text,#1f2937);border:1px solid var(--pm-border,#00000014);font-family:var(--pm-font-sans,system-ui, sans-serif);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:transform .32s;display:none;position:fixed;transform:translateY(140%);box-shadow:0 12px 32px #0000002e}.pwa-install-banner.is-visible{display:flex;transform:translateY(0)}body.modal-open .pwa-install-banner,body.modal-open .pwa-install-banner.is-visible{display:none!important}.pwa-install-banner__icon{color:#fff;background:linear-gradient(145deg,#0ea5e9,#6366f1);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 6px 14px #6366f159}.pwa-install-banner__body{flex:auto;min-width:0}.pwa-install-banner__title{color:var(--pm-text-strong,var(--pm-text,#111827));margin:0 0 2px;font-size:.95rem;font-weight:600;line-height:1.2}.pwa-install-banner__subtitle{color:var(--pm-text-muted,#6b7280);margin:0;font-size:.78rem;line-height:1.3}.pwa-install-banner__actions{flex:none;align-items:center;gap:6px;display:flex}.pwa-install-banner__btn{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(145deg,#0ea5e9,#6366f1);border:none;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #6366f14d}.pwa-install-banner__btn:hover,.pwa-install-banner__btn:focus{transform:translateY(-1px);box-shadow:0 6px 14px #6366f166}.pwa-install-banner__close{appearance:none;color:var(--pm-text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pwa-install-banner__close:hover{background:var(--pm-surface-1,#0000000f);color:var(--pm-text,#374151)}.pwa-install-modal{z-index:calc(var(--pm-z-toast,20000) + 100);padding:calc(16px + var(--pm-safe-top,env(safe-area-inset-top,0px))) calc(16px + var(--pm-safe-right,env(safe-area-inset-right,0px))) calc(16px + var(--pm-safe-bottom,env(safe-area-inset-bottom,0px))) calc(16px + var(--pm-safe-left,env(safe-area-inset-left,0px)));font-family:var(--pm-font-sans,system-ui, sans-serif);background:#0f172a99;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.pwa-install-modal.is-visible{animation:.2s pwa-install-fade;display:flex}@keyframes pwa-install-fade{0%{opacity:0}to{opacity:1}}.pwa-install-modal__sheet{background:var(--pm-bg-card,#fff);width:100%;max-width:460px;color:var(--pm-text,#1f2937);border-radius:22px 22px 18px 18px;animation:.28s cubic-bezier(.2,.9,.3,1) pwa-install-slide;overflow:hidden;box-shadow:0 24px 60px #00000059}@keyframes pwa-install-slide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pwa-install-modal__header{text-align:center;border-bottom:1px solid var(--pm-border,#0000000f);padding:20px 20px 12px;position:relative}.pwa-install-modal__close{appearance:none;background:var(--pm-surface-1,#0000000d);color:var(--pm-text-muted,#6b7280);cursor:pointer;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid;position:absolute;top:12px;right:12px}.pwa-install-modal__icon{color:#fff;background:linear-gradient(145deg,#0ea5e9,#6366f1);border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:28px;display:grid;box-shadow:0 12px 24px #6366f166}.pwa-install-modal__title{color:var(--pm-text-strong,var(--pm-text,#0f172a));margin:0;font-size:1.1rem;font-weight:700}.pwa-install-modal__subtitle{color:var(--pm-text-muted,#64748b);margin:4px 0 0;font-size:.85rem}.pwa-install-modal__body{padding:18px 20px 22px}.pwa-install-step{align-items:flex-start;gap:12px;padding:10px 0;display:flex}.pwa-install-step+.pwa-install-step{border-top:1px dashed var(--pm-border,#00000014)}.pwa-install-step__num{background:var(--pm-surface-1,#eef2ff);color:#6366f1;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.pwa-install-step__text{color:var(--pm-text,#1f2937);flex:auto;font-size:.9rem;line-height:1.4}.pwa-install-step__text strong{color:var(--pm-text-strong,var(--pm-text,#0f172a))}.pwa-install-step__icon{background:var(--pm-surface-1,#eef2ff);color:#6366f1;vertical-align:-5px;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin:0 3px;font-size:13px;display:inline-flex}.pwa-install-modal__primary{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(145deg,#0ea5e9,#6366f1);border:none;border-radius:12px;width:100%;margin-top:16px;padding:12px 16px;font-size:.95rem;font-weight:600;box-shadow:0 6px 14px #6366f159}.pwa-install-modal__secondary{appearance:none;width:100%;color:var(--pm-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:10px;margin-top:8px;padding:10px;font-size:.85rem}.pwa-install-modal__secondary:hover{background:var(--pm-surface-1,#0000000a)}@media (width>=640px){.pwa-install-modal{align-items:center}.pwa-install-modal__sheet{border-radius:22px}}@media (width<=380px){.pwa-install-banner{gap:8px;padding:10px 12px}.pwa-install-banner__title{font-size:.88rem}.pwa-install-banner__subtitle{display:none}.pwa-install-banner__btn{padding:7px 11px;font-size:.8rem}}