/* App layer for the installable build only. Matches the artifact skeleton, plus the install hint. */
html{color-scheme:light dark}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;font:14px/1.4 system-ui,-apple-system,sans-serif}
img{max-width:100%}
[hidden]{display:none!important}
/* paint the band under the iPhone status bar so scrolled content never shows through it */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:15;background:var(--bg)}
@media (display-mode: standalone){ body{overscroll-behavior:none} }
.get-app{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:15;width:min(528px,calc(100% - 24px));display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;
  padding:10px 10px 10px 12px;border-radius:18px;background:var(--card);border:2px solid var(--brand);box-shadow:0 12px 30px rgba(20,22,60,.25);font-size:14.5px;line-height:1.35;color:var(--ink);animation:pop .45s var(--spring)}
.get-app .metro{width:44px;height:auto}
.get-app b{color:var(--brand)}
.get-app .go-btn{border:0;padding:9px 14px;border-radius:12px;background:var(--brand);color:var(--on-brand);font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--brand-deep)}
.get-app .x2{border:0;background:none;width:32px;height:32px;color:var(--muted);font-size:22px;line-height:1}