.pwa-update{position:fixed;inset-inline:.75rem;top:calc(.75rem + env(safe-area-inset-top));z-index:80;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin:0 auto;max-width:28rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 8px 30px rgb(0 0 0/.12);font-size:.95rem}.pwa-update p{margin:0;font-weight:600}.pwa-update-actions{display:flex;gap:.5rem}.pwa-install{position:fixed;inset-inline:.75rem;top:calc(.75rem + env(safe-area-inset-top));z-index:80;display:flex;align-items:flex-start;gap:.8rem;margin:0 auto;max-width:26rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 8px 30px rgb(0 0 0/.12);animation:pwa-install-in .32s var(--ease-out) both}@keyframes pwa-install-in{0%{opacity:0;transform:translateY(-.75rem)}}@media (prefers-reduced-motion:reduce){.pwa-install{animation:none}}.pwa-install-icon{flex-shrink:0;width:52px;height:52px;border-radius:12px}.pwa-install-body{flex:1;min-width:0}.pwa-install-title{margin:0;padding-inline-end:1.6rem;font-weight:700;line-height:1.5}.pwa-install-line{margin:.15rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.6;text-wrap:pretty}.pwa-install-steps{margin:.35rem 0 0;padding-inline-start:1.2rem;color:var(--muted);font-size:.92rem;line-height:1.7}.pwa-install-share{display:inline-block;vertical-align:-.2em;color:var(--primary)}.pwa-install-actions{display:flex;gap:.5rem;margin-top:.65rem}.pwa-install-close{position:absolute;top:.4rem;inset-inline-end:.4rem;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.pwa-install-close:hover{background:var(--paper);color:var(--ink)}