#op-install[hidden], #op-install-space[hidden] { display: none !important; }
#op-install { position: fixed; z-index: 9990; bottom: 0; left: 0; right: 0; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 12px max(12px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); background: #fff; color: #17263c; border-top: 1px solid #dbe3ed; box-shadow: 0 -3px 18px #17263c12; font-family: system-ui, sans-serif; line-height: 1.4; }
#op-install img { flex: 0 0 40px; border-radius: 10px; }
#op-install .op-install-copy { flex: 1; min-width: 0; }
#op-install strong { display: block; font-size: 13px; font-weight: 700; }
#op-install small { display: block; font-size: 11px; color: #617086; margin-top: 2px; }
#op-install-link { flex-shrink: 0; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 12px; border-radius: 9px; background: #153962; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
#op-install-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #617086; font-size: 26px; cursor: pointer; }
#op-install a:focus-visible, #op-install button:focus-visible { outline: 2px solid #2377d4; outline-offset: 2px; }
@media (max-width: 360px) { #op-install { gap: 6px; } #op-install img { display: none; } }