.pwa-card{inset-inline:16px;bottom:calc(16px + var(--tabbar-h) + env(safe-area-inset-bottom));z-index:var(--z-toast);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);max-width:400px;box-shadow:var(--sh-3);gap:12px;margin-inline:auto;padding:18px 18px 16px;display:grid;position:fixed}@media (width>=768px){.pwa-card{inset-inline:auto 24px;width:380px;bottom:24px}}.pwa-x{top:10px;position:absolute;inset-inline-end:10px}.pwa-head{align-items:center;gap:12px;padding-inline-end:28px;display:flex}.pwa-head strong{font-size:var(--fs-md);line-height:1.6;display:block}.pwa-head p{font-size:var(--fs-sm);color:var(--text-2);margin:0;line-height:1.7}.pwa-icon{background:var(--white);border:1px solid var(--line);width:60px;height:60px;box-shadow:var(--sh-1);border-radius:16px;flex:none;place-items:center;display:grid}.pwa-perks,.pwa-steps{font-size:var(--fs-sm);gap:6px;display:grid}.pwa-perks li{align-items:center;gap:8px;display:flex}.pwa-perks .ic{color:var(--accent-text)}.pwa-steps li{align-items:flex-start;gap:10px;line-height:1.8;display:flex}.pwa-step-ic{border-radius:var(--r-sm);background:var(--accent-50);width:30px;height:30px;color:var(--accent-text);flex:none;place-items:center;display:grid}.pwa-steps .pwa-note{color:var(--text-2);font-size:var(--fs-xs)}.pwa-actions{gap:8px;display:flex}.pwa-net{top:calc(10px + env(safe-area-inset-top));z-index:var(--z-toast);border-radius:var(--r-pill);background:var(--inverse-bg);width:240px;color:var(--white);font-size:var(--fs-sm);box-shadow:var(--sh-2);pointer-events:none;justify-content:center;align-items:center;gap:8px;margin-left:-120px;padding:8px 16px;font-weight:600;display:flex;position:fixed;left:50%}.pwa-net.is-back .ic{color:var(--teal-300)}.pwa-net.is-off .ic{color:var(--orange)}.pwa-ptr{top:calc(-44px + env(safe-area-inset-top));z-index:var(--z-toast);background:var(--surface);width:40px;height:40px;color:var(--accent-text);box-shadow:var(--sh-2);opacity:0;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:fixed;left:50%;transform:translate(-50%)}.pwa-ptr.is-ready{background:var(--accent);color:var(--accent-ink)}.pwa-ptr:not(.is-pull){transition:transform var(--t) var(--ease-out), opacity var(--t)}.pwa-ptr.is-spin .ic{animation:.7s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(-360deg)}}.push-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.push-card.is-off{border-color:var(--accent-200);background:var(--accent-50)}.push-ic{background:var(--surface);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.push-card.is-on .push-ic{color:var(--teal-fg)}.push-text{min-width:0;font-size:var(--fs-sm);flex:1;line-height:1.7;display:grid}.push-text span{color:var(--text-2)}@media (width<=520px){.push-card{flex-wrap:wrap}.push-card .btn{margin-inline-start:52px}}.page>.push-card{margin-bottom:16px}