.pwa-install{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;border:1px solid #bedbd4;border-radius:24px;padding:10px 16px;background:#167f78;color:white;box-shadow:0 4px 16px #163e3320;font:600 14px system-ui;cursor:pointer}
.pwa-install[hidden],.pwa-network[hidden]{display:none}
.pwa-network{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff4dc;color:#573f13;padding:12px 20px;text-align:center;font:14px system-ui}
body:has(.pwa-network:not([hidden])){padding-bottom:65px}
.offline-page{margin:0;min-height:100dvh;display:grid;place-items:center;background:linear-gradient(135deg,#d8eeea,#f9eee5);font:16px/1.5 system-ui;color:#173d43}
.offline-card{max-width:440px;margin:20px;padding:28px;text-align:center;border:1px solid white;border-radius:24px;background:#ffffffde}
.offline-card h1{font-size:24px}.offline-card img{border-radius:20px}.offline-card button{border:0;border-radius:24px;padding:12px 22px;background:#167f78;color:white;font:600 15px system-ui;cursor:pointer}