:root{--qp-pwa-navy:#071a36;--qp-pwa-blue:#0d6efd;--qp-pwa-blue-dark:#084eb5;--qp-pwa-sky:#eaf3ff;--qp-pwa-border:#dce5f0}
.qp-pwa-install,.qp-pwa-update{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:999990;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:11px 17px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:linear-gradient(145deg,var(--qp-pwa-blue),var(--qp-pwa-blue-dark));color:#fff;font:inherit;font-weight:800;box-shadow:0 14px 34px rgba(3,25,63,.3);cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}
.qp-pwa-install:hover,.qp-pwa-install:focus-visible{transform:translateY(-2px);box-shadow:0 18px 38px rgba(3,25,63,.38);background:linear-gradient(145deg,#2782ff,var(--qp-pwa-blue-dark));color:#fff}.qp-pwa-install:focus-visible,.qp-pwa-update button:focus-visible,.qp-pwa-close:focus-visible{outline:3px solid rgba(13,110,253,.3);outline-offset:3px}.qp-pwa-install[hidden],.qp-pwa-update[hidden],.qp-pwa-ios[hidden]{display:none!important}.qp-pwa-install-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:var(--qp-pwa-blue-dark);font-size:1rem;line-height:1}
.qp-pwa-ios{position:fixed;inset:0;z-index:999991;display:flex;align-items:flex-end;justify-content:center;padding:20px max(14px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(3,18,45,.5);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.qp-pwa-ios-card{position:relative;width:min(100%,520px);padding:26px 24px 24px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:#fff;box-shadow:0 24px 64px rgba(2,18,44,.32);color:#172033}.qp-pwa-ios-card h2{margin:0 34px 9px 0;color:var(--qp-pwa-navy);font-size:1.35rem}.qp-pwa-ios-card p{margin:0;color:#526071;line-height:1.55}.qp-pwa-steps{display:grid;gap:10px;margin-top:18px}.qp-pwa-step{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--qp-pwa-border);border-radius:13px;background:#f8fbff}.qp-pwa-step strong{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:var(--qp-pwa-sky);color:var(--qp-pwa-blue-dark)}.qp-pwa-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f7;color:#344054;font-size:1.2rem;cursor:pointer}
.qp-pwa-update{left:50%;right:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),560px);justify-content:space-between;border-radius:15px;background:#fff;color:#172033;padding:12px 13px 12px 16px}.qp-pwa-update span{line-height:1.35}.qp-pwa-update button{flex:0 0 auto;border:0;border-radius:10px;background:var(--qp-pwa-blue);color:#fff;padding:9px 13px;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:560px){.qp-pwa-install{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));justify-content:center}.qp-pwa-ios-card{padding:24px 19px 20px}.qp-pwa-update{align-items:flex-start;gap:12px}}
@media(display-mode:standalone){.qp-pwa-install,.qp-pwa-ios{display:none!important}}
@media(prefers-reduced-motion:reduce){.qp-pwa-install{transition:none}}