.role-badge{background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-primary);white-space:nowrap;border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-flex}.upo-wrapper{display:inline-flex;position:relative}.upo-popover{z-index:1000;padding-top:8px;animation:.2s ease-out forwards upo-fade-in;position:absolute;top:100%;left:0}@keyframes upo-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.upo-portal{z-index:9999;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute}.upo-card{background-color:color-mix(in srgb, var(--bg-secondary) 86%, transparent);border:0;border-bottom:1px solid var(--border-color);width:320px;box-shadow:none;-webkit-backdrop-filter:blur(18px);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.upo-banner{background-color:var(--banner-bg,#333);width:100%;height:80px;position:relative}.upo-banner-img{object-fit:cover;width:100%;height:100%}.upo-content{padding:0 16px 16px;position:relative}.upo-avatar{border-radius:var(--radius-full);border:3px solid var(--bg-color);box-sizing:border-box;margin-top:-30px}.upo-info{flex-direction:column;gap:4px;display:flex}.upo-display-name{margin:0;font-size:1.1rem;font-weight:600;line-height:1.2}.upo-handle{color:var(--text-secondary);margin:0;font-size:.85rem}.upo-roles{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.upo-badge{background-color:var(--badge-bg,#444);color:var(--badge-text,#fff);text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.upo-bio{color:var(--text-primary);margin:0;font-size:.85rem;line-height:1.4}.upo-actions{gap:8px;margin-top:16px;display:flex}.upo-action-btn{flex:1;justify-content:center}