:root{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px)}
html.app-standalone,html.app-native{background:#eaf0f7}
body.app-standalone-mode{min-height:100dvh}
.app-runtime-pill{position:fixed;left:50%;bottom:calc(18px + var(--app-safe-bottom));z-index:99999;transform:translate(-50%,18px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;max-width:min(92vw,560px);padding:11px 15px;border:1px solid rgba(255,255,255,.75);border-radius:16px;background:rgba(31,41,58,.92);color:#fff;box-shadow:0 14px 38px rgba(24,32,48,.28);backdrop-filter:blur(16px);transition:.22s ease;font:600 13px/1.35 Inter,system-ui,sans-serif}.app-runtime-pill.show{opacity:1;transform:translate(-50%,0)}.app-runtime-pill.offline{background:rgba(138,58,58,.94)}.app-runtime-pill.online{background:rgba(39,111,78,.94)}.app-runtime-install{display:none}.app-install-available .app-runtime-install{display:inline-flex}.app-native .browser-only,.app-standalone .browser-only{display:none!important}@media(max-width:720px){.app-runtime-pill{bottom:calc(84px + var(--app-safe-bottom));width:calc(100vw - 28px);justify-content:center;text-align:center}}