#mioprovely-root { position: fixed; left: 16px; bottom: 16px; z-index: 9999; pointer-events: none; }
.mioprovely-pop { min-width: 280px; max-width: 360px; background: #111827; color: #fff; border-radius: 14px; padding: 14px 16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); font: 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; opacity: 0; transform: translateY(100%); transition: all 500ms ease-out; }
.mioprovely-pop.show { opacity: 1; transform: translateY(0); }
.mioprovely-pop .mp-row { display:flex; gap:12px; align-items: center; }
.mioprovely-pop .mp-avatar { position: relative; flex:0 0 40px; width:40px; height:40px; border-radius:999px; background:#374151; display:flex; align-items:center; justify-content:center; font-weight:700; overflow: hidden; --avatar-url: ''; }
.mioprovely-pop .mp-avatar:before {content: ''; position: absolute; inset: 0; background-image: var(--avatar-url); background-size: cover; background-position: center; background-repeat: no-repeat;}
.mioprovely-pop .mp-text { flex:1; }
.mioprovely-pop .mp-name { font-weight:600; }
.mioprovely-pop .mp-meta { opacity:.8; font-size:12px; margin-top:2px; }