.connection-banner{position:sticky;top:0;z-index:60;padding:10px 16px;background:#fff3d6;color:#714b04;text-align:center;font-size:13px;border-bottom:1px solid #e7cb92}
.connection-banner[hidden],.pwa-install[hidden],.pwa-help[hidden]{display:none}
.pwa-install{position:fixed;right:18px;bottom:18px;z-index:40;max-width:calc(100vw - 36px);display:flex;gap:8px;align-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 35px #4b172a26}
.pwa-dismiss{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;padding:8px}
.pwa-help{position:fixed;bottom:88px;right:18px;z-index:41;max-width:calc(100vw - 36px);width:320px;padding:16px;border-radius:12px;background:var(--brand-dark);color:white;font-size:13px;box-shadow:0 8px 35px #4b172a26}
.offline-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.offline-card{width:100%;max-width:460px;padding:32px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 12px 35px #4b172a12}
.offline-card img{border-radius:18px}.offline-card h1{font-size:25px;line-height:1.25}.offline-card p{color:var(--muted)}.offline-card strong{color:var(--ink)}.offline-card a{text-decoration:none;margin-top:12px}
@media(display-mode:standalone){.pwa-install,.pwa-help{display:none!important}}