html {scroll-padding-bottom:100px}
body {padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.app-navigation {position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd;box-shadow:0 -3px 20px #0000000a}
.app-navigation a,.app-navigation button {display:block;flex:1;max-width:180px;padding:10px 6px;border:0;border-radius:7px;background:#f4f4f5;color:#171717;text-align:center;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
#install-app {background:#b91e47;color:white}
.app-navigation [hidden] {display:none}
.application-services {margin:32px 0;padding:24px 0;border-top:1px solid #ddd}
.application-services h2 {margin-bottom:18px}
#app-services {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#app-services article {border:1px solid #ddd;border-radius:10px;padding:20px}
#app-services h3 {font-size:19px;margin:0 0 10px}
#app-services p {font-size:15px;margin:0 0 18px}
#app-services a {font-weight:700;text-decoration:underline}
#install-help {max-width:480px;width:calc(100% - 40px);border:0;border-radius:14px;padding:28px;line-height:1.6}
#install-help::backdrop {background:#0009}
#install-help h2 {margin:0 0 16px}
#close-install {padding:12px 22px;background:#111;color:#fff;border:0;border-radius:6px;cursor:pointer}
#connection-status {position:sticky;top:0;background:#fff0ce;color:#553800;padding:12px;text-align:center;z-index:29}
@media(max-width:650px){#app-services{grid-template-columns:1fr}.app-navigation{gap:5px;padding-left:8px;padding-right:8px}.app-navigation a,.app-navigation button{font-size:12px}}

.store-links {display:grid;gap:10px;margin:18px 0}
.store-links a {display:block;padding:12px;border:1px solid #aaa;border-radius:6px;color:#171717;font-weight:bold}
